Fluid sizes

February 22, 2019

Often times when working with responsive projects, we tend to forget that typography doesn't automatically scale down on smaller screens. While there are other solutions out there; like rem to universally control this, having more flexibility can be warranted.

I came across a pretty great mixin for Sass that allowed me to attach this functionality to specific selectors:

The above snippet had me thinking about how I could apply this to any property that I wanted to have scalable values. Thus, the below was created:

This helps clean up common UI elements even further; making my source a bit cleaner as well. Huzzah!