Rucksack makes CSS development fun again, with features the language should have come with out of the box. It's built on PostCSS, it's modular, it doesn't add any bloat, and it's lightening fast.
Made with by the folks at Simpla
.foo {
font-size: responsive;
}
/* Resize your browser! */
.foo {
position: absolute 0;
}
.bar {
position: relative 20% auto;
}
li:at-most(4) {
color: blue;
}
li:at-least(5) {
color: red;
}
@alias {
fs: font-size;
br: border-radius;
}
.foo {
fs: 16px;
}
input::placeholder {
color: black;
}
input[type="range"]::thumb {
background: blue;
}
.foo {
clear: fix;
}
@font-face {
font-family: 'My Font';
font-path: '/my/font/file';
font-weight: normal;
font-style: normal;
}
.foo {
color: rgba(#fff, 0.8);
}
.foo {
transition: ease-in-cubic;
}
.bar {
transition: ease-out-back;
}
.foo{
color: blue;
}
/* Becomes (from Material) */
.foo {
color: #2196F3;
}
.foo {
opacity: 0.8;
}
/* Becomes */
.foo {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
opacity: 0.8;
}
.foo{
transition: all;
}
/* Becomes (from CanIUse) */
.foo {
-webkit-transition: all;
transition: all;
}