Sass/Scss Map

Dec 1, 2019
$spacer: 1rem !default;$spacers: () !default;$spacers: map-merge(  (    0: 0,    1: $spacer * .25,    2: $spacer * .5,    3: $spacer,    4: $spacer * 1.5,    5: $spacer * 3,  ),  $spacers);
.test-mt-5 {  margin-top: map-get($spacers, 5);}
@each $key, $value in $spacers {  .test-mt-#{$key} {    margin-top: $value;  }}

References:

❤️ Is this article helpful?

Buy me a coffee ☕ or support my work via PayPal to keep this space 🖖 and ad-free.

Do send some 💖 to @d_luaz or share this article.

✨ By Desmond Lua

A dream boy who enjoys making apps, travelling and making youtube videos. Follow me on @d_luaz

👶 Apps I built

Travelopy - discover travel places in Malaysia, Singapore, Taiwan, Japan.