Cleanup CSS code style

This commit is contained in:
John O'Nolan 2015-05-15 22:28:30 +01:00 committed by Hannah Wolfe
parent 9a6c663065
commit 159b672fb0
20 changed files with 194 additions and 175 deletions

View File

@ -8,7 +8,7 @@
box-shadow: 0 0 0 1px #777;
font-size: 1rem;
font-weight: inherit;
color: #FFF;
color: #fff;
line-height: 1;
vertical-align: baseline;
white-space: nowrap;
@ -32,7 +32,7 @@
}
p .badge {
padding: 0px 4px 3px;
padding: 0 4px 3px;
position: relative;
top: -2px;
margin-left: -1px;

View File

@ -42,8 +42,8 @@
.pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus {
color: #2A6496;
background-color: #EEE;
color: #2a6496;
background-color: #eee;
}
.pagination > .active > a,
@ -53,8 +53,8 @@
.pagination > .active > span:hover,
.pagination > .active > span:focus {
z-index: 2;
color: #FFF;
background-color: #428BCA;
color: #fff;
background-color: #428bca;
cursor: default;
}
@ -65,8 +65,8 @@
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
color: #777;
background-color: #FFF;
border-color: #DDD;
background-color: #fff;
border-color: #ddd;
cursor: not-allowed;
}

View File

@ -11,7 +11,7 @@
height: auto;
text-align: center;
color: var(--brown);
background: #F9F8F5;
background: #f9f8f5;
}
.image-uploader a {

View File

@ -44,7 +44,8 @@
line-height: 1.6;
}
.about-environment dt, .about-environment dd {
.about-environment dt,
.about-environment dd {
width: auto;
float: left;
display: inline-block;
@ -76,12 +77,12 @@
padding-top: 9px;
padding-bottom: 9px;
min-height: 32px;
background: #A1ADB3;
background: #a1adb3;
color: #fff;
}
.about-help .btn:hover {
background: color(#A1ADB3 lightness(-10%));
background: color(#a1adb3 lightness(-10%));
}
.about-help .btn:nth-child(1) {
@ -154,7 +155,7 @@
.top-contributors li a:after {
opacity: 0;
content: '';
content: "";
position: absolute;
top: -6px;
left: 50%;

View File

@ -44,7 +44,7 @@
.ghost-signup input:-webkit-autofill,
.ghost-forgotten input:-webkit-autofill,
.ghost-reset input:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px var(--lightgrey) inset !important;
-webkit-box-shadow: 0 0 0 1000px var(--lightgrey) inset !important;
}
.login-box,

View File

@ -291,13 +291,16 @@
color: #fff;
background-color: transparent;
}
.post-preview-header .featured, .post-preview-header .unfeatured, .post-preview-header small {
.post-preview-header .featured,
.post-preview-header .unfeatured,
.post-preview-header small {
display: none;
}
}
@media (min-width: 901px) {
.post-preview-header .unfeatured, .post-preview-header .featured {
.post-preview-header .unfeatured,
.post-preview-header .featured {
float: left;
}
.post-preview-header .post-published-by {
@ -314,8 +317,8 @@
.no-posts-box {
position: relative;
height: 90%;
margin: 0px auto;
padding: 0px;
margin: 0 auto;
padding: 0;
display: table;
z-index: 600;
}
@ -355,7 +358,7 @@
/* This has to be a pseudo element to sit over the top of everything else in the content list */
.content-list.keyboard-focused:before {
content: '';
content: "";
position: absolute;
top: 0;
right: 0;

View File

@ -661,7 +661,7 @@ body.zen .entry-preview {
.seo-preview-title {
font-size: 1.8rem;
line-height: 2.16rem;
color: #1E0FBE;
color: #1e0fbe;
text-overflow: ellipses;
-webkit-text-overflow: ellipsis;
word-wrap: break-word;

View File

@ -15,8 +15,8 @@
@media (max-width: 630px) {
.error-content {
max-width: 264px;
text-align: center;
max-width: 264px;
text-align: center;
}
}
@ -34,8 +34,8 @@
@media (max-width: 630px) {
.error-image {
width: 72px;
height: 112px;
width: 72px;
height: 112px;
}
}
@ -61,7 +61,7 @@
@media (max-width: 630px) {
.error-code {
font-size: 5.8em;
font-size: 5.8em;
}
}
@ -76,7 +76,7 @@
@media (max-width: 630px) {
.error-description {
font-size: 1.4em;
font-size: 1.4em;
}
}
@ -102,7 +102,7 @@
}
.error-stack-list li:before {
color: #BBB;
color: #bbb;
content: "\21AA";
display: inline-block;
font-size: 1.2em;

View File

@ -11,8 +11,8 @@
flex: 0 0 220px;
display: flex;
flex-direction: column;
border-right: #E1E1E1 1px solid;
background: #F6F6F6;
border-right: #e1e1e1 1px solid;
background: #f6f6f6;
}
.gh-main {
@ -170,7 +170,7 @@
display: flex;
align-items: center;
height: 40px;
border-top: #E1E1E1 1px solid;
border-top: #e1e1e1 1px solid;
}
.gh-nav-footer-sitelink {
@ -251,7 +251,7 @@
justify-content: space-between;
height: 65px;
padding: 0 20px;
border-bottom: #E1E1E1 1px solid;
border-bottom: #e1e1e1 1px solid;
}
.view-title {

View File

@ -139,7 +139,7 @@
min-width: 250px;
max-width: 680px;
height: auto;
border: 1px solid #E0DFD7;
border: 1px solid #e0dfd7;
border-radius: var(--border-radius);
-webkit-appearance: none;
min-height: 300px;

View File

@ -81,7 +81,7 @@
.setup-form input:-webkit-autofill {
/* Chrome auto-fill style */
-webkit-box-shadow: 0 0 0px 1000px var(--lightgrey) inset !important;
-webkit-box-shadow: 0 0 0 1000px var(--lightgrey) inset !important;
}
.setup-form h1 {

View File

@ -88,7 +88,7 @@
}
.settings-tag:last-of-type:hover .tag-edit-button {
box-shadow: inset 0px -1px 0px #e1e1e1;
box-shadow: inset 0 -1px 0 #e1e1e1;
}
.settings-tag .label {

View File

@ -52,7 +52,7 @@ a.user-list-item {
background: color(#e1e1e1 lightness(+10%));
}
a.user-list-item:last-of-type:hover {
box-shadow: inset 0px -1px 0px #e1e1e1;
box-shadow: inset 0 -1px 0 #e1e1e1;
}
}
@ -62,7 +62,7 @@ a.user-list-item {
display: block;
border-radius: 100%;
background: #e1e1e1;
font-size: 0px;
font-size: 0;
color: transparent;
overflow: hidden;
position: relative;

View File

@ -84,7 +84,7 @@
width: 80%;
margin-left: -40%;
background-image: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.05) 0%, transparent 75%, transparent 100%);
background-position: 0px -5px;
background-position: 0 -5px;
background-size: 100% 200%;
z-index: -1;
}

View File

@ -20,10 +20,9 @@
cursor: pointer;
background: #fff;
background-image: none; /* Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214 */
transition:
color 0.2s ease,
background 0.2s ease,
border-color 0.2s ease;
transition: color 0.2s ease,
background 0.2s ease,
border-color 0.2s ease;
}
/* When hovered or clicked */
@ -39,7 +38,7 @@
.btn:active:focus,
.btn.active:focus {
outline: thin dotted;
outline: 0px auto -webkit-focus-ring-color;
outline: 0 auto -webkit-focus-ring-color;
outline-offset: -2px;
}

View File

@ -50,7 +50,7 @@ input {
.form-group p {
margin: 4px 0 0 0;
color: #B3B2A8;
color: #b3b2a8;
font-size: 1.3rem;
}
@ -68,27 +68,27 @@ input {
/* Input Icons
/* ---------------------------------------------------------- */
.input-icon[class*='icon-'] {
.input-icon[class*="icon-"] {
position: relative;
display: block;
}
.input-icon[class*='icon-'] input[type="email"],
.input-icon[class*='icon-'] input[type="number"],
.input-icon[class*='icon-'] input[type="password"],
.input-icon[class*='icon-'] input[type="search"],
.input-icon[class*='icon-'] input[type="tel"],
.input-icon[class*='icon-'] input[type="text"],
.input-icon[class*='icon-'] input[type="url"],
.input-icon[class*='icon-'] input[type="date"] {
.input-icon[class*="icon-"] input[type="email"],
.input-icon[class*="icon-"] input[type="number"],
.input-icon[class*="icon-"] input[type="password"],
.input-icon[class*="icon-"] input[type="search"],
.input-icon[class*="icon-"] input[type="tel"],
.input-icon[class*="icon-"] input[type="text"],
.input-icon[class*="icon-"] input[type="url"],
.input-icon[class*="icon-"] input[type="date"] {
padding-left: 3.2rem;
}
.input-icon[class*='icon-'] .gh-select select {
.input-icon[class*="icon-"] .gh-select select {
padding-left: 3.2rem;
}
.input-icon[class*='icon-']:before {
.input-icon[class*="icon-"]:before {
position: absolute;
top: 50%;
left: 1.1rem;
@ -107,7 +107,7 @@ select {
display: block;
padding: 8px 10px;
width: 100%;
border: 1px solid #E0DFD7;
border: 1px solid #e0dfd7;
border-radius: var(--border-radius);
-webkit-appearance: none;
font-size: 1.4rem;
@ -180,14 +180,14 @@ textarea {
width: 18px;
height: 18px;
margin-right: 7px;
background: #F7F7F3;
background: #f7f7f3;
border: 1px solid #e1e1e1;
}
.for-radio p,
.for-checkbox p {
font-weight: normal;
color: #B3B2A8;
color: #b3b2a8;
white-space: nowrap;
}
@ -201,7 +201,7 @@ textarea {
.for-checkbox label .input-toggle-component:before {
transition: opacity 0.15s ease-in-out;
content: '';
content: "";
position: absolute;
width: 10px;
height: 6px;
@ -233,13 +233,13 @@ textarea {
.for-radio label .input-toggle-component:before {
transition: opacity 0.15s ease-in-out;
content: '';
content: "";
position: absolute;
width: 8px;
height: 8px;
top: 4px;
left: 4px;
background: #FFF;
background: #fff;
border-radius: 100%;
opacity: 0;
}

View File

@ -6,24 +6,23 @@
/* ---------------------------------------------------------- */
:root {
/* Colours */
--darkgrey: #242628;
--grey: #242628;
--midgrey: #7d878a;
--lightgrey: #e2edf2;
--lightestgrey: #FCFCFC;
--lightestgrey: #fcfcfc;
--brown: #aaa9a2;
--midbrown: #c0bfb6;
--blue: #5BA4E5;
--blue: #5ba4e5;
--red: #e25440;
--orange: #F2A925;
--green: #9FBB58;
--orange: #f2a925;
--green: #9fbb58;
/* Style values */
--border-radius: 4px;
--box-shadow: rgba(0,0,0,0.05) 0 1px 5px; /* TODO: not used? */
--font-family: 'Open Sans', sans-serif;
--font-family: "Open Sans", sans-serif;
--font-family-mono: Consolas, "Liberation Mono", Menlo, Courier, monospace;
}
@ -31,7 +30,9 @@
/* Layout
/* ---------------------------------------------------------- */
*, *:before, *:after {
*,
*:before,
*:after {
box-sizing: border-box;
user-select: none;
}
@ -66,8 +67,12 @@ body {
/* Text
/* ---------------------------------------------------------- */
h1, h2, h3,
h4, h5, h6 {
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0 0 0.3em 0;
line-height: 1.15em;
color: var(--darkgrey);
@ -101,16 +106,22 @@ h6 {
font-size: 2.2rem;
}
p, ul, ol, dl {
p,
ul,
ol,
dl {
margin: 0 0 1.7em 0;
}
ol, ul {
ol,
ul {
padding-left: 2.5em;
}
ol ol, ul ul,
ul ol, ol ul {
ol ol,
ul ul,
ul ol,
ol ul {
margin: 0 0 0.4em 0;
padding-left: 2em;
font-size: 0.9em;
@ -158,7 +169,7 @@ dl dt {
text-overflow: ellipsis;
white-space: nowrap;
font-weight: bold;
margin-bottom: 1em
margin-bottom: 1em;
}
dl dd {
@ -173,22 +184,28 @@ blockquote {
}
blockquote p {
margin:0.8em 0;
font-size:1.2em;
margin: 0.8em 0;
font-size: 1.2em;
font-weight: 300;
}
blockquote small {
display: inline-block;
margin: 0.8em 0 0.8em 1.5em;
font-size:0.9em;
font-size: 0.9em;
color: var(--brown);
}
/* Quotation marks */
blockquote small:before { content: '\2014 \00A0'; }
blockquote small:before {
content: "\2014 \00A0";
}
blockquote cite { font-weight:bold; }
blockquote cite a { font-weight: normal; }
blockquote cite {
font-weight: bold;
}
blockquote cite a {
font-weight: normal;
}
.markdown,
pre,
@ -197,7 +214,8 @@ tt {
font-family: var(--font-family-mono);
}
code, tt {
code,
tt {
font-size: 0.85em;
white-space: pre-wrap;
background: lighten(#e1e1e1, 2%);
@ -238,9 +256,8 @@ kbd {
font-weight: bold;
background: #f4f4f4;
border-radius: 4px;
box-shadow:
0 1px 0 rgba(0, 0, 0, 0.2),
0 1px 0 0 #fff inset;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2),
0 1px 0 0 #fff inset;
}
button {
@ -313,8 +330,8 @@ img {
}
.vertical {
display: table-cell;
vertical-align: middle;
display: table-cell;
vertical-align: middle;
}

View File

@ -2,208 +2,207 @@
/* ---------------------------------------------------------- */
@font-face {
font-family: "ghosticons";
src:url("fonts/ghosticons.eot");
src:url("fonts/ghosticons.eot?#iefix") format("embedded-opentype"),
font-family: "ghosticons";
src: url("fonts/ghosticons.eot");
src: url("fonts/ghosticons.eot?#iefix") format("embedded-opentype"),
url("fonts/ghosticons.woff") format("woff"),
url("fonts/ghosticons.ttf") format("truetype"),
url("fonts/ghosticons.svg#ghosticons") format("svg");
font-weight: normal;
font-style: normal;
font-weight: normal;
font-style: normal;
}
[data-icon]:before {
font-family: "ghosticons" !important;
content: attr(data-icon);
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: "ghosticons" !important;
content: attr(data-icon);
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
font-family: "ghosticons" !important;
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: "ghosticons" !important;
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-user:before {
content: "\e000";
content: "\e000";
}
.icon-search:before {
content: "\e001";
content: "\e001";
}
.icon-design:before {
content: "\e003";
content: "\e003";
}
.icon-content:before {
content: "\e004";
content: "\e004";
}
.icon-x:before {
content: "\e005";
content: "\e005";
}
.icon-add:before {
content: "\e006";
content: "\e006";
}
.icon-apps:before {
content: "\e007";
content: "\e007";
}
.icon-settings:before {
content: "\e008";
content: "\e008";
}
.icon-front-end:before {
content: "\e00a";
content: "\e00a";
}
.icon-dash:before {
content: "\e00b";
content: "\e00b";
}
.icon-tag:before {
content: "\e009";
content: "\e009";
}
.icon-compass:before {
content: "\e002";
content: "\e002";
}
.icon-code:before {
content: "\e00c";
content: "\e00c";
}
.icon-team:before {
content: "\e00d";
content: "\e00d";
}
.icon-idea:before {
content: "\e00e";
content: "\e00e";
}
.icon-arrow:before {
content: "\e00f";
content: "\e00f";
}
.icon-pen:before {
content: "\e010";
content: "\e010";
}
.icon-clip:before {
content: "\e011";
content: "\e011";
}
.icon-trash:before {
content: "\e012";
content: "\e012";
}
.icon-edit:before {
content: "\e013";
content: "\e013";
}
.icon-new:before {
content: "\e014";
content: "\e014";
}
.icon-lock-2:before {
content: "\e015";
content: "\e015";
}
.icon-link:before {
content: "\e016";
content: "\e016";
}
.icon-chat:before {
content: "\e017";
content: "\e017";
}
.icon-smiley:before {
content: "\e018";
content: "\e018";
}
.icon-star:before {
content: "\e019";
content: "\e019";
}
.icon-rss:before {
content: "\e01b";
content: "\e01b";
}
.icon-hotspot:before {
content: "\e01d";
content: "\e01d";
}
.icon-mail:before {
content: "\e01e";
content: "\e01e";
}
.icon-sound-on:before {
content: "\e01f";
content: "\e01f";
}
.icon-sound-off:before {
content: "\e020";
content: "\e020";
}
.icon-download:before {
content: "\e021";
content: "\e021";
}
.icon-upload:before {
content: "\e022";
content: "\e022";
}
.icon-bell:before {
content: "\e023";
content: "\e023";
}
.icon-shop:before {
content: "\e01c";
content: "\e01c";
}
.icon-box:before {
content: "\e024";
content: "\e024";
}
.icon-connections:before {
content: "\e025";
content: "\e025";
}
.icon-arrow-right:before {
content: "\e01a";
content: "\e01a";
}
.icon-arrow-left:before {
content: "\e026";
content: "\e026";
}
.icon-arrow-up:before {
content: "\e027";
content: "\e027";
}
.icon-ghost:before {
content: "\e028";
content: "\e028";
}
.icon-dice:before {
content: "\e029";
content: "\e029";
}
.icon-ambulance:before {
content: "\e02a";
content: "\e02a";
}
.icon-calendar:before {
content: "\e02b";
content: "\e02b";
}
.icon-folder:before {
content: "\e02c";
content: "\e02c";
}
.icon-pulse:before {
content: "\e02d";
content: "\e02d";
}
.icon-photos:before {
content: "\e02e";
content: "\e02e";
}
.icon-legal:before {
content: "\e02f";
content: "\e02f";
}
.icon-letter:before {
content: "\e030";
content: "\e030";
}
.icon-grid:before {
content: "\e031";
content: "\e031";
}
.icon-list:before {
content: "\e032";
content: "\e032";
}
.icon-blog:before {
content: "\e033";
content: "\e033";
}
.icon-question:before {
content: "\e034";
content: "\e034";
}
.icon-error:before {
content: "\e035";
content: "\e035";
}
.icon-power:before {
content: "\e036";
content: "\e036";
}
.icon-markdown:before {
content: "\e037";
content: "\e037";
}

View File

@ -7,11 +7,11 @@
font-size: 75%;
font-weight: 300;
line-height: 1;
color: #FFF;
color: #fff;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: .25em;
border-radius: 0.25em;
}
.label:empty {
@ -39,7 +39,7 @@ h6 .label {
a.label:hover,
a.label:focus {
color: #FFF;
color: #fff;
text-decoration: none;
cursor: pointer;
}
@ -49,7 +49,7 @@ a.label:focus {
/* ---------------------------------------------------------- */
.label-default {
background-color: #A1ADB3;
background-color: #a1adb3;
color: #fff;
}
@ -59,7 +59,7 @@ a.label:focus {
.label-default[href]:hover,
.label-default[href]:focus {
background-color: color(#A1ADB3 lightness(-10%));
background-color: color(#a1adb3 lightness(-10%));
}
.label-alt {

View File

@ -3,10 +3,10 @@
.nav-list {
padding: 0;
border: 1px solid #E0DFD7;
border: 1px solid #e0dfd7;
max-width: 500px;
border-radius: var(--border-radius);
background: #FFF;
background: #fff;
}
.nav-list.nav-list-block {
@ -35,7 +35,7 @@
}
.nav-list-item:not(:last-of-type) {
border-bottom: 1px solid #E0DFD7;
border-bottom: 1px solid #e0dfd7;
}
.nav-list-item button {