Question

这可能是一个菜鸟问题，希望可以轻松回答。在html5up.net上，您可以下载包含未处理的sass源文件的css模板。我尝试使用

构建Twenty模板

sass sass/main.scss

我收到了错误

Syntax error: Invalid CSS after "     wide": expected ")", 
  was ": '(max-width: ..." on line 16 of sass/main.scss

我在Ubuntu 14.04上使用Sass 3.2.12 (Media Mark)。不幸的是，html5up页面上没有构建指令，我想其他人如何预处理*.scss文件是显而易见的。

有人可以告诉我我做错了什么以及如何从scss文件创建css输出？

修改

这是直到第22行的main.scss：

@import 'libs/vars';
@import 'libs/functions';
@import 'libs/mixins';
@import url("font-awesome.min.css");
@import url("http://fonts.googleapis.com/css?family=Lato:300,400,900");
/*
    Twenty by HTML5 UP
    html5up.net | @ajlkn
    Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/

@import "libs/skel";

@include skel-breakpoints((
    wide: '(max-width: 1680px)',
    normal: '(max-width: 1280px)',
    narrow: '(max-width: 980px)',
    narrower: '(max-width: 840px)',
    mobile: '(max-width: 736px)'
));

Answer 1

似乎升级到较新的sass确实有助于@ceejayoz的建议。因此，在Ubuntu 14.04上只需删除ruby-sass包，如果已安装它

sudo apt-get remove ruby-sass

然后按照official sass-lang page

中的说明使用gem进行安装

sudo su -c "gem install sass"

之后，sass的版本应为＆gt; 3.2

user@machine$ sass --version
Sass 3.4.22 (Selective Steve)

sass：构建html5up.net模板失败

修改

1 个答案: