// Type .note { padding: $note-padding; border-left: $note-border-width solid; border-radius: $note-border-radius; strong { font-weight: $note-strong-font-weight; } p { font-weight: $note-paragraph-font-weight; } } @each $name, $color in $note { .note-#{$name} { background-color: map-get($color, bgc); border-color: map-get($color, border-color); } } .w-responsive { @media (min-width: 1199px) { width: 75%; } }