Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-02-03 23:00:14 -05:00
Code Issues Activity

Merge pull request #4249 from PaulAdamDavis/fix-signin-styles

Browse source 
Refactor auth form styles
This commit is contained in:
John O'Nolan 2014-10-10 14:37:26 +02:00
commit d5e03ceaa1
1 changed files with 6 additions and 30 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

36
core/client/assets/sass/layouts/auth.scss
View file

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