我刚刚通过 Bower 安装了 Foundation Icon Fonts,我想知道如何最好地将它们包含在我的 app.scss 文件中,同时保留 Bower 文件夹不变。以下是我尝试的设置和收到的错误。我知道我可以将文件放在我的网站的 scss 文件夹中或基础文件夹中,但那样就没有理由使用 Bower。
我得到的错误是:
error scss/app.scss (Line 13: File to import not found or unreadable: foundation-icon-fonts/_foundation-icons.scss.
bower_components 文件夹:
> bower_components
>> fastclick
>> foundation
>> foundation-icon-fonts
>> ...other components
bower.json:
{
"name": "foundation-compass-app",
"version": "0.0.1",
"private": "true",
"dependencies": {
"foundation": "~5.2.2",
"foundation-icon-fonts": "*"
}
}
配置.rb:
# Require any additional compass plugins here.
add_import_path "bower_components/foundation/scss"
add_import_path "bower_components/foundation-icon-fonts"
http_path = "/"
css_dir = "stylesheets"
sass_dir = "scss"
images_dir = "images"
javascripts_dir = "js"
output_style = :compressed
最佳答案
在config.rb
中:
add_import_path "bower_components/foundation-icon-fonts"
在app.scss
中:
$fi-path: "/bower_components/foundation-icon-fonts";
@import "foundation-icons";
关于sass - 来自 Bower 的 Foundation 图标字体,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23586568/