如何使用 CSS 为邪恶图标设置自定义尺寸？

Question

所以我在前端 Web 开发中使用 Evil Icons。

虽然它们有预设尺寸，但我想使用自定义尺寸。

但是，在阅读了有关样式的 site documentation 之后，我仍然不明白如何更改它:(

有人可以帮我吗？

Answer 1

我观察了他们 css m, l, s class 的情况。这就是我发现的。

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

据我了解，您可以创建自定义 class 并将其应用于图标。看下面的代码

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

只需更改高度宽度并创建新自定义 class。

Answer 2

1. 创建自定义尺寸

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

2. 通过在自定义尺寸中设置 data size 属性 来使用自定义尺寸。

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