pk/atst
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add hover style to inputs

Browse Source
This commit is contained in:
luis cielak 2018-08-13 14:41:36 -04:00
parent 88092a7892
commit 86660d4c62
1 changed files with 17 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
styles/elements/_inputs.scss
View File

@ -107,6 +107,17 @@
select { select {
@include line-max; @include line-max;
margin: 0; margin: 0;
box-sizing: border-box;
&:hover,
&:focus {
border-color: $color-blue;
color: $color-blue;
box-shadow: inset 0 0 0 1px $color-blue;
&::placeholder {
color: $color-blue;
}
}
} }
.usa-input__choices { // checkbox & radio sets .usa-input__choices { // checkbox & radio sets
@ -131,6 +142,12 @@
[type='radio'] + label, [type='radio'] + label,
[type='checkbox'] + label { [type='checkbox'] + label {
margin: 0; margin: 0;
&:hover {
color: $color-blue;
&:before {
box-shadow: 0 0 0 1px $color-white, 0 0 0 3px $color-blue;
}
}
} }
} }
} }