From 878825a79046b87809a86936ea91a1d356d175aa Mon Sep 17 00:00:00 2001 From: solsticesurfer Date: Tue, 12 Jul 2016 09:29:55 -0400 Subject: [PATCH] Hover CSS is taking precedence over focus #58 Fix to ensure the focus effect takes precedence over the hover effect. --- gridforms/gridforms.sass | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/gridforms/gridforms.sass b/gridforms/gridforms.sass index fb2b820..8b52fd3 100644 --- a/gridforms/gridforms.sass +++ b/gridforms/gridforms.sass @@ -117,13 +117,14 @@ cursor: text &:last-child border-right: none + &:hover + background: lighten($field-focus-color, 5%) + cursor: text &.focus background: $field-focus-color label color: darken($label-color, 5%) - &:hover - background: lighten($field-focus-color, 5%) - cursor: text + // Overide styles when printing to ensure good looking output. @media print