Windy CSS styleguide

6.2 #icons.02 [data-icon]

Toggle example guides Toggle HTML markup

Handy attribute, that can be used to add icon to any element and ::before pseudo element

    <!-- In production use "...@echo icon-glyphId..." to define glyph -->
    <div data-icon="k" class="{{modifier_class}} size-xxl">Hello world</div>
Examples
Default styling
Hello world
.inlined
align icon with text
Hello world
Markup
    <!-- In production use "...@echo icon-glyphId..." to define glyph -->
    <div data-icon="k" class="[modifier class] size-xxl">Hello world</div>
Source: src/css/fonts/icons.less, line 59