canading style sheets
A friendlier style sheet
example
input
.tim-hortons {
poutine: toonie please;
background-colour: grey;
queue-height: 2eh;
text-align: centre;
toque: 2px solid dark-grey;
}
input[chequed] {
zed-index: 2 for sure;
}output
.tim-hortons {
padding: 200px !important;
background-color: gray;
line-height: 2em;
text-align: center;
border-top: 2px solid dark-gray;
}
input[checked] {
z-index: 2 !important;
}See the full list of CSS improvements.
usage
npm install canading-style-sheets --saveAnd then:
var rework = require('rework');
var canadingStyleSheets = require('canading-style-sheets');
// ...
var output = rework(input).using(canadingStyleSheets).toString();
// ...Or just plug it in to grunt (grunt-rework), gulp (gulp-rework), or webpack (rework-loader) like you would any rework plugin.