时间:2021-07-01 10:21:17 帮助过:32人阅读
line_comments = false;
查看编译环境: @debug compass-env();
在命令行中强制使用production环境:
compass compile -e production --force
-e:用来指定我们的编译环境。
--force:让compass覆盖重写已有文件
可以再config.rb里指定编译环境:
environment = :production或者:development
Font Files:针对字体文件config.rb配置font路径:fonts_dir="fonts";
Image Dimensions:包含两个helpers,用来计算图片的宽和高
Inline Data:将文件转化成base64编码的格式内嵌在我们的CSS文件里
Math:一些数学计算的helper
Selectors:一个是选择器嵌套组合函数,一个是选择器叠加组合函数。
例: append-selector($selector, $to-append)
一共有两个参数,作用就是将第二个参数叠加组合进第一个,用在选择器位置的。
1 #{append-selector("p, div, span", ".bar")}{2 color: #ccc;3 }
编译为CSS:
1 p.bar, div.bar, span.bar {2 color: #ccc;3 }
Sprites:合图相关的helpers
URLs: