diff --git a/ghost/admin/assets/sass/layouts/auth.scss b/ghost/admin/assets/sass/layouts/auth.scss index 34901c6e5f..526c95a234 100644 --- a/ghost/admin/assets/sass/layouts/auth.scss +++ b/ghost/admin/assets/sass/layouts/auth.scss @@ -13,10 +13,6 @@ color: $midgrey; background: $darkgrey; - @media (max-width: 400px) { - background: $darkgrey; - } - main { padding-top: 15px; } @@ -27,10 +23,15 @@ font-weight: 200; border: none; color: #fff; - background: transparent; + background: lighten($darkgrey, 10%); box-shadow: none; margin: 0; position: relative; + transition: background ease 0.25s; + &:focus { + border: none; + background: lighten($darkgrey, 15%); + } } input:-webkit-autofill { @@ -74,7 +75,6 @@ .password-wrap { position: relative; margin: 0 0 5px 0; - background: lighten($darkgrey, 10%); float: left; @media (max-width: 630px) { @@ -88,18 +88,10 @@ clear: both; padding: 8px 0 8px 8px; width: 216px; - transition: background ease 0.25s; @media (max-width: 630px) { width: 264px; - transition: none; } - - &:focus { - border: none; - background: lighten($darkgrey, 15%); - } - } // .email, .password .email-wrap { @@ -186,19 +178,10 @@ input { width: 280px; padding: 8px 10px; - @media (min-width: 631px) { - transition: background ease 0.25s; - } @media (max-width: 630px) { width: 264px; } - - &:focus { - border: none; - background: lighten($darkgrey, 15%); - } - } .name-wrap { @@ -254,7 +237,6 @@ .email-wrap { position: relative; margin: 0 0 1em 0; - background: lighten($darkgrey, 10%); float: left; border-radius: 2px; width: 100%; @@ -263,12 +245,6 @@ .email { padding: 8px 10px; border-radius: 2px; - transition: background ease 0.25s; - - &:focus { - border: none; - background: lighten($darkgrey, 15%); - } } // .email button {