Where can I see examples/methods of layout on stylus?

Question

css

Where can I see good examples or some layout techniques on stylus?
I have been using stylus for a long time, but for the most part only the most primitive features, and there are so many things in the documentation that my eyes run wide.
And in general, I’m not familiar with layout techniques on preprocessors, so scss less will also be appropriate, and all the more so everything that is implemented on them can already be implemented on stylus
PS
At the expense of frameworks for stylus, someone uses kouto-swiss.io/

Answer 1

You don't need to look at examples. You just need to write such styles so that there is no repetition (so-called DRY) and that it is easy to understand them.
Everything is as obvious as it can be! Need one color in many places? Use a variable! Need to loop through all the h1-6 headings and give them a multiplier font size? Use cycles! Is there a reset for all occasions (although it is built-in in nib)? Connect with import. Your mixins? Likewise.
The only thing you can do is just find out from the official documentation what features you have within the framework of the preprocessor data and lotions to it, and then just correctly apply these features in the right places.
I'm nibI use it for stylus - it has a huge pile of all sorts of ready-made mixins, vendor prefixes, etc. I have enough. Basically kouto-swiss seems to give the same thing.

Answer 2

https://github.com/zoxon/gulp-front