vitalif
/
react-toolbox
1
0
Fork 0
Code Issues Pull Requests Releases 12 Wiki Activity

update defaults in input component config.css 

Use color-text variable for label and border color. This seems like an intuitive default since the default background is transparent. Also, the input element needs the option to set a custom color value, otherwise setting a custom background is limited to what works with the overall text-color.
old
Jake Richan 2017-11-27 15:58:49 -07:00
parent b381db4054
commit 25172c5f15
2 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
components/input/config.css
View File

@ -6,8 +6,9 @@
--input-label-font-size: calc(1.2 * var(--unit));
--input-focus-label-top: calc(0.6 * var(--unit));
--input-text-background-color: transparent;
--input-text-label-color: color(var(--color-black) a(26%));
--input-text-bottom-border-color: color(var(--color-black) a(12%));
--input-text-label-color: color(var(--color-text) a(26%));
--input-text-input-element-color: var(--color-text);
--input-text-bottom-border-color: color(var(--color-text) a(12%));
--input-text-highlight-color: var(--color-primary);
--input-text-disabled-color: var(--input-text-bottom-border-color);
--input-text-disabled-text-color: var(--input-text-label-color);

2
components/input/theme.css
View File

@ -34,7 +34,7 @@
border-radius: 0;
border-right: 0;
border-top: 0;
color: var(--color-text);
color: var(--input-text-input-element-color);
display: block;
font-size: var(--input-field-font-size);
outline: none;