You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Hi, I suggest changing the style templates, this will simplify the entries in the classes
in these templates: _icons.css, _icons.less, _icons.scss, _icons.styl
In the template, this entry: .icon:before {...}
it is better to write like this [class^="icon-"], [class*=" icon-"], [data-icon]:before {...} [data-icon]:before { content: attr(data-icon) !important; }
instead of such a record <i class="icon icon-name"></i> it suffices to write so <i class="icon-name"></i> and as the data attribute <i data-icon=""></i>.
The text was updated successfully, but these errors were encountered:
@AlexanderPilipenko, thanks for your input! However, this very much depends on the CSS "architecture" you are relying on. Since approaches like BEM are very widespread and would roughly correspond to what we are doing here, I think we can keep the template as it is. You can always overwrite it anyway.
Hi, I suggest changing the style templates, this will simplify the entries in the classes
in these templates:
_icons.css, _icons.less, _icons.scss, _icons.styl
In the template, this entry:
.icon:before {...}
it is better to write like this
[class^="icon-"], [class*=" icon-"], [data-icon]:before {...}
[data-icon]:before { content: attr(data-icon) !important; }
instead of such a record
<i class="icon icon-name"></i>
it suffices to write so<i class="icon-name"></i>
and as the data attribute<i data-icon=""></i>
.The text was updated successfully, but these errors were encountered: