我一直无法找到这个问题的答案,但也许有人可以指出我正确的方向。
我正在尝试创建一个带有薄(1px)圆形线的堆叠图标,并在“fa-users”图标周围填充透明填充。
我的代码是:
.HTML
<span class="fa-stack fa-4x">
<i class="fa fa-circle-o fa-stack-2x fa-inverse"></i>
<i class="fa fa-users fa-stack-1x fa-inverse"></i>
</span>
variables.less
@fa-border-color: #8CC63E;
@fa-inverse: #8CC63E;
@fa-li-width: 1px;
这大部分都有效,除了我找不到在哪里调整轮廓的线条粗细。 (“@ fa-li-width:”似乎与轮廓厚度没有任何关系。)我无法找到变量中的调整。无,无堆叠,也没有看到任何其他任何东西看起来很有希望.less文件。有什么建议吗?
当然,最简单的解决方案是从Sketch创建一个.svg,但我更愿意尽可能使用基于代码的设计。
(我有一些可爱的屏幕抓取来说明我的情况,但没有足够的声誉。希望我的文字中已经足够清楚了。)