6

我正在使用 VMware Clarity Design System UI ( https://vmware.github.io/clarity/ ) 并正在运行他们的种子应用程序。我正在尝试用我自己的品牌图标替换他们的品牌图标，但它的尺寸不同。我注意到该图标似乎被硬编码为 36px x 36px。如果我尝试在 CSS 中设置新大小，它仍然呈现为 36px x 36px。这是硬编码吗？

标志尺寸

4

2 回答 2

5

就是这样。我在想我需要将大小添加到图像，而不是 .clr-icon 类。这有效：

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

于 2017-01-23T21:16:25.843 回答
3

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

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

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

它大约在页面下方的 1/2 处或搜索设置图标大小。仅供参考 - 我们正在更新 Clarity Icons 的文档。

于 2017-08-02T14:26:14.293 回答