Semantic-Org/Semantic-UI-LESS

Icon with size `medium` overrides other icon that is specified.

marudhupandiyang opened this issue · 1 comments

The below code

<Icon name="gift" size="medium" /> {item.text} </Icon>

renders the below html

<i aria-hidden="true" class="gift medium icon"></i>

Here, the gift icon is overridden by medium icon.

screen shot 2018-03-15 at 12 00 53

Currently as a workaround, i have moved medium icon styles to top of the file in my project.
https://github.com/Semantic-Org/Semantic-UI-LESS/blob/master/themes/default/elements/icon.overrides#L889