Как установить пользовательские размеры для злых значков, используя CSS?

Question

Поэтому я использую Evil Icons в моей веб-разработке Front End.

Хотя они имеют заданный размер, я бы хотел использовать пользовательский.

Однако после прочтения документации сайта по стилю я все еще не понимаю, как это изменить: (

Может кто-нибудь помочь мне с этим?

Answer 1

Я наблюдал их css для m, l, s классов. и это то, что я нашел.

.icon--l {
  width: 100px;
  height: 100px;
}

Насколько я понимаю, вы можете создать свой собственный класс и применить его к значку. см. ниже код

.icon--custom-size {
  width: 200px;
  height: 200px;
 }

Просто измените ширину высоты и создайте новый пользовательский класс.

Дайте мне знать, помогло ли это вам.

Answer 2

1. Создание нестандартного размера

.icon--sm {
  width: 30px;
  height: 30px;
 }

Используйте нестандартный размер, установив свойство data size в свой нестандартный размер.

<span class='c-social-nav__icon__content' data-icon='ei-sc-github' data-size='sm'></span>