mirror of
https://github.com/TryGhost/Ghost.git
synced 2024-11-27 18:52:14 +03:00
Converting all SASS to 4 space standard.
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
parent
cf927f57ee
commit
3b6b5a085d
@ -86,6 +86,7 @@ For more in depth information please read the official [Ghost Coding Standards](
|
||||
### HTML & CSS
|
||||
|
||||
- Two spaces for HTML indentation. Never tabs.
|
||||
- Four spaces for SASS indentation. Never tabs.
|
||||
- Double quotes only, never single quotes.
|
||||
- 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/).
|
||||
|
||||
@ -87,10 +87,11 @@
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
} //%widget, .widget
|
||||
|
||||
.ui-draggable-dragging {
|
||||
z-index: 9999; // Keep dragged Widget ontop
|
||||
z-index: 9999; // Keep dragged widget on top
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
@ -236,7 +237,6 @@
|
||||
height: 20px;
|
||||
padding: 3px;
|
||||
cursor: pointer;
|
||||
|
||||
}
|
||||
|
||||
.mini-widget {
|
||||
@ -269,6 +269,7 @@
|
||||
.active {
|
||||
background: #171819;
|
||||
}
|
||||
|
||||
} // .widget-size-options
|
||||
|
||||
.widget-settings-toggle {
|
||||
@ -329,6 +330,7 @@
|
||||
color: #9b9b9b;
|
||||
}
|
||||
}
|
||||
|
||||
} // .widget-time
|
||||
|
||||
/* ==========================================================================
|
||||
@ -439,7 +441,7 @@
|
||||
border: #efefef 54px solid;
|
||||
border-radius: 250px;
|
||||
|
||||
.sheen { // Bourbon gradient mixin not appropriate for this use-case.
|
||||
.sheen {
|
||||
width: 71px;
|
||||
height: 142px;
|
||||
position: absolute;
|
||||
@ -494,6 +496,7 @@
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
} // .widget-posts
|
||||
|
||||
/* ==========================================================================
|
||||
@ -546,7 +549,7 @@
|
||||
}
|
||||
|
||||
.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;
|
||||
overflow: auto;
|
||||
}
|
||||
@ -579,6 +582,7 @@
|
||||
.widget-footer {
|
||||
background: #ffffff;
|
||||
}
|
||||
|
||||
} // .widget-popular
|
||||
|
||||
/* ==========================================================================
|
||||
@ -618,6 +622,7 @@
|
||||
.widget-settings-toggle {
|
||||
border: none;
|
||||
}
|
||||
|
||||
} // .widget-instagram
|
||||
|
||||
/* ==========================================================================
|
||||
@ -733,6 +738,7 @@
|
||||
.idea-title:focus, .idea-content:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
} // .widget-ideas
|
||||
|
||||
/* ==========================================================================
|
||||
@ -782,6 +788,7 @@
|
||||
.tweet-time {
|
||||
color: $midbrown;
|
||||
}
|
||||
|
||||
.twitter-functions {
|
||||
float: right;
|
||||
font-size: 1.2em;
|
||||
@ -802,6 +809,7 @@
|
||||
@include icon($i-unfeatured, '', $midbrown);
|
||||
}
|
||||
}
|
||||
|
||||
} // .widget-tweets
|
||||
|
||||
/* ==========================================================================
|
||||
@ -811,259 +819,3 @@
|
||||
.widget-backups {
|
||||
@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;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
*/
|
||||
@ -50,4 +50,4 @@
|
||||
/* The settings screen. */
|
||||
|
||||
@import "layouts/errors";
|
||||
/* The errors screens. */
|
||||
/* The error screens. */
|
||||
Loading…
Reference in New Issue
Block a user