COmpress output

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)

dist/dark.css

@@ -1,97 +1 @@
-body {
+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}
-  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; }

dist/light.css

@@ -1,97 +1 @@
-body {
+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}
-  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; }

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": {