From 2f3e5a513b4b5e97a946a201e02420fd7be0e9c7 Mon Sep 17 00:00:00 2001 From: Pablo Vazquez Date: Wed, 9 Nov 2016 23:14:15 +0100 Subject: [PATCH] Unify inputs with other apps --- src/styles/_utils.sass | 25 +++++++++++++++++-------- 1 file changed, 17 insertions(+), 8 deletions(-) diff --git a/src/styles/_utils.sass b/src/styles/_utils.sass index c4750b15..fdf2e8ff 100644 --- a/src/styles/_utils.sass +++ b/src/styles/_utils.sass @@ -123,21 +123,30 @@ transform: translate(-50%, -50%) =input-generic + padding: 5px 5px 5px 0 color: $color-text-dark box-shadow: none font-family: $font-body - border-radius: 3px - border-color: $color-background-dark - background-color: $color-background-light + border: thin solid transparent + border-radius: 0 + border-bottom-color: $color-background-dark + background-color: transparent + transition: border-color 150ms ease-in-out, box-shadow 150ms ease-in-out + + &:hover + border-bottom-color: $color-background &:focus - border-color: $color-info - box-shadow: none + outline: 0 + border: thin solid transparent + border-bottom-color: $color-primary + box-shadow: 0 1px 0 0 $color-primary =label-generic - color: $color-text-dark - font-family: $font-body - font-weight: 300 + color: $color-text-dark-primary + font-weight: normal + font-size: .9em + margin: 0 @mixin badge($mixin-color, $roundness) padding: