Kouto Swiss

kouto

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 →

Join the Conversation

1 Comment

  1. Hi, thanks for the article about Kouto Swiss… if you have some useful functions and mixins on your own that can be great to add to Kouto Swiss, I’ll be glad to receive a pull request on github!

    Thanks again for

Leave a comment

Leave a Reply to Leny Cancel reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.