Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-04-01 02:41:39 -05:00
Code Issues Activity

Standards cleanup

Browse source
This commit is contained in:
John O'Nolan 2014-05-25 14:21:59 +02:00
parent 25a536d4dc
commit 85420d39ff
1 changed files with 57 additions and 57 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

114
core/client/assets/sass/layouts/settings.scss
View file

@ -10,8 +10,8 @@
position: relative;
width: 100%;
height: 100%;
margin:0;
padding:0;
margin: 0;
padding: 0;
@include breakpoint($tablet) {
overflow-x: hidden;
@ -23,8 +23,8 @@
font-weight: normal;
font-size: 1.6em;
line-height: 0.8em;
margin:0 0 18px 0;
padding:0;
margin: 0 0 18px 0;
padding: 0;
border: none;
}
}//.settings
@ -36,16 +36,16 @@
//The whole left column sidebar, duh.
.settings-sidebar {
width:20%;
position:absolute;
top:0;
left:0;
bottom:0;
width: 20%;
position: absolute;
top: 0;
left: 0;
bottom: 0;
z-index: 700;
background: #fff;
box-shadow: $lightbrown 1px 0 0;
@include breakpoint($tablet) {
width:100%;
width: 100%;
box-shadow: none;
}
@ -70,13 +70,13 @@
//Main settings-menu styles, apply to every item
.settings-menu {
position:absolute;
position: absolute;
top: 0;
left:0;
bottom:0;
right:-1px;
left: 0;
bottom: 0;
right: -1px;
overflow: auto;
@include breakpoint($tablet) { right:0; };
@include breakpoint($tablet) { right: 0; };
// Create placeholder the same height as the floating header
// to push content down by the same amount
@ -87,39 +87,39 @@
}
ul {
border-top:none;
border-top: none;
@include breakpoint($tablet) { border-bottom: #edece4 1px solid; }
}
li {
margin-right:1px;
margin-right: 1px;
border-top: #fff 1px solid;
@include breakpoint($tablet) {
margin-right:0;
margin-right: 0;
border-top: #edece4 1px solid;
}
a {
padding:15px 15px 15px 40px;
border-bottom:none;
padding: 15px 15px 15px 40px;
border-bottom: none;
@include breakpoint($netbook) { padding-left: 15px; }
@include breakpoint($tablet) {
@include icon-after($i-chevron) {float:right;margin-top:5px;};
@include icon-after($i-chevron) {float: right;margin-top: 5px;};
}
}
&:first-child { border-top: none; }
&:first-child.active { border-top:none; }
&:first-child.active { border-top: none; }
&.active {
@include breakpoint($biggerthan-tablet) {
// only apply active styles on larger devices
margin-right:0;
position:relative;
margin-right: 0;
position: relative;
z-index: 300;
border-top: #edece4 1px solid;
box-shadow:
box-shadow:
#fff 1px 0 0,
#edece4 0 1px 0;
@include transition;
@ -162,12 +162,12 @@
// The main content panel on the right
.settings-content {
padding:0;
position:absolute;
top:0;
right:0;
left:20%;
bottom:0;
padding: 0;
position: absolute;
top: 0;
right: 0;
left: 20%;
bottom: 0;
background: #fff;
@include breakpoint($tablet) {
@ -183,15 +183,15 @@
}
display: none;
&.active {display:block;}
&.active {display: block;}
> header {
position: relative;
z-index: 200;
height: 17px;
padding: 30px 220px 29px 40px;
border-bottom:$lightbrown 1px solid;
margin-bottom:40px;
border-bottom: $lightbrown 1px solid;
margin-bottom: 40px;
text-transform: none;
font-weight: normal;
line-height: inherit;
@ -204,21 +204,21 @@
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 25%,rgba(255,255,255,0.90) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 25%,rgba(255,255,255,0.90) 100%);
@include breakpoint($netbook) { padding-left:15px; }
@include breakpoint($tablet) { padding-left:115px; }
@include breakpoint($netbook) { padding-left: 15px; }
@include breakpoint($tablet) { padding-left: 115px; }
@include breakpoint($letterbox) {
height: auto;
padding: 5px;
position: absolute;
top:0;
right:0;
border:none;
top: 0;
right: 0;
border: none;
background: transparent;
.title { display:none; }
.title { display: none; }
}
@include breakpoint(650px) {
padding-left:15px;
padding-left: 15px;
.button-back {
position: fixed;
@ -237,13 +237,13 @@
}//header
.page-actions {
position:absolute;
top:20px;
right:40px;
position: absolute;
top: 20px;
right: 40px;
z-index: 700;
font-size: 1em;
@include breakpoint($netbook) { right:15px; }
@include breakpoint($netbook) { right: 15px; }
@include breakpoint(650px) {
position: fixed;
top: 5px;
@ -257,14 +257,14 @@
}
.button-add {
position:relative;
padding-left:50px;
position: relative;
padding-left: 50px;
@include icon($i-add, 1.4em, rgba(255,255,255,0.6)) {
position: absolute;
top:0;
padding:9px 8px 0 0;
left:9px;
bottom:0;
top: 0;
padding: 9px 8px 0 0;
left: 9px;
bottom: 0;
width: 20px;
border-right: darken($green, 8%) 1px solid;
};
@ -273,11 +273,11 @@
.content {
position: absolute;
top:0;
right:0;
left:0;
bottom:0;
padding:40px;
top: 0;
right: 0;
left: 0;
bottom: 0;
padding: 40px;
overflow: auto;
-webkit-overflow-scrolling: touch;
@ -294,7 +294,7 @@
padding: 0;
}
@include breakpoint($netbook) { padding-left:15px; }
@include breakpoint($netbook) { padding-left: 15px; }
@include breakpoint(550px) { padding: 0 15px 40px; }
}