Compass / SASS:扩展导入的bootstrap类

时间:2014-11-21 12:25:09

标签: css sass compass-sass

我遇到this question,我觉得这可能对我有用,但遗憾的是不适用。
我希望完成的工作基本上是将Bottstrap的.input-sm课程分配给我的网络应用程序中的所有<input/><select/>元素;但是我没有搜索整个项目并手动添加它,而是想通过css这样做,就像这样:

/*app.scss*/
@import "bootstrap.min.css";

input, select {
    @extend .input-sm;
}

指南针抱怨它无法找到.input-sm选择器;尝试上述问题中提出的建议:

/*app.scss*/
@import "bootstrap.min.css";

input, select {
    @extend %input-sm;
}

也没有让我走得很远,因为罗盘仍然抱怨它找不到%input-sm选择器,这次。 我是否注定要遍历我的所有页面并将.input-sm课程分配给我的所有控件,或者我是否有其他的监督?欢呼声。

编辑:我不认为这个问题应该像用户@cimmanon建议的那样被标记为this other quesiton的副本,因为我在导入{{1}时没有遇到任何问题我的bootstrap.min.css文件。导入工作,在编译时从导入的文件中引用类的可能性是什么。

编辑2 :好的,我意识到另一个问题,虽然我仍然确信是这个问题的副本,但提供了一些见解,如何实现我的目标:只需将bootstrap的css文件重命名为scss扩展名,即可使scss命令正常工作。

0 个答案:

没有答案