mirror of https://gitlab.com/bashrc2/epicyon
css variables
parent
dc726e2c78
commit
4b321074bb
|
@ -11,6 +11,10 @@
|
|||
--font-size: 40px;
|
||||
--text-entry-foreground: #ccc;
|
||||
--text-entry-background: #111;
|
||||
--time-color: #aaa;
|
||||
--button-text: #FFFFFF;
|
||||
--button-background: #999;
|
||||
--button-selected: #666;
|
||||
}
|
||||
|
||||
body, html {
|
||||
|
@ -64,9 +68,9 @@ a:link {
|
|||
|
||||
.button {
|
||||
border-radius: 4px;
|
||||
background-color: #999;
|
||||
background-color: var(--button-background);
|
||||
border: none;
|
||||
color: white;
|
||||
color: var(--button-text);
|
||||
text-align: center;
|
||||
padding: 10px;
|
||||
font-size: var(--font-size);
|
||||
|
@ -95,7 +99,7 @@ input[type=text] {
|
|||
border-radius: 4px;
|
||||
background-color: #999;
|
||||
border: none;
|
||||
color: #FFFFFF;
|
||||
color: var(--button-text);
|
||||
text-align: center;
|
||||
font-size: var(--font-size);
|
||||
padding: 2px;
|
||||
|
@ -129,9 +133,9 @@ input[type=text] {
|
|||
}
|
||||
.button {
|
||||
border-radius: 4px;
|
||||
background-color: #999;
|
||||
background-color: var(--button-background);
|
||||
border: none;
|
||||
color: white;
|
||||
color: var(--button-text);
|
||||
text-align: center;
|
||||
padding: 10px;
|
||||
font-size: 24px;
|
||||
|
@ -157,9 +161,9 @@ input[type=text] {
|
|||
}
|
||||
.button {
|
||||
border-radius: 4px;
|
||||
background-color: #999;
|
||||
background-color: var(--button-background);
|
||||
border: none;
|
||||
color: white;
|
||||
color: var(--button-text);
|
||||
text-align: center;
|
||||
padding: 10px;
|
||||
font-size: 40px;
|
||||
|
|
|
@ -12,6 +12,10 @@
|
|||
--font-size-mobile: 40px;
|
||||
--text-entry-foreground: #ccc;
|
||||
--text-entry-background: #111;
|
||||
--time-color: #aaa;
|
||||
--button-text: #FFFFFF;
|
||||
--button-background: #999;
|
||||
--button-selected: #666;
|
||||
}
|
||||
|
||||
body, html {
|
||||
|
@ -56,8 +60,8 @@ input[type=text], input[type=password] {
|
|||
}
|
||||
|
||||
button {
|
||||
background-color: #555;
|
||||
color: white;
|
||||
background-color: var(--button-background);
|
||||
color: var(--button-text);
|
||||
padding: 14px 20px;
|
||||
margin: 8px 0;
|
||||
border: none;
|
||||
|
@ -121,8 +125,8 @@ span.psw {
|
|||
font-size: var(--font-size);
|
||||
}
|
||||
button {
|
||||
background-color: #555;
|
||||
color: white;
|
||||
background-color: var(--button-background);
|
||||
color: var(--button-text);
|
||||
padding: 14px 20px;
|
||||
margin: 8px 0;
|
||||
border: none;
|
||||
|
@ -160,8 +164,8 @@ span.psw {
|
|||
font-size: var(--font-size-mobile);
|
||||
}
|
||||
button {
|
||||
background-color: #555;
|
||||
color: white;
|
||||
background-color: var(--button-background);
|
||||
color: var(--button-text);
|
||||
padding: 14px 20px;
|
||||
margin: 8px 0;
|
||||
border: none;
|
||||
|
|
|
@ -14,6 +14,10 @@
|
|||
--font-size: 22px;
|
||||
--text-entry-foreground: #ccc;
|
||||
--text-entry-background: #111;
|
||||
--time-color: #aaa;
|
||||
--button-text: #FFFFFF;
|
||||
--button-background: #999;
|
||||
--button-selected: #666;
|
||||
}
|
||||
|
||||
body, html {
|
||||
|
|
Loading…
Reference in New Issue