|
|
|
@@ -2,6 +2,7 @@ |
|
|
|
--primary-bg: white; |
|
|
|
--secondary-bg: #F7F9FA; |
|
|
|
--text: #4C555E; |
|
|
|
--text-dark: #394046; |
|
|
|
--text-light: #1D262E; |
|
|
|
--text-lighter: #28323B; |
|
|
|
--text-lightest: #A1A7AD; |
|
|
|
@@ -24,6 +25,27 @@ label { |
|
|
|
font-size: 16px; |
|
|
|
} |
|
|
|
|
|
|
|
button { |
|
|
|
background: var(--text); |
|
|
|
color: white; |
|
|
|
border: none; |
|
|
|
padding: 7px; |
|
|
|
border-radius: 3px; |
|
|
|
font-weight: bold; |
|
|
|
} |
|
|
|
|
|
|
|
button:not(:disabled) { |
|
|
|
cursor: pointer; |
|
|
|
} |
|
|
|
|
|
|
|
button:disabled { |
|
|
|
background: grey; |
|
|
|
} |
|
|
|
|
|
|
|
/* button:not(:disabled):hover { */ |
|
|
|
/* background: var(--text-dark); */ |
|
|
|
/* } */ |
|
|
|
|
|
|
|
input, select { |
|
|
|
border: 2px solid var(--outline); |
|
|
|
border-radius: 3px; |
|
|
|
|
