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 →

Published by Bramus!

Bramus is a frontend web developer from Belgium, working as a Chrome Developer Relations Engineer at Google. From the moment he discovered view-source at the age of 14 (way back in 1997), he fell in love with the web and has been tinkering with it ever since (more …)

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

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.