From 2b900b7e66ce64925571fbf4d465eeb231aab89f Mon Sep 17 00:00:00 2001 From: Kognise Date: Sat, 6 Apr 2019 16:43:52 -0400 Subject: [PATCH] COmpress output --- dev.js | 2 +- dist/dark.css | 98 +------------------------------------------------- dist/light.css | 98 +------------------------------------------------- package.json | 2 +- 4 files changed, 4 insertions(+), 196 deletions(-) diff --git a/dev.js b/dev.js index e6838f7..9f65da5 100644 --- a/dev.js +++ b/dev.js @@ -35,7 +35,7 @@ chokidar.watch('index.html', { ignoreInitial: true }).on('all', () => { chokidar.watch('src/*.scss', { ignoreInitial: true }).on('all', async (event, file) => { console.log('> Stylesheet changed') - sass.render({ file }, async (errors, { css }) => { + sass.render({ file, outputStyle: 'compressed' }, async (errors, { css }) => { if (errors) { console.log('> Sass errors!') console.log(errors) diff --git a/dist/dark.css b/dist/dark.css index ebaf07e..bb2eec7 100644 --- a/dist/dark.css +++ b/dist/dark.css @@ -1,97 +1 @@ -body { - font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif; - line-height: 1.4; - max-width: 800px; - margin: 20px auto; - padding: 0 10px; - color: #dbdbdb; - background: #202b38; - text-rendering: optimizeLegibility; } - -button, input, textarea { - transition: background-color .1s linear, border-color .1s linear, color .1s linear, box-shadow .1s linear, transform .1s linear; } - -h1 { - font-size: 2.2em; - margin-top: 0; } - -h1, h2, h3, h4, h5, h6 { - margin-bottom: 12px; } - -h1, h2, h3, h4, h5, h6, strong { - color: #ffffff; } - -h1, h2, h3, h4, h5, h6, b, strong, th { - font-weight: 600; } - -button, -input[type='submit'], -input[type='button'], -input[type='checkbox'] { - cursor: pointer; } - -input:not([type='checkbox']), select { - display: block; } - -input, select, button, textarea { - color: #ffffff; - background-color: #161f27; - font-family: inherit; - font-size: inherit; - margin-right: 6px; - margin-bottom: 6px; - padding: 10px; - border: none; - border-radius: 6px; - outline: none; } - -input:not([type='checkbox']), select, button, textarea { - -webkit-appearance: none; } - -textarea { - margin-right: 0; - width: 100%; - box-sizing: border-box; - resize: vertical; } - -button, input[type='submit'], input[type='button'] { - padding-right: 30px; - padding-left: 30px; } - -button:hover, -input[type='submit']:hover, -input[type='button']:hover { - background: #324759; } - -input:focus, -select:focus, -button:focus, -textarea:focus { - box-shadow: 0 0 0 2px #0096bfab; } - -input[type='checkbox']:active, -input[type='submit']:active, -input[type='button']:active, -button:active { - transform: translateY(2px); } - -input:disabled { - cursor: not-allowed; - opacity: .5; } - -::placeholder { - color: #a9a9a9; } - -a { - text-decoration: none; - color: #41adff; } - -a:hover { - text-decoration: underline; } - -img { - max-width: 100%; } - -hr { - border: none; - border-top: 1px solid #dbdbdb; } +body{font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;line-height:1.4;max-width:800px;margin:20px auto;padding:0 10px;color:#dbdbdb;background:#202b38;text-rendering:optimizeLegibility}button,input,textarea{transition:background-color .1s linear, border-color .1s linear, color .1s linear, box-shadow .1s linear, transform .1s linear}h1{font-size:2.2em;margin-top:0}h1,h2,h3,h4,h5,h6{margin-bottom:12px}h1,h2,h3,h4,h5,h6,strong{color:#fff}h1,h2,h3,h4,h5,h6,b,strong,th{font-weight:600}button,input[type='submit'],input[type='button'],input[type='checkbox']{cursor:pointer}input:not([type='checkbox']),select{display:block}input,select,button,textarea{color:#fff;background-color:#161f27;font-family:inherit;font-size:inherit;margin-right:6px;margin-bottom:6px;padding:10px;border:none;border-radius:6px;outline:none}input:not([type='checkbox']),select,button,textarea{-webkit-appearance:none}textarea{margin-right:0;width:100%;box-sizing:border-box;resize:vertical}button,input[type='submit'],input[type='button']{padding-right:30px;padding-left:30px}button:hover,input[type='submit']:hover,input[type='button']:hover{background:#324759}input:focus,select:focus,button:focus,textarea:focus{box-shadow:0 0 0 2px rgba(0,150,191,0.670588)}input[type='checkbox']:active,input[type='submit']:active,input[type='button']:active,button:active{transform:translateY(2px)}input:disabled{cursor:not-allowed;opacity:.5}::placeholder{color:#a9a9a9}a{text-decoration:none;color:#41adff}a:hover{text-decoration:underline}img{max-width:100%}hr{border:none;border-top:1px solid #dbdbdb} diff --git a/dist/light.css b/dist/light.css index 7c8c710..bf59b72 100644 --- a/dist/light.css +++ b/dist/light.css @@ -1,97 +1 @@ -body { - font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif; - line-height: 1.4; - max-width: 800px; - margin: 20px auto; - padding: 0 10px; - color: #363636; - background: #ffffff; - text-rendering: optimizeLegibility; } - -button, input, textarea { - transition: background-color .1s linear, border-color .1s linear, color .1s linear, box-shadow .1s linear, transform .1s linear; } - -h1 { - font-size: 2.2em; - margin-top: 0; } - -h1, h2, h3, h4, h5, h6 { - margin-bottom: 12px; } - -h1, h2, h3, h4, h5, h6, strong { - color: #000000; } - -h1, h2, h3, h4, h5, h6, b, strong, th { - font-weight: 600; } - -button, -input[type='submit'], -input[type='button'], -input[type='checkbox'] { - cursor: pointer; } - -input:not([type='checkbox']), select { - display: block; } - -input, select, button, textarea { - color: #000000; - background-color: #efefef; - font-family: inherit; - font-size: inherit; - margin-right: 6px; - margin-bottom: 6px; - padding: 10px; - border: none; - border-radius: 6px; - outline: none; } - -input:not([type='checkbox']), select, button, textarea { - -webkit-appearance: none; } - -textarea { - margin-right: 0; - width: 100%; - box-sizing: border-box; - resize: vertical; } - -button, input[type='submit'], input[type='button'] { - padding-right: 30px; - padding-left: 30px; } - -button:hover, -input[type='submit']:hover, -input[type='button']:hover { - background: #dddddd; } - -input:focus, -select:focus, -button:focus, -textarea:focus { - box-shadow: 0 0 0 2px #0096bfab; } - -input[type='checkbox']:active, -input[type='submit']:active, -input[type='button']:active, -button:active { - transform: translateY(2px); } - -input:disabled { - cursor: not-allowed; - opacity: .5; } - -::placeholder { - color: #949494; } - -a { - text-decoration: none; - color: #0076d1; } - -a:hover { - text-decoration: underline; } - -img { - max-width: 100%; } - -hr { - border: none; - border-top: 1px solid #dbdbdb; } +body{font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;line-height:1.4;max-width:800px;margin:20px auto;padding:0 10px;color:#363636;background:#fff;text-rendering:optimizeLegibility}button,input,textarea{transition:background-color .1s linear, border-color .1s linear, color .1s linear, box-shadow .1s linear, transform .1s linear}h1{font-size:2.2em;margin-top:0}h1,h2,h3,h4,h5,h6{margin-bottom:12px}h1,h2,h3,h4,h5,h6,strong{color:#000}h1,h2,h3,h4,h5,h6,b,strong,th{font-weight:600}button,input[type='submit'],input[type='button'],input[type='checkbox']{cursor:pointer}input:not([type='checkbox']),select{display:block}input,select,button,textarea{color:#000;background-color:#efefef;font-family:inherit;font-size:inherit;margin-right:6px;margin-bottom:6px;padding:10px;border:none;border-radius:6px;outline:none}input:not([type='checkbox']),select,button,textarea{-webkit-appearance:none}textarea{margin-right:0;width:100%;box-sizing:border-box;resize:vertical}button,input[type='submit'],input[type='button']{padding-right:30px;padding-left:30px}button:hover,input[type='submit']:hover,input[type='button']:hover{background:#ddd}input:focus,select:focus,button:focus,textarea:focus{box-shadow:0 0 0 2px rgba(0,150,191,0.670588)}input[type='checkbox']:active,input[type='submit']:active,input[type='button']:active,button:active{transform:translateY(2px)}input:disabled{cursor:not-allowed;opacity:.5}::placeholder{color:#949494}a{text-decoration:none;color:#0076d1}a:hover{text-decoration:underline}img{max-width:100%}hr{border:none;border-top:1px solid #dbdbdb} diff --git a/package.json b/package.json index 491e603..ffdfff7 100644 --- a/package.json +++ b/package.json @@ -4,7 +4,7 @@ "description": "A just-add-css collection of styles to make simple websites just a little nicer.", "main": "index.js", "scripts": { - "build": "node-sass src/ --output dist/", + "build": "node-sass src/ --output dist/ --output-style compressed", "dev": "node dev.js" }, "repository": {