sass-site/source/_includes/code_snippets/example-each-map.liquid

20 lines
478 B
Plaintext
Raw Normal View History

{% codeExample 'each-map' %}
2023-05-30 23:23:34 +02:00
$icons: ("eye": "\f112", "start": "\f12e", "stop": "\f12f");
2023-05-30 23:23:34 +02:00
@each $name, $glyph in $icons {
.icon-#{$name}:before {
display: inline-block;
font-family: "Icon Font";
content: $glyph;
}
}
2023-05-30 23:23:34 +02:00
===
$icons: ("eye": "\f112", "start": "\f12e", "stop": "\f12f")
2023-05-30 23:23:34 +02:00
@each $name, $glyph in $icons
.icon-#{$name}:before
display: inline-block
font-family: "Icon Font"
content: $glyph
{% endcodeExample %}