mirror of
https://github.com/kognise/water.css.git
synced 2025-08-11 15:45:15 +02:00
COmpress output
This commit is contained in:
Kognise
2
dev.js
2
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)
|
||||
|
||||
98
dist/dark.css
vendored
98
dist/dark.css
vendored
@@ -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}
|
||||
|
||||
98
dist/light.css
vendored
98
dist/light.css
vendored
@@ -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}
|
||||
|
||||
@@ -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": {
|
||||
|
||||
Reference in New Issue
Block a user