saeedalipoor / icono

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

Icon sizes #34

Closed anaibol closed 8 years ago

anaibol commented 8 years ago

I was asking me how would I resize an icon, for an small button for example. Would that be possible with a class "small" for example or without modifying the variables? Thanks for sharing this :D

jgoodall commented 8 years ago

is there any way to adjust size using css?

jaywcjlove commented 8 years ago

@jgoodall @anaibol using transform's scale, Adjust the size you want

[class*=icono-] {
    transform: scale(0.6,0.6);
}
anaibol commented 8 years ago

Good trick!

CrokinoleMaster commented 7 years ago

What about for icons like caretUp, caretDown. This will mess up the rotation right?

vaucouleur commented 7 years ago

@huaruiwu I fixed this by applying the transform scale on a wrapper div.