Kouto Swiss

Stylus is great, but… where’s my Compass/Bourbon?

Kouto Swiss offers an answer to that as it’ll make lots of handy functions and mixins available to you. Take this Kouto Swiss provided font-face function for example:

font-face( "Roboto", "./fonts/Roboto-Regular-webfont", normal )

Which will render into this:

@font-face {
  font-family: "Roboto";
  font-weight: normal;
  src: url("./fonts/Roboto-Regular-webfont.eot");
  src: url("./fonts/Roboto-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("./fonts/Roboto-Regular-webfont.woff") format("woff"), url("./fonts/Roboto-Regular-webfont.ttf") format("truetype"), url("./fonts/Roboto-Regular-webfont.svg#Roboto") format("svg");
}

Looking back at my own code I wonder why I haven’t bundled my often used Stylus functions and mixins into one bundle before.

Kouto Swiss — A complete CSS framework for Stylus →