Stylelint the SCSS, and re-compress the updated assets

This commit is contained in:
Jonny Barnes 2016-06-20 22:25:05 +01:00
parent cb8e2b38f5
commit b7821146d6
37 changed files with 180 additions and 161 deletions

View file

@ -18,11 +18,11 @@
"prod": "gulp --production", "prod": "gulp --production",
"dev": "gulp watch", "dev": "gulp watch",
"lint-staged": "lint-staged", "lint-staged": "lint-staged",
"stylelint-staged": "stylint --syntax=scss" "stylelint-staged": "stylelint --syntax=scss"
}, },
"lint-staged": { "lint-staged": {
"eslint": "resources/assets/js/*.js", "eslint": "resources/assets/js/*.js",
"stylint-staged": "resources/assets/sass/**/*.scss" "stylelint-staged": "resources/assets/sass/**/*.scss"
}, },
"pre-commit": [ "pre-commit": [
"lint-staged" "lint-staged"

View file

@ -7,13 +7,14 @@ html {
html { html {
box-sizing: border-box; } box-sizing: border-box; }
*, *:before, *:after { *,
*::before,
*::after {
box-sizing: inherit; } box-sizing: inherit; }
#topheader { #topheader {
display: -ms-flexbox; display: -webkit-box;
display: flex; display: flex;
-ms-flex-flow: row;
flex-flow: row; } flex-flow: row; }
#topheader a { #topheader a {
@ -28,10 +29,10 @@ nav {
.note { .note {
background-color: #eee8d5; background-color: #eee8d5;
box-shadow: 0 0 10px 2px #93a1a1; box-shadow: 0 0 10px 2px #93a1a1;
padding: 0.5em 0.5em; padding: 0.5em;
margin-top: 1em; } margin-top: 1em; }
.note:after { .note::after {
content: " "; content: " ";
display: block; display: block;
height: 0; height: 0;
@ -61,7 +62,7 @@ nav {
margin-left: 2em; margin-left: 2em;
margin-right: 2em; margin-right: 2em;
font-size: 0.8em; font-size: 0.8em;
padding: 0.5em 0.5em; } padding: 0.5em; }
.reply-to { .reply-to {
margin-left: 2em; margin-left: 2em;
@ -81,7 +82,6 @@ nav {
white-space: nowrap; } white-space: nowrap; }
.mini-h-card img { .mini-h-card img {
height: 1.26em;
display: inline; display: inline;
border-radius: 2px; border-radius: 2px;
vertical-align: text-bottom; } vertical-align: text-bottom; }
@ -156,6 +156,7 @@ article header {
body { body {
text-rendering: optimizeLegibility; text-rendering: optimizeLegibility;
-webkit-font-feature-settings: "liga";
font-feature-settings: "liga"; font-feature-settings: "liga";
font-family: "leitura-news", serif; font-family: "leitura-news", serif;
font-size: 1.2em; } font-size: 1.2em; }
@ -170,6 +171,7 @@ h1 {
text-decoration: none; } text-decoration: none; }
nav { nav {
-webkit-font-feature-settings: "dlig";
font-feature-settings: "dlig"; } font-feature-settings: "dlig"; }
article header h1 a { article header h1 a {
@ -201,10 +203,14 @@ fieldset {
min-width: 0; min-width: 0;
width: 100%; } width: 100%; }
input[type="text"], input[type="file"], textarea { input[type="text"],
input[type="file"],
textarea {
width: 100%; } width: 100%; }
input, button, textarea { input,
button,
textarea {
-webkit-appearance: none; -webkit-appearance: none;
-moz-appearance: none; -moz-appearance: none;
background-color: #002b36; background-color: #002b36;
@ -213,6 +219,7 @@ input, button, textarea {
border-radius: 4px; } border-radius: 4px; }
button:hover { button:hover {
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out; transition: 0.5s ease-in-out;
background-color: #fdf6e3; background-color: #fdf6e3;
color: #002b36; } color: #002b36; }

File diff suppressed because one or more lines are too long

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

View file

@ -7,13 +7,14 @@ html {
html { html {
box-sizing: border-box; } box-sizing: border-box; }
*, *:before, *:after { *,
*::before,
*::after {
box-sizing: inherit; } box-sizing: inherit; }
#topheader { #topheader {
display: -ms-flexbox; display: -webkit-box;
display: flex; display: flex;
-ms-flex-flow: row;
flex-flow: row; } flex-flow: row; }
#topheader a { #topheader a {
@ -28,10 +29,10 @@ nav {
.note { .note {
background-color: #eee8d5; background-color: #eee8d5;
box-shadow: 0 0 10px 2px #93a1a1; box-shadow: 0 0 10px 2px #93a1a1;
padding: 0.5em 0.5em; padding: 0.5em;
margin-top: 1em; } margin-top: 1em; }
.note:after { .note::after {
content: " "; content: " ";
display: block; display: block;
height: 0; height: 0;
@ -61,7 +62,7 @@ nav {
margin-left: 2em; margin-left: 2em;
margin-right: 2em; margin-right: 2em;
font-size: 0.8em; font-size: 0.8em;
padding: 0.5em 0.5em; } padding: 0.5em; }
.reply-to { .reply-to {
margin-left: 2em; margin-left: 2em;
@ -81,7 +82,6 @@ nav {
white-space: nowrap; } white-space: nowrap; }
.mini-h-card img { .mini-h-card img {
height: 1.26em;
display: inline; display: inline;
border-radius: 2px; border-radius: 2px;
vertical-align: text-bottom; } vertical-align: text-bottom; }
@ -156,6 +156,7 @@ article header {
body { body {
text-rendering: optimizeLegibility; text-rendering: optimizeLegibility;
-webkit-font-feature-settings: "liga";
font-feature-settings: "liga"; font-feature-settings: "liga";
font-family: "leitura-news", serif; font-family: "leitura-news", serif;
font-size: 1.2em; } font-size: 1.2em; }
@ -170,6 +171,7 @@ h1 {
text-decoration: none; } text-decoration: none; }
nav { nav {
-webkit-font-feature-settings: "dlig";
font-feature-settings: "dlig"; } font-feature-settings: "dlig"; }
article header h1 a { article header h1 a {
@ -201,10 +203,14 @@ fieldset {
min-width: 0; min-width: 0;
width: 100%; } width: 100%; }
input[type="text"], input[type="file"], textarea { input[type="text"],
input[type="file"],
textarea {
width: 100%; } width: 100%; }
input, button, textarea { input,
button,
textarea {
-webkit-appearance: none; -webkit-appearance: none;
-moz-appearance: none; -moz-appearance: none;
background-color: #002b36; background-color: #002b36;
@ -213,6 +219,7 @@ input, button, textarea {
border-radius: 4px; } border-radius: 4px; }
button:hover { button:hover {
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out; transition: 0.5s ease-in-out;
background-color: #fdf6e3; background-color: #fdf6e3;
color: #002b36; } color: #002b36; }

Binary file not shown.

Binary file not shown.

File diff suppressed because one or more lines are too long

View file

@ -1,12 +1,12 @@
{ {
"assets/bower/Autolinker.min.js": "assets/bower/Autolinker.min-2cb3468034.js", "assets/bower/Autolinker.min.js": "assets/bower/Autolinker-2cb3468034.min.js",
"assets/bower/alertify.css": "assets/bower/alertify-1b3c6aa174.css", "assets/bower/alertify.css": "assets/bower/alertify-1b3c6aa174.css",
"assets/bower/alertify.js": "assets/bower/alertify-84061c87f5.js", "assets/bower/alertify.js": "assets/bower/alertify-84061c87f5.js",
"assets/bower/fetch.js": "assets/bower/fetch-d8a2646ccc.js", "assets/bower/fetch.js": "assets/bower/fetch-d8a2646ccc.js",
"assets/bower/marked.min.js": "assets/bower/marked.min-c2a88705e2.js", "assets/bower/marked.min.js": "assets/bower/marked-c2a88705e2.min.js",
"assets/bower/sanitize.css": "assets/bower/sanitize-85919f917a.css", "assets/bower/sanitize.css": "assets/bower/sanitize-85919f917a.css",
"assets/bower/store2.min.js": "assets/bower/store2.min-c4daa8f871.js", "assets/bower/store2.min.js": "assets/bower/store2-c4daa8f871.min.js",
"assets/css/global.css": "assets/css/global-f45e4f1fb0.css", "assets/css/global.css": "assets/css/global-c8783949cd.css",
"assets/css/projects.css": "assets/css/projects-d945298e4f.css", "assets/css/projects.css": "assets/css/projects-d945298e4f.css",
"assets/js/form-save.js": "assets/js/form-save-4d4f6e1cb8.js", "assets/js/form-save.js": "assets/js/form-save-4d4f6e1cb8.js",
"assets/js/links.js": "assets/js/links-c394f9c920.js", "assets/js/links.js": "assets/js/links-c394f9c920.js",

View file

@ -9,11 +9,15 @@ fieldset {
width: 100%; width: 100%;
} }
input[type="text"], input[type="file"], textarea { input[type="text"],
input[type="file"],
textarea {
width: 100%; width: 100%;
} }
input, button, textarea { input,
button,
textarea {
-webkit-appearance: none; -webkit-appearance: none;
-moz-appearance: none; -moz-appearance: none;
background-color: $base03; background-color: $base03;

View file

@ -5,7 +5,9 @@ html {
box-sizing: border-box; box-sizing: border-box;
} }
*, *:before, *:after { *,
*::before,
*::after {
box-sizing: inherit; box-sizing: inherit;
} }
@ -29,11 +31,11 @@ nav {
.note { .note {
background-color: $base2; background-color: $base2;
box-shadow: 0 0 10px 2px $base1; box-shadow: 0 0 10px 2px $base1;
padding: 0.5em 0.5em; padding: 0.5em;
margin-top: 1em; margin-top: 1em;
} }
.note:after { .note::after {
content: " "; content: " ";
display: block; display: block;
height: 0; height: 0;
@ -70,7 +72,7 @@ nav {
margin-left: 2em; margin-left: 2em;
margin-right: 2em; margin-right: 2em;
font-size: 0.8em; font-size: 0.8em;
padding: 0.5em 0.5em; padding: 0.5em;
} }
.reply-to { .reply-to {
@ -94,7 +96,6 @@ nav {
} }
.mini-h-card img { .mini-h-card img {
height: 1.26em;
display: inline; display: inline;
border-radius: 2px; border-radius: 2px;
vertical-align: text-bottom; vertical-align: text-bottom;