From 914d2fa1e34621d184ded5108661bccd94d5c360 Mon Sep 17 00:00:00 2001 From: Paul Adam Davis Date: Wed, 18 Feb 2015 11:34:52 +0000 Subject: [PATCH] Add `error` class styles for inputs No issue Adds a red border to inputs when a `error` class is applied Also DRY's up the URL input a tad. --- core/client/assets/sass/components/uploader.scss | 4 ---- core/client/assets/sass/patterns/forms.scss | 4 ++++ 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/core/client/assets/sass/components/uploader.scss b/core/client/assets/sass/components/uploader.scss index f5f781a190..eeb994a4c0 100644 --- a/core/client/assets/sass/components/uploader.scss +++ b/core/client/assets/sass/components/uploader.scss @@ -106,16 +106,12 @@ &.url { font: -webkit-small-control; - width: 100%; vertical-align: middle; padding: 9px 7px; margin: 10px 0; outline: 0; font-size: 1.1em; background: #fff; - border: #e3e1d5 1px solid; - border-radius: 4px; - transition: all 0.15s ease-in-out; + .btn.btn-blue { color: #fff; diff --git a/core/client/assets/sass/patterns/forms.scss b/core/client/assets/sass/patterns/forms.scss index 3cc0f37005..a8399aadf2 100644 --- a/core/client/assets/sass/patterns/forms.scss +++ b/core/client/assets/sass/patterns/forms.scss @@ -195,6 +195,10 @@ select { transition: border-color 0.15s linear; + &.error { + border-color: $red; + } + &:focus { border-color: $brown; outline: 0;