TryGhost/Ghost
1
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2024-11-24 06:35:49 +03:00
Code Issues Projects Releases Wiki Activity

Converting all SASS to 4 space standard.

Browse Source 
New standard - ALL .scss files are now indented 4 spaces, no tabs. I want to keep this *consistent* because it has been getting incredibly messy. This applies to all native Ghost sass - 3rd party files (normalize, typeplate, bourbon, breakpoint, etc) are not included. /cc @matthojo @erisds
This commit is contained in:
John O'Nolan 2013-08-20 10:27:15 +02:00
parent cf927f57ee
commit 3b6b5a085d
8 changed files with 1086 additions and 1333 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
CONTRIBUTING.md
View File

@ -86,6 +86,7 @@ For more in depth information please read the official [Ghost Coding Standards](
### HTML & CSS ### HTML & CSS
- Two spaces for HTML indentation. Never tabs. - Two spaces for HTML indentation. Never tabs.
- Four spaces for SASS indentation. Never tabs.
- Double quotes only, never single quotes. - Double quotes only, never single quotes.
- Use tags and elements appropriate for an HTML5 doctype (e.g., self-closing tags) - Use tags and elements appropriate for an HTML5 doctype (e.g., self-closing tags)
- Adhere to the [Recess CSS property order](http://markdotto.com/2011/11/29/css-property-order/). - Adhere to the [Recess CSS property order](http://markdotto.com/2011/11/29/css-property-order/).

274
core/client/assets/sass/layouts/dashboard.scss
View File

@ -87,10 +87,11 @@
position: absolute; position: absolute;
bottom: 0; bottom: 0;
} }
}
} //%widget, .widget
.ui-draggable-dragging { .ui-draggable-dragging {
z-index: 9999; // Keep dragged Widget ontop z-index: 9999; // Keep dragged widget on top
} }
/* ========================================================================== /* ==========================================================================
@ -236,7 +237,6 @@
height: 20px; height: 20px;
padding: 3px; padding: 3px;
cursor: pointer; cursor: pointer;
} }
.mini-widget { .mini-widget {
@ -269,6 +269,7 @@
.active { .active {
background: #171819; background: #171819;
} }
} // .widget-size-options } // .widget-size-options
.widget-settings-toggle { .widget-settings-toggle {
@ -329,6 +330,7 @@
color: #9b9b9b; color: #9b9b9b;
} }
} }
} // .widget-time } // .widget-time
/* ========================================================================== /* ==========================================================================
@ -439,7 +441,7 @@
border: #efefef 54px solid; border: #efefef 54px solid;
border-radius: 250px; border-radius: 250px;
.sheen { // Bourbon gradient mixin not appropriate for this use-case. .sheen {
width: 71px; width: 71px;
height: 142px; height: 142px;
position: absolute; position: absolute;
@ -494,6 +496,7 @@
} }
} }
} // .widget-posts } // .widget-posts
/* ========================================================================== /* ==========================================================================
@ -546,7 +549,7 @@
} }
.post-list { .post-list {
max-height: 538px; // For overflow, dont way to make dynamic max-height: 538px; // TODO: What the fuck is this? : For overflow, dont way to make dynamic
background: #ffffff; background: #ffffff;
overflow: auto; overflow: auto;
} }
@ -579,6 +582,7 @@
.widget-footer { .widget-footer {
background: #ffffff; background: #ffffff;
} }
} // .widget-popular } // .widget-popular
/* ========================================================================== /* ==========================================================================
@ -618,6 +622,7 @@
.widget-settings-toggle { .widget-settings-toggle {
border: none; border: none;
} }
} // .widget-instagram } // .widget-instagram
/* ========================================================================== /* ==========================================================================
@ -733,6 +738,7 @@
.idea-title:focus, .idea-content:focus { .idea-title:focus, .idea-content:focus {
outline: none; outline: none;
} }
} // .widget-ideas } // .widget-ideas
/* ========================================================================== /* ==========================================================================
@ -782,6 +788,7 @@
.tweet-time { .tweet-time {
color: $midbrown; color: $midbrown;
} }
.twitter-functions { .twitter-functions {
float: right; float: right;
font-size: 1.2em; font-size: 1.2em;
@ -802,6 +809,7 @@
@include icon($i-unfeatured, '', $midbrown); @include icon($i-unfeatured, '', $midbrown);
} }
} }
} // .widget-tweets } // .widget-tweets
/* ========================================================================== /* ==========================================================================
@ -811,259 +819,3 @@
.widget-backups { .widget-backups {
@extend %widget; @extend %widget;
} }
/*
.dashboard-controls {
@extend %box;
padding:0 15px;
.text {
padding:12px 0;
}
}
.controls-nav {
float:left;
margin-left:20px;
ul {
border-left: $lightgrey 1px solid;
li {
margin: 0;
border-right: 1px solid $lightgrey;
a {
padding: 12px 15px;
color: $grey;
span {
color: $darkgrey;
}
&:hover {
color: $darkgrey;
text-decoration: none;
}
}
}
}
}
.widget-stats {
span {
display: block;
font-size: 1.6em;
line-height: 1.2em;
color: $grey;
margin-bottom: 15px;
strong {
font-size: 1.2em;
}
}
span:first-child {
font-size: 5.4em;
line-height: 1.4em;
color: #000;
margin-bottom: 0;
}
}
@media only screen and (min-width: 1200px) {
.span4 .vert2 {
.widget-stats {
span {
font-size: 2.6em;
strong {
font-size: 1.2em;
}
}
span:first-child {
font-size: 12.4em;
}
}
}
}
// Time & Date Box
.time-date {
.time {
font-size: 7.4em;
line-height: 0.7em;
border-bottom: 1px solid $lightgrey;
span {
font-size: 0.2em;
color: $grey;
text-transform: uppercase;
font-style: normal;
}
@media only screen and (min-width: 1400px) {
span {
font-size: 0.3em;
}
}
}
.date {
font-size: 2.2em;
line-height: 1em;
font-weight: bold;
color: #000;
padding: 15px 0;
span {
font-size: 0.7em;
font-weight: normal;
display: block;
line-height: 1em;
color: $grey;
}
}
}
// Post Statuses Box
.post-statuses {
.status-levels {
width: 30%;
div {
text-indent: -9999px;
}
}
.status-text {
width: 70%;
text-transform: uppercase;
font-size: 1.2em;
color: $grey;
div {
background: none;
padding: 15px 0;
}
strong {
font-size: 1.6em;
width: 60px;
padding-right: 5px;
text-align: right;
display: inline-block;
}
}
.scheduled {
background: $green;
strong {
color: $green;
}
}
.pending {
background: #fcd039;
strong {
color: #fcd039;
}
}
.draft {
background: $red;
strong {
color: $red;
}
}
}
.todays-traffic {
ul {
li {
position: relative;
padding: 10px;
margin-bottom: 1px;
div {
position: relative;
z-index: 99;
}
}
li:before {
content: '';
position: absolute;
height: 34px;
top: 0;
left: 0;
z-index: 20;
}
li:nth-child(1):before {
background: $blue;
width: 80%;
}
li:nth-child(2):before {
background: lighten($blue, 3%);
width: 60%;
}
li:nth-child(3):before {
background: lighten($blue, 6%);
width: 40%;
}
li:nth-child(4):before {
background: lighten($blue, 10%);
width: 20%;
}
}
}
.table {
width: 100%;
display: block;
margin-bottom: 10px;
thead, tbody, tr {
display: block;
}
@media only screen and (min-width: 400px) {
thead {
display: none;
}
}
tbody {
tr {
background: $lightbrown;
margin-top: 5px;
display: block;
position: relative;
&:first-child {
margin-top: 0;
}
}
@media only screen and (min-width: 1200px) {
tr {
padding: 0 10px 0 40px;
margin-top: 15px;
}
}
td {
padding: 10px;
text-align: right;
color: $grey;
strong {
color: #000;
}
span {
display: none;
}
@media only screen and (min-width: 500px) {
span {
display: inline;
}
}
.callout {
color: $green;
}
&:first-child {
text-align: left;
}
}
}
.user-img {
position: absolute;
top: 0;
left: 0;
display: none;
}
@media only screen and (min-width: 1200px) {
.user-img {
display: block;
}
}
}
*/

2
core/client/assets/sass/screen.scss
View File

@ -50,4 +50,4 @@
/* The settings screen. */ /* The settings screen. */
@import "layouts/errors"; @import "layouts/errors";
/* The errors screens. */ /* The error screens. */