Ask DN: What are your little SASS/LESS time savers?
almost 7 years ago from Sumul Shah, Head of Design at Amino
Sometimes I use web fonts with more than just normal and bold weights. It can be tricky to remember all the CSS font-weight values between 100 and 900. 400 means "normal", right? (Yes.)
I find these SASS variables helpful:
$hairline-weight: 100; $thin-weight: 200; $light-weight: 300; $normal-weight: 400; $medium-weight: 500; $semibold-weight: 600; $bold-weight: 700; $xbold-weight: 800; $black-weight: 900;
Here's a Gist with some handy synonyms and a few usage examples.
This font-smoothing mixin by Maximilian Hoffmann is another good one (to be used judiciously, of course).
Got any helpful tips?
P.S. First post—hi, everyone!
Login to Comment
You'll need to log in before you can leave a comment.
LoginRegister Today
New accounts can leave comments immediately, and gain full permissions after one week.
Register now