我目前是 scss 和指南针的新手。我最近听说了它并尝试学习和处理我的项目。但是我正在使用命令行来编译 scss 文件。我从以下位置下载了指南针源文件:
https://github.com/chriseppstein/compass/tree/stable/frameworks/compass
我正在尝试通过指南针使用渐变。我将 _images 文件从 compass 文件夹导入并开始使用渐变。它给出了一个输出,但梯度不起作用。这是我的scss代码:
@import "compass/css3/images";
.testgradient { 宽度:300px; 高度:300px;向左飘浮;
@包括背景(
linear-gradient(top left, #333, #0c0)
); }
css输出:
.testgradient {
width: 300px; height: 300px; float: left;
background: -owg(compact(linear-gradient(top left, #333333, #00cc00), false, false, false, false, false, false, false, false, false));
background: -webkit(compact(linear-gradient(top left, #333333, #00cc00), false, false, false, false, false, false, false, false, false));
background: -moz(compact(linear-gradient(top left, #333333, #00cc00), false, false, false, false, false, false, false, false, false));
background: -o(compact(linear-gradient(top left, #333333, #00cc00), false, false, false, false, false, false, false, false, false));
background: compact(linear-gradient(top left, #333333, #00cc00), false, false, false, false, false, false, false, false, false); }
正如您在输出中看到的,前缀没有很好地定义。我厌倦了在谷歌上搜索,如果我做错了,请告诉我。
任何帮助将不胜感激。提前致谢。
编辑:我已经在我的 Windows pc 中安装了 ruby,并通过键入以下命令通过命令行安装 sass 和 compass。
gem install compass
gem install sass
我已经使用这两个命令来安装 compass 和 sass 并进行编译
sass --watch --style compressed path1:path2