From 33b116be78084b0736a74ac7e0cd11fbdac17be5 Mon Sep 17 00:00:00 2001 From: Ben Brehaut Date: Tue, 14 Feb 2017 21:59:25 +0000 Subject: [PATCH] Added BrowserSync to the grunt task --- Gruntfile.js | 50 +++++++++++++++++++++++++++++++------ assets/css/style.css | 3 +-- assets/scss/base/_base.scss | 13 +++++++--- package.json | 1 + 4 files changed, 53 insertions(+), 14 deletions(-) diff --git a/Gruntfile.js b/Gruntfile.js index 3db1cd7..24c23f6 100644 --- a/Gruntfile.js +++ b/Gruntfile.js @@ -4,6 +4,31 @@ module.exports = function(grunt) { grunt.initConfig({ pkg: grunt.file.readJSON('package.json'), + browserSync: { + bsFiles: { + src: [ + '*.php', + '**/*.php', + 'Gruntfile.js', + 'assets/js/*.js', + '*.css', + 'assets/css/*.css' + ] + }, + options: { + watchTask: true, + debugInfo: true, + logConnections: true, + notify: true, + proxy: 'test-theme.uk', + ghostMode: { + scroll: true, + links: true, + forms: true + } + } + }, + // Concat Task concat: { dist: { @@ -72,13 +97,7 @@ module.exports = function(grunt) { dateFormat: function(time) { grunt.log.writeln('Finished in ' + time + 'ms at ' + (new Date()).toString()); grunt.log.writeln('Waiting for more changes...'); - }, - // Live Reload - livereload: { - options: { - livereload: true - } - }, + } }, scripts: { files: 'assets/js/main.js', // The main JS file for the theme. @@ -88,6 +107,20 @@ module.exports = function(grunt) { files: 'assets/scss/**/*.scss', tasks: ['sass','postcss'], }, + browserSync: { + files: [ + '*.php', + '**/*.php', + '*.css', + 'Gruntfile.js', + '*.css', + 'assets/js/*.js', + 'assets/css/*.css' + ], + options: { + watchTask: true + } + } }, // End Watch @@ -105,8 +138,9 @@ module.exports = function(grunt) { grunt.loadNpmTasks('grunt-postcss'); grunt.loadNpmTasks('grunt-contrib-imagemin'); grunt.loadNpmTasks('grunt-contrib-watch'); + grunt.loadNpmTasks('grunt-browser-sync'); // Default task(s). - grunt.registerTask('default', ['concat', 'uglify', 'sass', 'imagemin', 'watch']); + grunt.registerTask('default', ['browserSync', 'watch']); }; diff --git a/assets/css/style.css b/assets/css/style.css index 6703390..5a6292a 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -1,3 +1,2 @@ -.element-hidden{position:absolute !important;width:1px;height:1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap}.text-c{text-align:center}.text-r{text-align:right}.row{max-width:1165px;margin-left:auto;margin-right:auto;width:100%}.row::after,.row::before{content:' ';display:table;flex-basis:0;order:1}.row::after{clear:both}.row.collapse>.grid__columns{padding-left:0;padding-right:0}.row .row{margin-left:-.625rem;margin-right:-.625rem}@media screen and (min-width: 40em){.row .row{margin-left:-.9375rem;margin-right:-.9375rem}}.row .row.grid--collapse{margin-left:0;margin-right:0}.row.grid--expanded{max-width:none}.row.grid--expanded .row{margin-left:auto;margin-right:auto}.grid__columns{width:100%;float:left;padding-left:.625rem;padding-right:.625rem}@media screen and (min-width: 40em){.grid__columns{padding-left:.9375rem;padding-right:.9375rem}}.grid__columns:last-child:not(:first-child){float:right}.grid__columns.grid--end:last-child:last-child{float:left}.grid__columns.row.row{float:none}.row .grid__columns.row.row{padding-left:0;padding-right:0;margin-left:0;margin-right:0}.grid__small-1{width:8.3333333333%}.grid__small-push-1{position:relative;left:8.3333333333%}.grid__small-pull-1{position:relative;left:-8.3333333333%}.grid__small-offset-0{margin-left:0%}.grid__small-2{width:16.6666666667%}.grid__small-push-2{position:relative;left:16.6666666667%}.grid__small-pull-2{position:relative;left:-16.6666666667%}.grid__small-offset-1{margin-left:8.3333333333%}.grid__small-3{width:25%}.grid__small-push-3{position:relative;left:25%}.grid__small-pull-3{position:relative;left:-25%}.grid__small-offset-2{margin-left:16.6666666667%}.grid__small-4{width:33.3333333333%}.grid__small-push-4{position:relative;left:33.3333333333%}.grid__small-pull-4{position:relative;left:-33.3333333333%}.grid__small-offset-3{margin-left:25%}.grid__small-5{width:41.6666666667%}.grid__small-push-5{position:relative;left:41.6666666667%}.grid__small-pull-5{position:relative;left:-41.6666666667%}.grid__small-offset-4{margin-left:33.3333333333%}.grid__small-6{width:50%}.grid__small-push-6{position:relative;left:50%}.grid__small-pull-6{position:relative;left:-50%}.grid__small-offset-5{margin-left:41.6666666667%}.grid__small-7{width:58.3333333333%}.grid__small-push-7{position:relative;left:58.3333333333%}.grid__small-pull-7{position:relative;left:-58.3333333333%}.grid__small-offset-6{margin-left:50%}.grid__small-8{width:66.6666666667%}.grid__small-push-8{position:relative;left:66.6666666667%}.grid__small-pull-8{position:relative;left:-66.6666666667%}.grid__small-offset-7{margin-left:58.3333333333%}.grid__small-9{width:75%}.grid__small-push-9{position:relative;left:75%}.grid__small-pull-9{position:relative;left:-75%}.grid__small-offset-8{margin-left:66.6666666667%}.grid__small-10{width:83.3333333333%}.grid__small-push-10{position:relative;left:83.3333333333%}.grid__small-pull-10{position:relative;left:-83.3333333333%}.grid__small-offset-9{margin-left:75%}.grid__small-11{width:91.6666666667%}.grid__small-push-11{position:relative;left:91.6666666667%}.grid__small-pull-11{position:relative;left:-91.6666666667%}.grid__small-offset-10{margin-left:83.3333333333%}.grid__small-12{width:100%}.grid__small-offset-11{margin-left:91.6666666667%}.grid__small-up-1>.grid__columns{width:100%;float:left}.grid__small-up-1>.grid__columns:nth-of-type(1n){clear:none}.grid__small-up-1>.grid__columns:nth-of-type(1n+1){clear:both}.grid__small-up-1>.grid__columns:last-child{float:left}.grid__small-up-2>.grid__columns{width:50%;float:left}.grid__small-up-2>.grid__columns:nth-of-type(1n){clear:none}.grid__small-up-2>.grid__columns:nth-of-type(2n+1){clear:both}.grid__small-up-2>.grid__columns:last-child{float:left}.grid__small-up-3>.grid__columns{width:33.3333333333%;float:left}.grid__small-up-3>.grid__columns:nth-of-type(1n){clear:none}.grid__small-up-3>.grid__columns:nth-of-type(3n+1){clear:both}.grid__small-up-3>.grid__columns:last-child{float:left}.grid__small-up-4>.grid__columns{width:25%;float:left}.grid__small-up-4>.grid__columns:nth-of-type(1n){clear:none}.grid__small-up-4>.grid__columns:nth-of-type(4n+1){clear:both}.grid__small-up-4>.grid__columns:last-child{float:left}.grid__small-up-5>.grid__columns{width:20%;float:left}.grid__small-up-5>.grid__columns:nth-of-type(1n){clear:none}.grid__small-up-5>.grid__columns:nth-of-type(5n+1){clear:both}.grid__small-up-5>.grid__columns:last-child{float:left}.grid__small-up-6>.grid__columns{width:16.6666666667%;float:left}.grid__small-up-6>.grid__columns:nth-of-type(1n){clear:none}.grid__small-up-6>.grid__columns:nth-of-type(6n+1){clear:both}.grid__small-up-6>.grid__columns:last-child{float:left}.grid__small-up-7>.grid__columns{width:14.2857142857%;float:left}.grid__small-up-7>.grid__columns:nth-of-type(1n){clear:none}.grid__small-up-7>.grid__columns:nth-of-type(7n+1){clear:both}.grid__small-up-7>.grid__columns:last-child{float:left}.grid__small-up-8>.grid__columns{width:12.5%;float:left}.grid__small-up-8>.grid__columns:nth-of-type(1n){clear:none}.grid__small-up-8>.grid__columns:nth-of-type(8n+1){clear:both}.grid__small-up-8>.grid__columns:last-child{float:left}.grid__small-collapse>.grid__columns{padding-left:0;padding-right:0}.grid__small-collapse .row{margin-left:0;margin-right:0}.grid__small-uncollapse>.grid__columns{padding-left:.625rem;padding-right:.625rem}.grid__small-centered{float:none;margin-left:auto;margin-right:auto}.grid__small-uncentered,.grid__small-push-0,.grid__small-pull-0{position:static;margin-left:0;margin-right:0;float:left}@media screen and (min-width: 40em){.grid__medium-1{width:8.3333333333%}.grid__medium-push-1{position:relative;left:8.3333333333%}.grid__medium-pull-1{position:relative;left:-8.3333333333%}.grid__medium-offset-0{margin-left:0%}.grid__medium-2{width:16.6666666667%}.grid__medium-push-2{position:relative;left:16.6666666667%}.grid__medium-pull-2{position:relative;left:-16.6666666667%}.grid__medium-offset-1{margin-left:8.3333333333%}.grid__medium-3{width:25%}.grid__medium-push-3{position:relative;left:25%}.grid__medium-pull-3{position:relative;left:-25%}.grid__medium-offset-2{margin-left:16.6666666667%}.grid__medium-4{width:33.3333333333%}.grid__medium-push-4{position:relative;left:33.3333333333%}.grid__medium-pull-4{position:relative;left:-33.3333333333%}.grid__medium-offset-3{margin-left:25%}.grid__medium-5{width:41.6666666667%}.grid__medium-push-5{position:relative;left:41.6666666667%}.grid__medium-pull-5{position:relative;left:-41.6666666667%}.grid__medium-offset-4{margin-left:33.3333333333%}.grid__medium-6{width:50%}.grid__medium-push-6{position:relative;left:50%}.grid__medium-pull-6{position:relative;left:-50%}.grid__medium-offset-5{margin-left:41.6666666667%}.grid__medium-7{width:58.3333333333%}.grid__medium-push-7{position:relative;left:58.3333333333%}.grid__medium-pull-7{position:relative;left:-58.3333333333%}.grid__medium-offset-6{margin-left:50%}.grid__medium-8{width:66.6666666667%}.grid__medium-push-8{position:relative;left:66.6666666667%}.grid__medium-pull-8{position:relative;left:-66.6666666667%}.grid__medium-offset-7{margin-left:58.3333333333%}.grid__medium-9{width:75%}.grid__medium-push-9{position:relative;left:75%}.grid__medium-pull-9{position:relative;left:-75%}.grid__medium-offset-8{margin-left:66.6666666667%}.grid__medium-10{width:83.3333333333%}.grid__medium-push-10{position:relative;left:83.3333333333%}.grid__medium-pull-10{position:relative;left:-83.3333333333%}.grid__medium-offset-9{margin-left:75%}.grid__medium-11{width:91.6666666667%}.grid__medium-push-11{position:relative;left:91.6666666667%}.grid__medium-pull-11{position:relative;left:-91.6666666667%}.grid__medium-offset-10{margin-left:83.3333333333%}.grid__medium-12{width:100%}.grid__medium-offset-11{margin-left:91.6666666667%}.grid__medium-up-1>.grid__columns{width:100%;float:left}.grid__medium-up-1>.grid__columns:nth-of-type(1n){clear:none}.grid__medium-up-1>.grid__columns:nth-of-type(1n+1){clear:both}.grid__medium-up-1>.grid__columns:last-child{float:left}.grid__medium-up-2>.grid__columns{width:50%;float:left}.grid__medium-up-2>.grid__columns:nth-of-type(1n){clear:none}.grid__medium-up-2>.grid__columns:nth-of-type(2n+1){clear:both}.grid__medium-up-2>.grid__columns:last-child{float:left}.grid__medium-up-3>.grid__columns{width:33.3333333333%;float:left}.grid__medium-up-3>.grid__columns:nth-of-type(1n){clear:none}.grid__medium-up-3>.grid__columns:nth-of-type(3n+1){clear:both}.grid__medium-up-3>.grid__columns:last-child{float:left}.grid__medium-up-4>.grid__columns{width:25%;float:left}.grid__medium-up-4>.grid__columns:nth-of-type(1n){clear:none}.grid__medium-up-4>.grid__columns:nth-of-type(4n+1){clear:both}.grid__medium-up-4>.grid__columns:last-child{float:left}.grid__medium-up-5>.grid__columns{width:20%;float:left}.grid__medium-up-5>.grid__columns:nth-of-type(1n){clear:none}.grid__medium-up-5>.grid__columns:nth-of-type(5n+1){clear:both}.grid__medium-up-5>.grid__columns:last-child{float:left}.grid__medium-up-6>.grid__columns{width:16.6666666667%;float:left}.grid__medium-up-6>.grid__columns:nth-of-type(1n){clear:none}.grid__medium-up-6>.grid__columns:nth-of-type(6n+1){clear:both}.grid__medium-up-6>.grid__columns:last-child{float:left}.grid__medium-up-7>.grid__columns{width:14.2857142857%;float:left}.grid__medium-up-7>.grid__columns:nth-of-type(1n){clear:none}.grid__medium-up-7>.grid__columns:nth-of-type(7n+1){clear:both}.grid__medium-up-7>.grid__columns:last-child{float:left}.grid__medium-up-8>.grid__columns{width:12.5%;float:left}.grid__medium-up-8>.grid__columns:nth-of-type(1n){clear:none}.grid__medium-up-8>.grid__columns:nth-of-type(8n+1){clear:both}.grid__medium-up-8>.grid__columns:last-child{float:left}.grid__medium-collapse>.grid__columns{padding-left:0;padding-right:0}.grid__medium-collapse .row{margin-left:0;margin-right:0}.grid__medium-uncollapse>.grid__columns{padding-left:.9375rem;padding-right:.9375rem}.grid__medium-centered{float:none;margin-left:auto;margin-right:auto}.grid__medium-uncentered,.grid__medium-push-0,.grid__medium-pull-0{position:static;margin-left:0;margin-right:0;float:left}}@media screen and (min-width: 66.5625em){.grid__large-1{width:8.3333333333%}.grid__large-push-1{position:relative;left:8.3333333333%}.grid__large-pull-1{position:relative;left:-8.3333333333%}.grid__large-offset-0{margin-left:0%}.grid__large-2{width:16.6666666667%}.grid__large-push-2{position:relative;left:16.6666666667%}.grid__large-pull-2{position:relative;left:-16.6666666667%}.grid__large-offset-1{margin-left:8.3333333333%}.grid__large-3{width:25%}.grid__large-push-3{position:relative;left:25%}.grid__large-pull-3{position:relative;left:-25%}.grid__large-offset-2{margin-left:16.6666666667%}.grid__large-4{width:33.3333333333%}.grid__large-push-4{position:relative;left:33.3333333333%}.grid__large-pull-4{position:relative;left:-33.3333333333%}.grid__large-offset-3{margin-left:25%}.grid__large-5{width:41.6666666667%}.grid__large-push-5{position:relative;left:41.6666666667%}.grid__large-pull-5{position:relative;left:-41.6666666667%}.grid__large-offset-4{margin-left:33.3333333333%}.grid__large-6{width:50%}.grid__large-push-6{position:relative;left:50%}.grid__large-pull-6{position:relative;left:-50%}.grid__large-offset-5{margin-left:41.6666666667%}.grid__large-7{width:58.3333333333%}.grid__large-push-7{position:relative;left:58.3333333333%}.grid__large-pull-7{position:relative;left:-58.3333333333%}.grid__large-offset-6{margin-left:50%}.grid__large-8{width:66.6666666667%}.grid__large-push-8{position:relative;left:66.6666666667%}.grid__large-pull-8{position:relative;left:-66.6666666667%}.grid__large-offset-7{margin-left:58.3333333333%}.grid__large-9{width:75%}.grid__large-push-9{position:relative;left:75%}.grid__large-pull-9{position:relative;left:-75%}.grid__large-offset-8{margin-left:66.6666666667%}.grid__large-10{width:83.3333333333%}.grid__large-push-10{position:relative;left:83.3333333333%}.grid__large-pull-10{position:relative;left:-83.3333333333%}.grid__large-offset-9{margin-left:75%}.grid__large-11{width:91.6666666667%}.grid__large-push-11{position:relative;left:91.6666666667%}.grid__large-pull-11{position:relative;left:-91.6666666667%}.grid__large-offset-10{margin-left:83.3333333333%}.grid__large-12{width:100%}.grid__large-offset-11{margin-left:91.6666666667%}.grid__large-up-1>.grid__columns{width:100%;float:left}.grid__large-up-1>.grid__columns:nth-of-type(1n){clear:none}.grid__large-up-1>.grid__columns:nth-of-type(1n+1){clear:both}.grid__large-up-1>.grid__columns:last-child{float:left}.grid__large-up-2>.grid__columns{width:50%;float:left}.grid__large-up-2>.grid__columns:nth-of-type(1n){clear:none}.grid__large-up-2>.grid__columns:nth-of-type(2n+1){clear:both}.grid__large-up-2>.grid__columns:last-child{float:left}.grid__large-up-3>.grid__columns{width:33.3333333333%;float:left}.grid__large-up-3>.grid__columns:nth-of-type(1n){clear:none}.grid__large-up-3>.grid__columns:nth-of-type(3n+1){clear:both}.grid__large-up-3>.grid__columns:last-child{float:left}.grid__large-up-4>.grid__columns{width:25%;float:left}.grid__large-up-4>.grid__columns:nth-of-type(1n){clear:none}.grid__large-up-4>.grid__columns:nth-of-type(4n+1){clear:both}.grid__large-up-4>.grid__columns:last-child{float:left}.grid__large-up-5>.grid__columns{width:20%;float:left}.grid__large-up-5>.grid__columns:nth-of-type(1n){clear:none}.grid__large-up-5>.grid__columns:nth-of-type(5n+1){clear:both}.grid__large-up-5>.grid__columns:last-child{float:left}.grid__large-up-6>.grid__columns{width:16.6666666667%;float:left}.grid__large-up-6>.grid__columns:nth-of-type(1n){clear:none}.grid__large-up-6>.grid__columns:nth-of-type(6n+1){clear:both}.grid__large-up-6>.grid__columns:last-child{float:left}.grid__large-up-7>.grid__columns{width:14.2857142857%;float:left}.grid__large-up-7>.grid__columns:nth-of-type(1n){clear:none}.grid__large-up-7>.grid__columns:nth-of-type(7n+1){clear:both}.grid__large-up-7>.grid__columns:last-child{float:left}.grid__large-up-8>.grid__columns{width:12.5%;float:left}.grid__large-up-8>.grid__columns:nth-of-type(1n){clear:none}.grid__large-up-8>.grid__columns:nth-of-type(8n+1){clear:both}.grid__large-up-8>.grid__columns:last-child{float:left}.grid__large-collapse>.grid__columns{padding-left:0;padding-right:0}.grid__large-collapse .row{margin-left:0;margin-right:0}.grid__large-uncollapse>.grid__columns{padding-left:.9375rem;padding-right:.9375rem}.grid__large-centered{float:none;margin-left:auto;margin-right:auto}.grid__large-uncentered,.grid__large-push-0,.grid__large-pull-0{position:static;margin-left:0;margin-right:0;float:left}}/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:0.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace, monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}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}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;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-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}*,*:before,*:after{box-sizing:border-box}html{height:auto;overflow:auto}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;display:flex;min-height:100vh;flex-direction:column;line-height:1.5625rem}img{max-width:100%;height:auto}ul{margin:0}@media screen and (max-width: 39.9375em){iframe{width:100%}}h1,h2,h3,h4,h5,h6{margin:0;font-weight:normal}a,input[type="submit"],input[type="button"],button{cursor:pointer}.btn{margin:0;border:0;display:inline-block;padding:.5rem 1.5rem;text-decoration:none;background-color:transparent;text-transform:uppercase;font-size:.875rem;letter-spacing:1px} - +.element-hidden{position:absolute !important;width:1px;height:1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap}.text-c{text-align:center}.text-r{text-align:right}.row{max-width:1165px;margin-left:auto;margin-right:auto;width:100%}.row::after,.row::before{content:' ';display:table;-webkit-flex-basis:0;-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1}.row::after{clear:both}.row.collapse>.grid__columns{padding-left:0;padding-right:0}.row .row{margin-left:-.625rem;margin-right:-.625rem}@media screen and (min-width: 40em){.row .row{margin-left:-.9375rem;margin-right:-.9375rem}}.row .row.grid--collapse{margin-left:0;margin-right:0}.row.grid--expanded{max-width:none}.row.grid--expanded .row{margin-left:auto;margin-right:auto}.grid__columns{width:100%;float:left;padding-left:.625rem;padding-right:.625rem}@media screen and (min-width: 40em){.grid__columns{padding-left:.9375rem;padding-right:.9375rem}}.grid__columns:last-child:not(:first-child){float:right}.grid__columns.grid--end:last-child:last-child{float:left}.grid__columns.row.row{float:none}.row .grid__columns.row.row{padding-left:0;padding-right:0;margin-left:0;margin-right:0}.grid__small-1{width:8.3333333333%}.grid__small-push-1{position:relative;left:8.3333333333%}.grid__small-pull-1{position:relative;left:-8.3333333333%}.grid__small-offset-0{margin-left:0%}.grid__small-2{width:16.6666666667%}.grid__small-push-2{position:relative;left:16.6666666667%}.grid__small-pull-2{position:relative;left:-16.6666666667%}.grid__small-offset-1{margin-left:8.3333333333%}.grid__small-3{width:25%}.grid__small-push-3{position:relative;left:25%}.grid__small-pull-3{position:relative;left:-25%}.grid__small-offset-2{margin-left:16.6666666667%}.grid__small-4{width:33.3333333333%}.grid__small-push-4{position:relative;left:33.3333333333%}.grid__small-pull-4{position:relative;left:-33.3333333333%}.grid__small-offset-3{margin-left:25%}.grid__small-5{width:41.6666666667%}.grid__small-push-5{position:relative;left:41.6666666667%}.grid__small-pull-5{position:relative;left:-41.6666666667%}.grid__small-offset-4{margin-left:33.3333333333%}.grid__small-6{width:50%}.grid__small-push-6{position:relative;left:50%}.grid__small-pull-6{position:relative;left:-50%}.grid__small-offset-5{margin-left:41.6666666667%}.grid__small-7{width:58.3333333333%}.grid__small-push-7{position:relative;left:58.3333333333%}.grid__small-pull-7{position:relative;left:-58.3333333333%}.grid__small-offset-6{margin-left:50%}.grid__small-8{width:66.6666666667%}.grid__small-push-8{position:relative;left:66.6666666667%}.grid__small-pull-8{position:relative;left:-66.6666666667%}.grid__small-offset-7{margin-left:58.3333333333%}.grid__small-9{width:75%}.grid__small-push-9{position:relative;left:75%}.grid__small-pull-9{position:relative;left:-75%}.grid__small-offset-8{margin-left:66.6666666667%}.grid__small-10{width:83.3333333333%}.grid__small-push-10{position:relative;left:83.3333333333%}.grid__small-pull-10{position:relative;left:-83.3333333333%}.grid__small-offset-9{margin-left:75%}.grid__small-11{width:91.6666666667%}.grid__small-push-11{position:relative;left:91.6666666667%}.grid__small-pull-11{position:relative;left:-91.6666666667%}.grid__small-offset-10{margin-left:83.3333333333%}.grid__small-12{width:100%}.grid__small-offset-11{margin-left:91.6666666667%}.grid__small-up-1>.grid__columns{width:100%;float:left}.grid__small-up-1>.grid__columns:nth-of-type(1n){clear:none}.grid__small-up-1>.grid__columns:nth-of-type(1n+1){clear:both}.grid__small-up-1>.grid__columns:last-child{float:left}.grid__small-up-2>.grid__columns{width:50%;float:left}.grid__small-up-2>.grid__columns:nth-of-type(1n){clear:none}.grid__small-up-2>.grid__columns:nth-of-type(2n+1){clear:both}.grid__small-up-2>.grid__columns:last-child{float:left}.grid__small-up-3>.grid__columns{width:33.3333333333%;float:left}.grid__small-up-3>.grid__columns:nth-of-type(1n){clear:none}.grid__small-up-3>.grid__columns:nth-of-type(3n+1){clear:both}.grid__small-up-3>.grid__columns:last-child{float:left}.grid__small-up-4>.grid__columns{width:25%;float:left}.grid__small-up-4>.grid__columns:nth-of-type(1n){clear:none}.grid__small-up-4>.grid__columns:nth-of-type(4n+1){clear:both}.grid__small-up-4>.grid__columns:last-child{float:left}.grid__small-up-5>.grid__columns{width:20%;float:left}.grid__small-up-5>.grid__columns:nth-of-type(1n){clear:none}.grid__small-up-5>.grid__columns:nth-of-type(5n+1){clear:both}.grid__small-up-5>.grid__columns:last-child{float:left}.grid__small-up-6>.grid__columns{width:16.6666666667%;float:left}.grid__small-up-6>.grid__columns:nth-of-type(1n){clear:none}.grid__small-up-6>.grid__columns:nth-of-type(6n+1){clear:both}.grid__small-up-6>.grid__columns:last-child{float:left}.grid__small-up-7>.grid__columns{width:14.2857142857%;float:left}.grid__small-up-7>.grid__columns:nth-of-type(1n){clear:none}.grid__small-up-7>.grid__columns:nth-of-type(7n+1){clear:both}.grid__small-up-7>.grid__columns:last-child{float:left}.grid__small-up-8>.grid__columns{width:12.5%;float:left}.grid__small-up-8>.grid__columns:nth-of-type(1n){clear:none}.grid__small-up-8>.grid__columns:nth-of-type(8n+1){clear:both}.grid__small-up-8>.grid__columns:last-child{float:left}.grid__small-collapse>.grid__columns{padding-left:0;padding-right:0}.grid__small-collapse .row{margin-left:0;margin-right:0}.grid__small-uncollapse>.grid__columns{padding-left:.625rem;padding-right:.625rem}.grid__small-centered{float:none;margin-left:auto;margin-right:auto}.grid__small-uncentered,.grid__small-push-0,.grid__small-pull-0{position:static;margin-left:0;margin-right:0;float:left}@media screen and (min-width: 40em){.grid__medium-1{width:8.3333333333%}.grid__medium-push-1{position:relative;left:8.3333333333%}.grid__medium-pull-1{position:relative;left:-8.3333333333%}.grid__medium-offset-0{margin-left:0%}.grid__medium-2{width:16.6666666667%}.grid__medium-push-2{position:relative;left:16.6666666667%}.grid__medium-pull-2{position:relative;left:-16.6666666667%}.grid__medium-offset-1{margin-left:8.3333333333%}.grid__medium-3{width:25%}.grid__medium-push-3{position:relative;left:25%}.grid__medium-pull-3{position:relative;left:-25%}.grid__medium-offset-2{margin-left:16.6666666667%}.grid__medium-4{width:33.3333333333%}.grid__medium-push-4{position:relative;left:33.3333333333%}.grid__medium-pull-4{position:relative;left:-33.3333333333%}.grid__medium-offset-3{margin-left:25%}.grid__medium-5{width:41.6666666667%}.grid__medium-push-5{position:relative;left:41.6666666667%}.grid__medium-pull-5{position:relative;left:-41.6666666667%}.grid__medium-offset-4{margin-left:33.3333333333%}.grid__medium-6{width:50%}.grid__medium-push-6{position:relative;left:50%}.grid__medium-pull-6{position:relative;left:-50%}.grid__medium-offset-5{margin-left:41.6666666667%}.grid__medium-7{width:58.3333333333%}.grid__medium-push-7{position:relative;left:58.3333333333%}.grid__medium-pull-7{position:relative;left:-58.3333333333%}.grid__medium-offset-6{margin-left:50%}.grid__medium-8{width:66.6666666667%}.grid__medium-push-8{position:relative;left:66.6666666667%}.grid__medium-pull-8{position:relative;left:-66.6666666667%}.grid__medium-offset-7{margin-left:58.3333333333%}.grid__medium-9{width:75%}.grid__medium-push-9{position:relative;left:75%}.grid__medium-pull-9{position:relative;left:-75%}.grid__medium-offset-8{margin-left:66.6666666667%}.grid__medium-10{width:83.3333333333%}.grid__medium-push-10{position:relative;left:83.3333333333%}.grid__medium-pull-10{position:relative;left:-83.3333333333%}.grid__medium-offset-9{margin-left:75%}.grid__medium-11{width:91.6666666667%}.grid__medium-push-11{position:relative;left:91.6666666667%}.grid__medium-pull-11{position:relative;left:-91.6666666667%}.grid__medium-offset-10{margin-left:83.3333333333%}.grid__medium-12{width:100%}.grid__medium-offset-11{margin-left:91.6666666667%}.grid__medium-up-1>.grid__columns{width:100%;float:left}.grid__medium-up-1>.grid__columns:nth-of-type(1n){clear:none}.grid__medium-up-1>.grid__columns:nth-of-type(1n+1){clear:both}.grid__medium-up-1>.grid__columns:last-child{float:left}.grid__medium-up-2>.grid__columns{width:50%;float:left}.grid__medium-up-2>.grid__columns:nth-of-type(1n){clear:none}.grid__medium-up-2>.grid__columns:nth-of-type(2n+1){clear:both}.grid__medium-up-2>.grid__columns:last-child{float:left}.grid__medium-up-3>.grid__columns{width:33.3333333333%;float:left}.grid__medium-up-3>.grid__columns:nth-of-type(1n){clear:none}.grid__medium-up-3>.grid__columns:nth-of-type(3n+1){clear:both}.grid__medium-up-3>.grid__columns:last-child{float:left}.grid__medium-up-4>.grid__columns{width:25%;float:left}.grid__medium-up-4>.grid__columns:nth-of-type(1n){clear:none}.grid__medium-up-4>.grid__columns:nth-of-type(4n+1){clear:both}.grid__medium-up-4>.grid__columns:last-child{float:left}.grid__medium-up-5>.grid__columns{width:20%;float:left}.grid__medium-up-5>.grid__columns:nth-of-type(1n){clear:none}.grid__medium-up-5>.grid__columns:nth-of-type(5n+1){clear:both}.grid__medium-up-5>.grid__columns:last-child{float:left}.grid__medium-up-6>.grid__columns{width:16.6666666667%;float:left}.grid__medium-up-6>.grid__columns:nth-of-type(1n){clear:none}.grid__medium-up-6>.grid__columns:nth-of-type(6n+1){clear:both}.grid__medium-up-6>.grid__columns:last-child{float:left}.grid__medium-up-7>.grid__columns{width:14.2857142857%;float:left}.grid__medium-up-7>.grid__columns:nth-of-type(1n){clear:none}.grid__medium-up-7>.grid__columns:nth-of-type(7n+1){clear:both}.grid__medium-up-7>.grid__columns:last-child{float:left}.grid__medium-up-8>.grid__columns{width:12.5%;float:left}.grid__medium-up-8>.grid__columns:nth-of-type(1n){clear:none}.grid__medium-up-8>.grid__columns:nth-of-type(8n+1){clear:both}.grid__medium-up-8>.grid__columns:last-child{float:left}.grid__medium-collapse>.grid__columns{padding-left:0;padding-right:0}.grid__medium-collapse .row{margin-left:0;margin-right:0}.grid__medium-uncollapse>.grid__columns{padding-left:.9375rem;padding-right:.9375rem}.grid__medium-centered{float:none;margin-left:auto;margin-right:auto}.grid__medium-uncentered,.grid__medium-push-0,.grid__medium-pull-0{position:static;margin-left:0;margin-right:0;float:left}}@media screen and (min-width: 66.5625em){.grid__large-1{width:8.3333333333%}.grid__large-push-1{position:relative;left:8.3333333333%}.grid__large-pull-1{position:relative;left:-8.3333333333%}.grid__large-offset-0{margin-left:0%}.grid__large-2{width:16.6666666667%}.grid__large-push-2{position:relative;left:16.6666666667%}.grid__large-pull-2{position:relative;left:-16.6666666667%}.grid__large-offset-1{margin-left:8.3333333333%}.grid__large-3{width:25%}.grid__large-push-3{position:relative;left:25%}.grid__large-pull-3{position:relative;left:-25%}.grid__large-offset-2{margin-left:16.6666666667%}.grid__large-4{width:33.3333333333%}.grid__large-push-4{position:relative;left:33.3333333333%}.grid__large-pull-4{position:relative;left:-33.3333333333%}.grid__large-offset-3{margin-left:25%}.grid__large-5{width:41.6666666667%}.grid__large-push-5{position:relative;left:41.6666666667%}.grid__large-pull-5{position:relative;left:-41.6666666667%}.grid__large-offset-4{margin-left:33.3333333333%}.grid__large-6{width:50%}.grid__large-push-6{position:relative;left:50%}.grid__large-pull-6{position:relative;left:-50%}.grid__large-offset-5{margin-left:41.6666666667%}.grid__large-7{width:58.3333333333%}.grid__large-push-7{position:relative;left:58.3333333333%}.grid__large-pull-7{position:relative;left:-58.3333333333%}.grid__large-offset-6{margin-left:50%}.grid__large-8{width:66.6666666667%}.grid__large-push-8{position:relative;left:66.6666666667%}.grid__large-pull-8{position:relative;left:-66.6666666667%}.grid__large-offset-7{margin-left:58.3333333333%}.grid__large-9{width:75%}.grid__large-push-9{position:relative;left:75%}.grid__large-pull-9{position:relative;left:-75%}.grid__large-offset-8{margin-left:66.6666666667%}.grid__large-10{width:83.3333333333%}.grid__large-push-10{position:relative;left:83.3333333333%}.grid__large-pull-10{position:relative;left:-83.3333333333%}.grid__large-offset-9{margin-left:75%}.grid__large-11{width:91.6666666667%}.grid__large-push-11{position:relative;left:91.6666666667%}.grid__large-pull-11{position:relative;left:-91.6666666667%}.grid__large-offset-10{margin-left:83.3333333333%}.grid__large-12{width:100%}.grid__large-offset-11{margin-left:91.6666666667%}.grid__large-up-1>.grid__columns{width:100%;float:left}.grid__large-up-1>.grid__columns:nth-of-type(1n){clear:none}.grid__large-up-1>.grid__columns:nth-of-type(1n+1){clear:both}.grid__large-up-1>.grid__columns:last-child{float:left}.grid__large-up-2>.grid__columns{width:50%;float:left}.grid__large-up-2>.grid__columns:nth-of-type(1n){clear:none}.grid__large-up-2>.grid__columns:nth-of-type(2n+1){clear:both}.grid__large-up-2>.grid__columns:last-child{float:left}.grid__large-up-3>.grid__columns{width:33.3333333333%;float:left}.grid__large-up-3>.grid__columns:nth-of-type(1n){clear:none}.grid__large-up-3>.grid__columns:nth-of-type(3n+1){clear:both}.grid__large-up-3>.grid__columns:last-child{float:left}.grid__large-up-4>.grid__columns{width:25%;float:left}.grid__large-up-4>.grid__columns:nth-of-type(1n){clear:none}.grid__large-up-4>.grid__columns:nth-of-type(4n+1){clear:both}.grid__large-up-4>.grid__columns:last-child{float:left}.grid__large-up-5>.grid__columns{width:20%;float:left}.grid__large-up-5>.grid__columns:nth-of-type(1n){clear:none}.grid__large-up-5>.grid__columns:nth-of-type(5n+1){clear:both}.grid__large-up-5>.grid__columns:last-child{float:left}.grid__large-up-6>.grid__columns{width:16.6666666667%;float:left}.grid__large-up-6>.grid__columns:nth-of-type(1n){clear:none}.grid__large-up-6>.grid__columns:nth-of-type(6n+1){clear:both}.grid__large-up-6>.grid__columns:last-child{float:left}.grid__large-up-7>.grid__columns{width:14.2857142857%;float:left}.grid__large-up-7>.grid__columns:nth-of-type(1n){clear:none}.grid__large-up-7>.grid__columns:nth-of-type(7n+1){clear:both}.grid__large-up-7>.grid__columns:last-child{float:left}.grid__large-up-8>.grid__columns{width:12.5%;float:left}.grid__large-up-8>.grid__columns:nth-of-type(1n){clear:none}.grid__large-up-8>.grid__columns:nth-of-type(8n+1){clear:both}.grid__large-up-8>.grid__columns:last-child{float:left}.grid__large-collapse>.grid__columns{padding-left:0;padding-right:0}.grid__large-collapse .row{margin-left:0;margin-right:0}.grid__large-uncollapse>.grid__columns{padding-left:.9375rem;padding-right:.9375rem}.grid__large-centered{float:none;margin-left:auto;margin-right:auto}.grid__large-uncentered,.grid__large-push-0,.grid__large-pull-0{position:static;margin-left:0;margin-right:0;float:left}}/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:0.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace, monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}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}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;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-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html,body{height:100%;overflow:auto}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;line-height:2;-webkit-tap-highlight-color:transparent}.site-content{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}img{max-width:100%;height:auto}ul{margin:0}@media screen and (max-width: 39.9375em){iframe{width:100%}}h1,h2,h3,h4,h5,h6{margin:0;font-weight:normal}a,input[type="submit"],input[type="button"],button{cursor:pointer}.btn{margin:0;border:0;display:inline-block;padding:.5rem 1.5rem;text-decoration:none;background-color:transparent;text-transform:uppercase;font-size:.875rem;letter-spacing:1px} /*# sourceMappingURL=style.css.map */ \ No newline at end of file diff --git a/assets/scss/base/_base.scss b/assets/scss/base/_base.scss index c6141f8..c78249f 100755 --- a/assets/scss/base/_base.scss +++ b/assets/scss/base/_base.scss @@ -8,8 +8,9 @@ box-sizing: border-box; } -html { - height: auto; +html, +body { + height: 100%; overflow: auto; } @@ -18,9 +19,13 @@ body { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; display: flex; - min-height: 100vh; flex-direction: column; - line-height: rem-calc(25); + line-height: 2; + -webkit-tap-highlight-color: transparent; +} + +.site-content { + flex: 1; } img { diff --git a/package.json b/package.json index ebe3000..bcd6b00 100644 --- a/package.json +++ b/package.json @@ -26,6 +26,7 @@ "devDependencies": { "autoprefixer": "^6.5.3", "grunt": "^1.0.1", + "grunt-browser-sync": "^2.2.0", "grunt-contrib-concat": "^1.0.1", "grunt-contrib-imagemin": "^1.0.1", "grunt-contrib-uglify": "^2.0.0",