2023-05-30 12:10:07 +02:00
|
|
|
{% codeExample 'each-map' %}
|
2023-05-30 23:23:34 +02:00
|
|
|
$icons: ("eye": "\f112", "start": "\f12e", "stop": "\f12f");
|
2023-05-30 12:10:07 +02:00
|
|
|
|
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 12:10:07 +02:00
|
|
|
}
|
2023-05-30 23:23:34 +02:00
|
|
|
===
|
|
|
|
$icons: ("eye": "\f112", "start": "\f12e", "stop": "\f12f")
|
2023-05-30 12:10:07 +02:00
|
|
|
|
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 12:10:07 +02:00
|
|
|
{% endcodeExample %}
|