Better processing of sass files, compressed oputput and sourcemaps
This commit is contained in:
parent
13fd7ae736
commit
7fea2dd3d7
4 changed files with 8 additions and 240 deletions
|
|
@ -4,10 +4,13 @@ var gulp = require('gulp');
|
|||
var sass = require('gulp-sass');
|
||||
var zopfli = require('gulp-zopfli');
|
||||
var brotli = require('gulp-brotli');
|
||||
var sourcemaps = require('gulp-sourcemaps');
|
||||
|
||||
gulp.task('sass', function () {
|
||||
return gulp.src('./resources/assets/sass/global.scss')
|
||||
.pipe(sass().on('error', sass.logError))
|
||||
.pipe(sourcemaps.init())
|
||||
.pipe(sass({outputStyle: 'compressed'}).on('error', sass.logError))
|
||||
.pipe(sourcemaps.write('./maps'))
|
||||
.pipe(gulp.dest('./public/assets/css'));
|
||||
});
|
||||
|
||||
|
|
|
|||
|
|
@ -7,6 +7,7 @@
|
|||
"gulp": "~3.9",
|
||||
"gulp-brotli": "^1.0.1",
|
||||
"gulp-sass": "^2.3.2",
|
||||
"gulp-sourcemaps": "^1.6.0",
|
||||
"gulp-zopfli": "^1.0.0",
|
||||
"lint-staged": "^1.0.1",
|
||||
"pre-commit": "^1.1.3",
|
||||
|
|
|
|||
241
public/assets/css/global.css
vendored
241
public/assets/css/global.css
vendored
|
|
@ -1,240 +1,3 @@
|
|||
html {
|
||||
background: url("/assets/img/escheresque.png"); }
|
||||
html{background:url("/assets/img/escheresque.png")}.map{height:150px}html{box-sizing:border-box}*,*::before,*::after{box-sizing:inherit}#topheader{display:flex;flex-flow:row}#topheader a{padding:0.5em 1em}nav{padding-top:0.5em}.social-list{padding-left:2em}.note{background-color:#eee8d5;box-shadow:0 0 10px 2px #93a1a1;padding:0.5em;margin-top:1em}.note::after{content:" ";display:block;height:0;clear:both}.note a{word-wrap:break-word}.note .e-content p:first-child{margin-top:0}.note-metadata{width:100%}.social-links{float:right}.social-links a{text-decoration:none}.icon{width:auto;height:1em;fill:#268bd2}.reply{margin-left:2em;margin-right:2em;font-size:0.8em;padding:0.5em}.reply-to{margin-left:2em;margin-right:2em;font-size:0.8em;padding-top:2em}.reply-to+.note{margin-top:0.3em}.mini-h-card{border-radius:2px;border:1px solid #586e75;padding:0 0.2em;text-decoration:none;margin-right:5px;white-space:nowrap}.mini-h-card img{height:1em;border-radius:2px;vertical-align:text-bottom}.like-photo{height:1.26em}.reply .e-content{margin-top:0.5em;padding-left:0.5em}.notes-subtitle{font-size:1em}.note-photo{width:100%;height:auto;image-orientation:from-image}article header{margin-top:0.5em;margin-bottom:0.8em}.post-info{font-size:0.8em;font-style:italic;margin-top:-0.8em}.contact{position:relative}.contact-links{list-style-type:none}.contact img{height:auto;width:2em;position:absolute;top:0;left:0}.contact-info{margin-left:2em}#map{height:300px}@media (min-width: 700px){main{margin-left:10em;margin-right:10em}footer{margin-left:13em;margin-right:13em}.youtube{width:640px;height:360px}}@media (max-width: 699px){main{margin-left:10px;margin-right:10px}article{word-wrap:break-word}footer{margin-left:15px;margin-right:15px}.youtube{width:100%;height:auto}}body{text-rendering:optimizeLegibility;font-feature-settings:"liga";font-family:"leitura-news",serif;font-size:1.2em}#topheader h1{font-family:"leitura-news",serif}h1{font-family:"prenton",sans-serif}#topheader a{text-decoration:none}nav{font-feature-settings:"dlig"}article header h1 a{text-decoration:none}article div a{text-decoration:none}footer{font-size:0.8em}.emoji{width:auto;height:1em}body{color:#002b36}header a{color:#002b36}a{color:#268bd2}form{width:100%}fieldset{min-width:0;width:100%}input[type="text"],input[type="file"],textarea{width:100%}input,button,textarea{-webkit-appearance:none;-moz-appearance:none;background-color:#002b36;color:#fdf6e3;border:1px solid #fdf6e3;border-radius:4px}button:hover{transition:0.5s ease-in-out;background-color:#fdf6e3;color:#002b36}button:disabled{background-color:#93a1a1;color:#002b36}input[type="checkbox"]{-webkit-appearance:checkbox;-moz-appearance:checkbox}#photo{background:inherit;color:inherit;border:none}.twitter-tweet-rendered{margin-bottom:0 !important}.twitter-tweet-rendered+.note{margin-top:0}
|
||||
|
||||
.map {
|
||||
height: 150px; }
|
||||
|
||||
html {
|
||||
box-sizing: border-box; }
|
||||
|
||||
*,
|
||||
*::before,
|
||||
*::after {
|
||||
box-sizing: inherit; }
|
||||
|
||||
#topheader {
|
||||
display: flex;
|
||||
flex-flow: row; }
|
||||
|
||||
#topheader a {
|
||||
padding: 0.5em 1em; }
|
||||
|
||||
nav {
|
||||
padding-top: 0.5em; }
|
||||
|
||||
.social-list {
|
||||
padding-left: 2em; }
|
||||
|
||||
.note {
|
||||
background-color: #eee8d5;
|
||||
box-shadow: 0 0 10px 2px #93a1a1;
|
||||
padding: 0.5em;
|
||||
margin-top: 1em; }
|
||||
|
||||
.note::after {
|
||||
content: " ";
|
||||
display: block;
|
||||
height: 0;
|
||||
clear: both; }
|
||||
|
||||
.note a {
|
||||
word-wrap: break-word; }
|
||||
|
||||
.note .e-content p:first-child {
|
||||
margin-top: 0; }
|
||||
|
||||
.note-metadata {
|
||||
width: 100%; }
|
||||
|
||||
.social-links {
|
||||
float: right; }
|
||||
|
||||
.social-links a {
|
||||
text-decoration: none; }
|
||||
|
||||
.icon {
|
||||
width: auto;
|
||||
height: 1em;
|
||||
fill: #268bd2; }
|
||||
|
||||
.reply {
|
||||
margin-left: 2em;
|
||||
margin-right: 2em;
|
||||
font-size: 0.8em;
|
||||
padding: 0.5em; }
|
||||
|
||||
.reply-to {
|
||||
margin-left: 2em;
|
||||
margin-right: 2em;
|
||||
font-size: 0.8em;
|
||||
padding-top: 2em; }
|
||||
|
||||
.reply-to + .note {
|
||||
margin-top: 0.3em; }
|
||||
|
||||
.mini-h-card {
|
||||
border-radius: 2px;
|
||||
border: 1px solid #586e75;
|
||||
padding: 0 0.2em;
|
||||
text-decoration: none;
|
||||
margin-right: 5px;
|
||||
white-space: nowrap; }
|
||||
|
||||
.mini-h-card img {
|
||||
height: 1em;
|
||||
border-radius: 2px;
|
||||
vertical-align: text-bottom; }
|
||||
|
||||
.like-photo {
|
||||
height: 1.26em; }
|
||||
|
||||
.reply .e-content {
|
||||
margin-top: 0.5em;
|
||||
padding-left: 0.5em; }
|
||||
|
||||
.notes-subtitle {
|
||||
font-size: 1em; }
|
||||
|
||||
.note-photo {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
image-orientation: from-image; }
|
||||
|
||||
article header {
|
||||
margin-top: 0.5em;
|
||||
margin-bottom: 0.8em; }
|
||||
|
||||
.post-info {
|
||||
font-size: 0.8em;
|
||||
font-style: italic;
|
||||
margin-top: -0.8em; }
|
||||
|
||||
.contact {
|
||||
position: relative; }
|
||||
|
||||
.contact-links {
|
||||
list-style-type: none; }
|
||||
|
||||
.contact img {
|
||||
height: auto;
|
||||
width: 2em;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0; }
|
||||
|
||||
.contact-info {
|
||||
margin-left: 2em; }
|
||||
|
||||
#map {
|
||||
height: 300px; }
|
||||
|
||||
/* media queries */
|
||||
@media (min-width: 700px) {
|
||||
main {
|
||||
margin-left: 10em;
|
||||
margin-right: 10em; }
|
||||
footer {
|
||||
margin-left: 13em;
|
||||
margin-right: 13em; }
|
||||
.youtube {
|
||||
width: 640px;
|
||||
height: 360px; } }
|
||||
|
||||
@media (max-width: 699px) {
|
||||
main {
|
||||
margin-left: 10px;
|
||||
margin-right: 10px; }
|
||||
article {
|
||||
word-wrap: break-word; }
|
||||
footer {
|
||||
margin-left: 15px;
|
||||
margin-right: 15px; }
|
||||
.youtube {
|
||||
width: 100%;
|
||||
height: auto; } }
|
||||
|
||||
body {
|
||||
text-rendering: optimizeLegibility;
|
||||
font-feature-settings: "liga";
|
||||
font-family: "leitura-news", serif;
|
||||
font-size: 1.2em; }
|
||||
|
||||
#topheader h1 {
|
||||
font-family: "leitura-news", serif; }
|
||||
|
||||
h1 {
|
||||
font-family: "prenton", sans-serif; }
|
||||
|
||||
#topheader a {
|
||||
text-decoration: none; }
|
||||
|
||||
nav {
|
||||
font-feature-settings: "dlig"; }
|
||||
|
||||
article header h1 a {
|
||||
text-decoration: none; }
|
||||
|
||||
article div a {
|
||||
text-decoration: none; }
|
||||
|
||||
footer {
|
||||
font-size: 0.8em; }
|
||||
|
||||
.emoji {
|
||||
width: auto;
|
||||
height: 1em; }
|
||||
|
||||
body {
|
||||
color: #002b36; }
|
||||
|
||||
header a {
|
||||
color: #002b36; }
|
||||
|
||||
a {
|
||||
color: #268bd2; }
|
||||
|
||||
form {
|
||||
width: 100%; }
|
||||
|
||||
fieldset {
|
||||
min-width: 0;
|
||||
width: 100%; }
|
||||
|
||||
input[type="text"],
|
||||
input[type="file"],
|
||||
textarea {
|
||||
width: 100%; }
|
||||
|
||||
input,
|
||||
button,
|
||||
textarea {
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
background-color: #002b36;
|
||||
color: #fdf6e3;
|
||||
border: 1px solid #fdf6e3;
|
||||
border-radius: 4px; }
|
||||
|
||||
button:hover {
|
||||
transition: 0.5s ease-in-out;
|
||||
background-color: #fdf6e3;
|
||||
color: #002b36; }
|
||||
|
||||
button:disabled {
|
||||
background-color: #93a1a1;
|
||||
color: #002b36; }
|
||||
|
||||
input[type="checkbox"] {
|
||||
-webkit-appearance: checkbox;
|
||||
-moz-appearance: checkbox; }
|
||||
|
||||
#photo {
|
||||
background: inherit;
|
||||
color: inherit;
|
||||
border: none; }
|
||||
|
||||
.twitter-tweet-rendered {
|
||||
margin-bottom: 0 !important; }
|
||||
|
||||
.twitter-tweet-rendered + .note {
|
||||
margin-top: 0; }
|
||||
/*# sourceMappingURL=maps/global.css.map */
|
||||
|
|
|
|||
1
public/assets/css/maps/global.css.map
Normal file
1
public/assets/css/maps/global.css.map
Normal file
File diff suppressed because one or more lines are too long
Loading…
Add table
Reference in a new issue