From 5ddd9e3463682c9003ecc071fc288baaaf94851a 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. --- ghost/admin/assets/sass/components/uploader.scss | 4 ---- ghost/admin/assets/sass/patterns/forms.scss | 4 ++++ 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/ghost/admin/assets/sass/components/uploader.scss b/ghost/admin/assets/sass/components/uploader.scss index f5f781a190..eeb994a4c0 100644 --- a/ghost/admin/assets/sass/components/uploader.scss +++ b/ghost/admin/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/ghost/admin/assets/sass/patterns/forms.scss b/ghost/admin/assets/sass/patterns/forms.scss index 3cc0f37005..a8399aadf2 100644 --- a/ghost/admin/assets/sass/patterns/forms.scss +++ b/ghost/admin/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;