Windy CSS styleguide

6.3 #icons.03 [data-icon-after]

Toggle example guides Toggle HTML markup

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

    <!-- In production use "...@echo icon-glyphId..." to define glyph -->
    <div data-icon-after="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-after="k" class="[modifier class] size-xxl">Hello world</div>
Source: src/css/fonts/icons.less, line 91