/ sass

sass

sass 和 scss 文件的区别

  • sass 没有 { } ;
  • scss 跟 css 很类似

一般我们使用的是语法同 css 的 scss。

sass 主要特性

主要特性:

  • 嵌套
  • 变量
  • mixin,使用 $include mixin-name;

css 乱码

windows 下使用 gulp-sass 将 scss 编译成 css 文件产生乱码:

解决方法:在 vagrant ubuntu box 直接安装 sass 编译,不同系统编译出来的 css 文件应该有部分差异。

安装 sass

ruby 镜像

sudo yum install ruby-devel rubygems

# 加入 -V 显示详细日志
sudo gem update --system -V

sudo gem sources --add http://gems.ruby-china.org/ --remove https://rubygems.org/
gem sources -l
*** CURRENT SOURCES ***

https://gems.ruby-china.org
# 请确保只有 gems.ruby-china.org

# 加入 -V 显示详细日志
sudo gem install sass -V

#如果配置正确下载地址就应该是 ruby-china.org ,如果还是 api.rubygems 就说明镜像没有生效。

sass -v
Sass 3.5.1 (Bleeding Edge)