diff --git a/core/admin/assets/sass/layouts/login.scss b/core/admin/assets/sass/layouts/login.scss index 239f0bfe34..1412bdf32e 100644 --- a/core/admin/assets/sass/layouts/login.scss +++ b/core/admin/assets/sass/layouts/login.scss @@ -21,123 +21,124 @@ top: 15px; @include breakpoint($mobile) { top: 0; } } - - .login-box { - max-width: 530px; - margin: 240px auto; // TODO: Change this to proper vertical centering with JS - padding: 0; - text-align: center; - background: #fff; - border-radius: 4px; - border-top: $darkgrey 15px solid; - box-shadow: $shadow; - - @include breakpoint(630px) { - max-width: 264px; - } - } - - .login-logo { - width: 100%; - max-width: 400px; - margin: 80px 0 70px 0; - - @include breakpoint(630px) { - max-width: 235px; - margin: 40px 0; - } - } - - #login { - @include box-sizing(border-box); - max-width: 530px; - padding: 15px; - background: $darkgrey; - border-radius: 0 0 4px 4px; - - @include breakpoint(630px) { - max-width: 264px; - padding: 15px; - } - - div { - position:relative; - margin:0 0 5px 0; - background: lighten($darkgrey, 15%); - float: left; - } - - input { - display:inline-block; - clear:both; - margin:0; - padding-left: 8px; - width: 168px; - position: relative; - border: none; - color: #fff; - font-size: 1.1em; - background: transparent; - @include transition(none); - - &:focus { - background: lighten($darkgrey, 22%); - border-color: #000; - } - - @include breakpoint(630px) { - width:201px; - @include transition(none); - } - - } - - .email-wrap { - position:relative; - @include icon($i-mail, 12px) {position:absolute;bottom:8px;left:8px;z-index:100;}; - margin-right: 2px; - border-radius: 2px 0 0 2px; - - @include breakpoint(630px) { - margin-right:0; - border-radius: 2px; - } - - .email { - padding-left: 28px; - } - } - - .password-wrap { - position:relative; - @include icon($i-lock, 10px) {position:absolute;bottom:9px;left:11px;z-index:100;}; - border-radius: 0 2px 2px 0; - - @include breakpoint(630px) { - border-radius: 2px; - } - - .password { - padding-left: 28px; - } - - } - - button { - width: 80px; - height: 30px; - margin:0 0 0 15px; - padding: 9px; - min-height: 30px; - min-width: 80px; - box-shadow: rgba(255,255,255,0.15) 0 1px 0 inset; - - @include breakpoint(630px) { - margin:0; - width: 100%; - } - } - - } }//.ghost-login +.login-box { + max-width: 530px; + margin: 240px auto; // TODO: Change this to proper vertical centering with JS + padding: 0; + text-align: center; + background: #fff; + border-radius: 4px; + border-top: $darkgrey 15px solid; + box-shadow: $shadow; + + @include breakpoint(630px) { + max-width: 264px; + } +} + +.login-logo { + width: 100%; + max-width: 400px; + margin: 80px 0 70px 0; + + @include breakpoint(630px) { + max-width: 235px; + margin: 40px 0; + } +} + +#login { + @include box-sizing(border-box); + max-width: 530px; + padding: 15px; + background: $darkgrey; + border-radius: 0 0 4px 4px; + + @include breakpoint(630px) { + max-width: 264px; + padding: 15px; + } + + div { + position:relative; + margin:0 0 5px 0; + background: lighten($darkgrey, 15%); + float: left; + } + + input { + display:inline-block; + clear:both; + margin:0; + padding-left: 8px; + width: 168px; + position: relative; + border: none; + color: #fff; + font-size: 1.1em; + background: transparent; + @include transition(none); + + &:focus { + background: lighten($darkgrey, 22%); + border-color: #000; + } + + @include breakpoint(630px) { + width:201px; + @include transition(none); + } + + } + + .email-wrap { + position:relative; + @include icon($i-mail, 12px) {position:absolute;bottom:8px;left:8px;z-index:100;}; + margin-right: 2px; + border-radius: 2px 0 0 2px; + + @include breakpoint(630px) { + margin-right:0; + border-radius: 2px; + } + + .email { + padding-left: 28px; + } + } + + .password-wrap { + position:relative; + @include icon($i-lock, 10px) {position:absolute;bottom:9px;left:11px;z-index:100;}; + border-radius: 0 2px 2px 0; + + @include breakpoint(630px) { + border-radius: 2px; + } + + .password { + padding-left: 28px; + } + + } + + button { + width: 80px; + height: 30px; + margin:0 0 0 15px; + padding: 9px; + min-height: 30px; + min-width: 80px; + box-shadow: rgba(255,255,255,0.15) 0 1px 0 inset; + + @include breakpoint(630px) { + margin:0; + width: 100%; + } + } + +} + +