[map headings in scss] #scss #map #css

map headings in .scss

// map headings - h1/.h1 etc...
@each $heading,
$size in $mapHeadings {

  #{$heading},
  .#{$heading} {
    font-size: rem-calc($size);
    margin-top: 0;
    margin-bottom: calc(var(--common-size)/3);
  }
}

// The Map:
$mapHeadings: (
	h1: 28,
	h2: 21,
	h3: 20,
	h4: 18,
	h5: 16,
	h6: 14
);