diff --git a/gulpfile.js b/gulpfile.js index fbd4224..05c6ce7 100644 --- a/gulpfile.js +++ b/gulpfile.js @@ -5,33 +5,48 @@ * @version 1.0.0 */ -var gulp = require('gulp'); -var pug = require('gulp-pug'); -var sass = require('gulp-sass'); +// Configure. +const config = { + pugSrc: './views/**/*.pug', + pugDst: './', + scssSrc: './scss/style.scss', + scssDst: './', + pugWatchFiles: './views/**/*.pug', + scssWatchFiles: './scss/**/*.scss' +}; + +const gulp = require('gulp'); +const pug = require('gulp-pug'); +const sass = require('gulp-sass'); gulp.task('pug', function() { return gulp - .src('./views/**/*.pug') + .src(config.pugSrc) .pipe( pug({ pretty: true }) ) - .pipe(gulp.dest('./')); + .pipe(gulp.dest(config.pugDst)); }); gulp.task('scss', function() { return gulp - .src('./sass/style.scss') - .pipe(sass().on('error', sass.logError)) - .pipe(gulp.dest('./')); + .src('config.scssSrc') + .pipe(sass({ outputStyle: 'compressed' }).on('error', sass.logError)) + .pipe(gulp.dest('config.scssDst')); }); -// gulp.task('hi', function() { -// console.log('Hi Meow'); -// }); +gulp.task('default', ['pug', 'scss'], function() { + gulp.watch(config.pugWatchFiles, ['pug']); + gulp.watch(config.scssWatchFiles, ['scss']); +}); -// gulp.task('default', ['pug', 'scss'], function() { +// gulp.task('default', ['pug', 'scss'], function () { // gulp.watch(pugFiles, 'pug'); // gulp.watch(scssFiles, 'scss'); // }); + +// gulp.task('hi', function() { +// console.log('Hi Meow'); +// }); diff --git a/package.json b/package.json index 1a0356f..d1146e2 100644 --- a/package.json +++ b/package.json @@ -5,5 +5,8 @@ "gulp": "^3.9.1", "gulp-pug": "^4.0.1", "gulp-sass": "^4.0.1" + }, + "scripts": { + "start": "gulp" } } diff --git a/scss/partial/body.scss b/scss/partial/body.scss index 5705d51..a9e1809 100644 --- a/scss/partial/body.scss +++ b/scss/partial/body.scss @@ -32,6 +32,7 @@ vertical-align: middle; font-size: 4rem; color: white; + color: red !important; } .top h1 > span { diff --git a/scss/style.scss b/scss/style.scss index 802ddea..d424acf 100644 --- a/scss/style.scss +++ b/scss/style.scss @@ -5,7 +5,7 @@ * ------------------------------------------------------------------------- */ // — VENDORS. -@import 'vendor/normalize'; +@import 'vendors/normalize'; // — PARTIALS. @import 'partial/variables'; // Variables file diff --git a/scss/vendors/normalize.css b/scss/vendors/normalize.scss similarity index 100% rename from scss/vendors/normalize.css rename to scss/vendors/normalize.scss diff --git a/style.css b/style.css new file mode 100644 index 0000000..df57b6d --- /dev/null +++ b/style.css @@ -0,0 +1,5 @@ +/*! ---------------------------------------------------------------------------- + * Main Stylesheet file. + * + * Source file for all SCSS files. + * ------------------------------------------------------------------------- *//*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace, monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type='button'],[type='reset'],[type='submit'],button{-webkit-appearance:button}[type='button']::-moz-focus-inner,[type='reset']::-moz-focus-inner,[type='submit']::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type='button']:-moz-focusring,[type='reset']:-moz-focusring,[type='submit']:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type='checkbox'],[type='radio']{box-sizing:border-box;padding:0}[type='number']::-webkit-inner-spin-button,[type='number']::-webkit-outer-spin-button{height:auto}[type='search']{-webkit-appearance:textfield;outline-offset:-2px}[type='search']::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}*,*:after,*:before{box-sizing:border-box}html{font-size:62.5%;height:100%;min-height:100%}h1,h2,h3{font-family:'Quando', serif}.gist-meta{display:none}.gist .gist-file{margin-bottom:0 !important}.gist .gist-data,.gist .gist-file{border:0 !important}.main{display:table;width:100%}.top{display:table;width:100%;margin:0 auto;background:tomato;padding:5rem;text-align:center;min-height:60vh;background:#ff416c;background:-webkit-linear-gradient(to right, #ff4b2b, #ff416c);background:linear-gradient(to right, #ff4b2b, #ff416c)}.top_inner{display:table-cell;vertical-align:middle}.top h1{display:table;width:100%;vertical-align:middle;font-size:4rem;color:white}.top h1>span{display:table;width:100%;margin:0 auto 0.5rem}.top p{display:table;width:100%;vertical-align:middle;font-size:1.6rem;color:white;line-height:1.4}.steps{margin:2.5rem 0}.step{display:table;width:100%;margin:0 auto;text-align:center;padding:2rem}h2{font-size:2.5rem}p{font-size:1.8rem;max-width:60rem;margin:0 auto;line-height:1.4}.todo{display:table;width:100%;margin:3rem auto 0;padding:1rem;max-width:75rem;box-shadow:0 10px 50px rgba(191,191,191,0.35)}code{font-size:1.5rem;line-height:1.45;text-align:center}footer.mb{display:table;width:100%;margin:0 auto;padding:5rem 5rem 5rem 0;background:#f3edec;box-shadow:0 10px 50px rgba(191,191,191,0.35)}.mb p{font-size:1.5rem;max-width:120rem}