sass maps Archives

Efficient Infinite Utility Helpers Using Inline CSS Custom Properties and calc()

I recently wrote a very basic Sass loop that outputs several padding and margin utility classes. Nothing fancy, really, just a Sass map with 11 spacing values, looped over to create classes for both padding and margin on each side. …

Andy Ford on Aug 6, 2021 (Updated on Aug 9, 2021)

background-image icons Sass sass maps svg icons

Creating a Maintainable Icon System with Sass

One of my favorite ways of adding icons to a site is by including them as data URL background images to pseudo-elements (e.g. ::after) in my CSS. This technique offers several advantages:

They don’t require any additional HTTP requests

…

Tracy Rotton on Aug 28, 2019 (Updated on Aug 3, 2021)

Sass sass maps selectors

Use a Sass Variable for a Selector

Say you need to use a certain selector in multiple places in your code. It’s not tremendously common, to be sure, but stuff happens. Repeated code is typically an opportunity for abstraction. Abstracting values in Sass is easy, but selectors …

Chris Coyier on Jan 2, 2017

Articles Tagged
sass maps

Efficient Infinite Utility Helpers Using Inline CSS Custom Properties and calc()

Creating a Maintainable Icon System with Sass

Use a Sass Variable for a Selector

Need front-end development training?