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!