TryGhost/Ghost
1
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2024-09-21 09:59:27 +03:00
Code Issues Projects Releases Wiki Activity

Reducing overzealous sass indenting for performance.

Browse Source
This commit is contained in:
John O'Nolan 2013-06-11 15:32:56 +02:00
parent 501e8695f2
commit 7e1bd2922e
1 changed files with 119 additions and 118 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

237
core/admin/assets/sass/layouts/login.scss
View File

@ -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%;
}
}
}