Cweili / svelte-fa

Tiny FontAwesome component for Svelte

Home Page:https://cweili.github.io/svelte-fa/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Sizing with css

boomfly opened this issue · comments

Is there way to change to change size with css?

Not working example, extending size of svg tag, but not icon itself:

<div class='group'>
  <Fa icon={faArrowRight} class='group-hover:w-10 group-hover:h-10' />
</div>

Found solution: 'important' flag required, !w-10 !h-10:

Working example:

<div class='group'>
  <Fa icon={faArrowRight} class='group-hover:!w-10 group-hover:!h-10' />
</div>