Team Storybook is a way to host Storybooks in Azure and securely share them with your team and stakeholders using Microsoft Single Sign-On (SSO). If that sounds useful, you can sign up here.
I'm not sure many people think about how their websites look when printed. It's worth doing, not just for the print side of things but also PDF generation [and others?]
A monolithic style sheet is difficult to reason about, which is challenging as CSS files tend to attract bloat. Removing unused styles can help make the situation more manageable.
Until recently I didn’t know about the lighten()
and darken()
functions in SASS. I’ve since found them to be increasingly useful in my component building workflow. As the names suggest, given a colour and percentage, these functions will return a colour lighter or darker respectively.
CSS offers various units for sizing elements. The popular choices are px
, %
, pt
, em
and more recently rem
. There are two other units that have quickly become favourites of mine, vw
and vh
. These are relative units, but unlike say em
and rem
which are relative to the font size of the current and root element respectively, vw
and vh
are relative to the viewport. A single viewport unit is equivalent to 1% of the viewport width (vw
) or height (vh
).