mastofe

commit: a39a92bd22b89f09b9f208b767e2a674aaa05777
parent: bec47e40f51b9f4688a85ff80df3aaca359a7f0b
Author: Eugen Rochko <eugen@zeonfederated.com>
Date:   Mon,  7 Nov 2016 18:45:44 +0100

Fix #135 - More prominent focus style for inputs

Diffstat:
M
app/assets/stylesheets/forms.scss
5
++++-

1 file changed, 4 insertions(+), 1 deletion(-)
diff --git a/app/assets/stylesheets/forms.scss b/app/assets/stylesheets/forms.scss
@@ -52,9 +52,11 @@ code {
 
   input[type=text], input[type=email], input[type=password], textarea {
     background: transparent;
+    box-sizing: border-box;
     border: 0;
     border-bottom: 2px solid #9baec8;
-    padding: 7px 0;
+    border-radius: 2px 2px 0 0;
+    padding: 7px 4px;
     font-size: 16px;
     color: #fff;
     display: block;
@@ -76,6 +78,7 @@ code {
 
     &:active, &:focus {
       border-bottom-color: #2b90d9;
+      background: rgba(0, 0, 0, 0.1);
     }
   }