From 86660d4c6221d0a12c4c3dba86737ab49a716510 Mon Sep 17 00:00:00 2001 From: luis cielak Date: Mon, 13 Aug 2018 14:41:36 -0400 Subject: [PATCH] Add hover style to inputs --- styles/elements/_inputs.scss | 17 +++++++++++++++++ 1 file changed, 17 insertions(+) diff --git a/styles/elements/_inputs.scss b/styles/elements/_inputs.scss index 93ee7917..f8623f99 100644 --- a/styles/elements/_inputs.scss +++ b/styles/elements/_inputs.scss @@ -107,6 +107,17 @@ select { @include line-max; 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 @@ -131,6 +142,12 @@ [type='radio'] + label, [type='checkbox'] + label { margin: 0; + &:hover { + color: $color-blue; + &:before { + box-shadow: 0 0 0 1px $color-white, 0 0 0 3px $color-blue; + } + } } } }