7

我的网站使用bootstrap+font-awesome并且我正在尝试在我的site.less文件中创建一个“别名”:

.icon-domain { .icon-fire; }
.icon-group  { .icon-tags; }

我这样做的原因是因为我的网站上有一个“域”实体,将来我可能会更改图标,所以我不想直接使用 HTML 中的“火”图标。

icon-group课程适用于我的代码,但icon-domain没有。据我所知,这是因为 font-awesome 实际上icon-group在其代码中有一个类。据我了解,lesscss我可以在另一个类中包含一个类,以将它们组合成一个新类,但它在这里根本不起作用。

如果我在我的site.less

.icon-domain { &:before { content: "\f06d"; } }

但这并不理想,因为我必须自己定义内容并且使用.icon-domain { .icon-fire; &:before; }是语法错误。有没有办法使这项工作正常进行?

4

2 回答 2

1

您需要将 Font Awesome CSS 导入您的 LESS 文件并让 LESS 处理它

没有它,LESS 将无法检测到您尝试使用的类。

于 2013-10-29T17:28:59.910 回答
0

您需要包含足够的引导依赖项:

@import "bootstrap/variables.less";
@import "bootstrap/mixins.less";
@import "bootstrap/sprites.less";

.icon-domain { .icon-fire; }
.icon-group  { .icon-tags; }
于 2013-06-21T09:01:31.723 回答