saeedalipoor / icono

One tag One icon, no font or svg, Pure CSS
http://git.io/icono
MIT License
4k stars 301 forks source link

how about add support for child ::after ::before ? #46

Closed sgf closed 6 years ago

sgf commented 6 years ago

such likes when some tags likes

<ul>
 <li>aaaa</li>
 <li>bbb</li>
 <li>cccc</li>
 <li>dddd</li>
 <li>eeeee</li>
</ul>

we hope has an easy way to add icon before every li. so if we can use them like this: icono-bars

<ul>
 <li><i class="icono-bars"></i>aaaa</li>
 <li ><i class="icono-bars"></i>bbb</li>
 <li><i class="icono-bars"></i>cccc</li>
 <li><i class="icono-bars"></i>dddd</li>
 <li><i class="icono-bars"></i>eeeee</li>
</ul>

but if there is easy like this:

/*icono-bars,icono-bars-child-after, icono-bars-child-before*/
icono-bars,icono-bars-child-after > *::after,icono-bars-child-before > *::before
{
.....incon style code
}
<ul class="icono-bars-child-before">
 <li>aaaa</li>
 <li >bbb</li>
 <li>cccc</li>
 <li>dddd</li>
 <li>eeeee</li>
</ul>
sgf commented 6 years ago

if

icono-bars-child-after,icono-bars-child-before

can be shortly like

icono-bars-ca,icono-bars-cb

thats will much the better

saeedalipoor commented 6 years ago

Eash icon needs a tag and its pseudo elements, so this feature can't be added.