Reduce more HTML elements thanks to data-icon="" attribute

This commit is contained in:
the-djmaze 2022-01-28 12:23:05 +01:00
parent 997f0da59f
commit bf19f72a6b
25 changed files with 42 additions and 149 deletions

Binary file not shown.

Binary file not shown.

View file

@ -172,10 +172,6 @@
<div class="icon icon-at"></div>
<input type="text" readonly="readonly" value="at">
</li>
<li>
<div class="icon icon-list-add"></div>
<input type="text" readonly="readonly" value="list-add">
</li>
<li>
<div class="icon icon-google"></div>
<input type="text" readonly="readonly" value="google">

View file

@ -26,8 +26,9 @@
[data-icon]::before {
content: attr(data-icon);
display: inline-block;
width: 1.5em;
height: 1em;
margin-right: 0.5em;
min-width: 1em;
}
.icon-arrows-in::before {
@ -48,9 +49,6 @@
.icon-down-mini::before {
content: "\e01f"; /* rotate 90 */
}
.icon-list-add::before {
content: "\e024";
}
.icon-warning-alt::before {
content: "\e02a";
}