如何更改VMware Clarity Design System品牌图标大小

2 回答

• 2

  当你想用css设置大小时，你的答案是正确的（我向你投票反映了这一点） . 您还可以使用 clr-icon 元素上的 size 属性设置图标大小：

  <clr-icon shape="info" size="48"></clr-icon>

  我们这里有一个使用size属性的例子，Clarity Icons Documentation

  它大约是页面的1/2，或者搜索 Setting the icon size . 仅供参考 - 我们正在更新Clarity Icons的文档 .

  回复于 2024-04-27T11:53:56+08:00
• 5

  就是这样 . 我以为我需要为图像添加大小，而不是.clr-icon类 . 这有效：

  .header .branding .clr-icon {
      height: 13px;
      width: 73.9px;
      &.clr-dell-logo {
          background-image: url(../images/DellLogoWht.png);
      }
  }
  

  回复于 2024-04-27T11:53:56+08:00