Sass 正在参加 2020 年度 OSC 中国开源项目评选,请投票支持!
Sass 在 2020 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
投票让它出道
已投票
Sass 获得 2020 年度 OSC 中国开源项目评选「最佳人气项目」 !
Sass 获得 2020 年度 OSC 中国开源项目评选「最佳人气项目」「最积极运营项目」 !
Sass 获得 2020 年度 OSC 中国开源项目评选「最积极运营项目」 !
授权协议 MIT
开发语言 HTML/CSS 查看源码 »
操作系统 跨平台
软件类型 开源软件
所属分类 Web应用开发CSS框架
开源组织
地区 不详
提 交 者 红薯
适用人群 未知
收录时间 2011-09-04

软件简介

Sass 扩展了 CSS3,增加了规则、变量、混入、选择器、继承等等特性。Sass 生成良好格式化的 CSS 代码,易于组织和维护。

展开阅读全文

代码

的 Gitee 指数为
超过 的项目

评论 (4)

加载中
@王振威 wro4j 支持将 Sass 编译成 CSS!new SassCssProcessor().process(resource, reader, writer);
2012/12/09 22:20
回复
举报
这玩意的Sass编译竟然是用JRuby运行Sass的gem来做的! wro4j
2013/05/19 10:35
回复
举报
最近要用 Sass
2014/03/03 21:49
回复
举报
SASS 很赞哇,都写出快感来了。 #Sass#
2016/04/14 16:58
回复
举报
更多评论
发表于大前端专区
2018/01/08 08:21

Sass 3.5.5 发布,CSS 框架

Sass 3.5.5 发布了。Sass 扩展了 CSS3,增加了规则、变量、混入、选择器、继承等等特性。Sass 生成良好格式化的 CSS 代码,易于组织和维护。 更新内容: Update Travis to 2.2.8, 2.3.5, 2.4.2, add ruby-head Allow for frozen string literals. Activating Open Collective Fix inconsistent evaluation of unary oper...

1
5
发表了资讯
2017/10/06 08:37

Sass 3.5.2 发布,CSS 框架

Sass 3.5.2 发布了。Sass 扩展了 CSS3,增加了规则、变量、混入、选择器、继承等等特性。Sass 生成良好格式化的 CSS 代码,易于组织和维护。 更新内容: Properly parse CSS variables that begin with interpolation (for example, --#{$foo}: ...). 下载地址: Source code (zip) Source code (tar.gz)...

10
12
发表了资讯
2017/07/16 07:28

Sass 3.5.0 和 3.5.1 发布,CSS 框架

Sass 3.5.0 和 3.5.1 已发布。Sass 扩展了 CSS3,增加了规则、变量、混入、选择器、继承等等特性。Sass 生成良好格式化的 CSS 代码,易于组织和维护。 有如下更新: 3.5.1 (13 July 2017) 使用 listen gem 包时,避免冲突 3.5.0 (12 July 2017) Default to ten digits of numeric precision. Combine ids and :root whe...

2
5
发表了资讯
2017/07/08 07:48

Sass 3.4.25 发布,CSS 框架

Sass 3.4.25 发布了。Sass 扩展了 CSS3,增加了规则、变量、混入、选择器、继承等等特性。Sass 生成良好格式化的 CSS 代码,易于组织和维护。 更新内容请关注发布主页。 下载地址: Source code (zip) Source code (tar.gz)

0
12
发表了资讯
2016/12/21 08:32

Sass 3.4.23 发布,CSS 框架

Sass 3.4.23 发布了。Sass 扩展了 CSS3,增加了规则、变量、混入、选择器、继承等等特性。Sass 生成良好格式化的 CSS 代码,易于组织和维护。 该版本暂未提供更新内容,您可查看 Changelog 以保持时刻关注。 下载地址: Source code (zip) Source code (tar.gz)...

3
12
发表了资讯
2016/03/30 00:00

Sass 3.4.22 发布,CSS 框架

Sass 3.4.22 发布。 更新: Sass now runs without warnings when running ruby with code style warnings enabled. Sass no longer watches the current working directory unless it is on the load path or the files being compiled are in the current working directory. This was causing performance issues fo...

4
17
发表了资讯
2015/12/10 00:00

Sass 3.4.20 发布,CSS 框架

Sass 3.4.20 发布,更新如下: Fix a bug with the rounding changes from 3.4.14 and 3.4.15 where some negative numbers would incorrectly be rounded up instead of down. Better compression for :nth pseudoselectors with subtraction.Issue #1650 Add support for the new supports() clause for CSS @import d...

1
9
发表了资讯
2015/10/10 00:00

Sass 3.4.19 发布,CSS 框架

Sass 3.4.19 发布,此版本更新内容如下: Sass numeric equality now better handles float-point errors. Any numbers that are within 1 / (10 ^ (precision + 1)) of each other are now considered equal. Allow importing relative paths on standard input even when --stdin isn't explicitly passed. Fix some b...

4
20
发表了资讯
2015/08/26 00:00

Sass 3.4.18 发布,CSS 框架

Sass 3.4.18 发布,此版本主要是修复了 3.4.17 版本的一个 bug: A fix in 3.4.17 to address unecessary semi-colons in compressed mode was too aggressive and removed some that were necessary. This is now fixed. 下载:https://github.com/sass/sass/archive/3.4.18.zip。 Sass 扩展了 CSS3,增加了规则、变量、...

6
20
发表了资讯
2015/08/23 00:00

Sass 3.4.17 发布,CSS 框架

Sass 3.4.17 发布,此版本更新内容如下: Allow passing calc values to rgb/hsl color constructors. The source map end character for lists now correctly uses the end of the list instead of the end of the first element in the list. Fix up some edge cases where extra semicolons could be added to unknow...

1
14
发表了资讯
2015/07/11 00:00

Sass 3.4.16 发布,CSS 框架

Sass 3.4.16 发布,此版本更新内容如下: When converting from Sass to SCSS or vice versa, double-space around nested rules the same as around top-level rules. Compatibility with listen 3. Parse a minus operator with no surrounding whitespace (e.g. 20px-10px) the same regardless of whether it's bein...

0
13
发表了资讯
2015/06/24 00:00

Sass 3.4.15 发布,CSS 框架

Sass 3.4.15 发布,该版本进一步完善了各种数值运算的四舍五入。 更多内容请查看软件主页。 该版本下载请点:Source code (zip) Sass 扩展了 CSS3,增加了规则、变量、混入、选择器、继承等等特性。Sass 生成良好格式化的 CSS 代码,易于组织和维护。

3
5
发表了资讯
2015/05/24 00:00

Sass 3.4.14 发布,CSS 框架

Sass 3.4.14 发布,该版本改进记录: Further avoid race conditions when caching. Only emit one warning for each line that uses the deprecated form of unquote(). Stop parsing and emitting invalid @supports directives. Add a deprecation warning for using != to compare a number with units to a number ...

1
12
发表了资讯
2015/02/28 00:00

Sass 3.4.13 发布,CSS 框架

Sass 3.4.13 发布,该版本改进记录: Be clearer in the reference about hyphen/underscore equivalence. @keyframes rules are now converted from CSS properly. Extending a selector that contains a non-final pseudo-class no longer crashes. When @extending, only a single :root element will be retained. S...

2
13
发表了资讯
2015/02/15 00:00

Sass 3.4.12 发布,CSS 框架

Sass 3.4.12 发布,此版本更新内容如下: Non-string interpolation within string interpolation is now parsed correctly. random() now returns the correct result if it has an integer value but a float representation. Sass 扩展了 CSS3,增加了规则、变量、混入、选择器、继承等等特性。Sass 生成良好格式化的...

3
16
发表了资讯
2015/02/01 00:00

Sass 3.4.11 发布,CSS 框架

Sass 3.4.11 发布,改进内容包括: Parent selectors used both outside and inside a pseudo selector (e.g. &:not(&--foo)) now compile correctly. Interpolation in a multiline indented-syntax selector is no longer omitted. Add a stack trace to the unquote() deprecation warning. When converting a space-...

2
27
发表了资讯
2015/01/18 00:00

Sass 3.4.10 发布,CSS 框架

Sass 3.4.10 发布了,下载地址:https://github.com/sass/sass/archive/3.4.10.zip Sass 扩展了 CSS3,增加了规则、变量、混入、选择器、继承等等特性。Sass 生成良好格式化的 CSS 代码,易于组织和维护。 该版本改进记录: inspect() no longer adds extra parentheses to nested maps. Update the documentation of t...

2
25
发表了资讯
2014/11/15 00:00

Sass 3.4.8 发布,CSS 框架

Sass 3.4.8 发布了,Sass 扩展了 CSS3,增加了规则、变量、混入、选择器、继承等等特性。Sass 生成良好格式化的 CSS 代码,易于组织和维护。 该版本包含两项改动: When @extending selectors inside :not(), don't add a complex selector where none existed before to avoid breaking selectors on browsers that don...

5
28
发表了资讯
2014/10/18 00:00

Sass 3.4.6 发布,CSS 框架

Sass 3.4.6 发布了,改进记录包括: Parent selectors now work in selector pseudoclasses (for example, :not(&)). @for loops no longer crash when one bound is an integer-like float. Fix exception on Sass::Importers::Filesystem#eql?. Sass 扩展了 CSS3,增加了规则、变量、混入、选择器、继承等等特性。Sas...

1
27
发表了资讯
2014/09/21 00:00

Sass 3.4.5 发布,CSS 框架

Sass 3.4.5 发布了,主要是 bug 修复,包括: Fix sass-convert --recursive. When using sass --watch, imported stylesheets within the working directory will be watched for changes. This matches the behavior of Sass 3.3. Set exit code 65, indicating a data error, when the compiler fails due to a Sass ...

2
19
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
发表了博客
2018/08/13 17:26

sass

1、安装ruby https://rubyinstaller.org/downloads/ 要下载哪个版本? 如果你不知道要安装什么版本并且开始使用Ruby,我们建议你使用Ruby + Devkit 2.4.X作为x64或x86安装程序。这些提供了最大数量的兼容gem并安装了MSYS2-Devkit和Ruby,因此可以立即编译带有C扩展的gem。 加上devkit之后,你的ruby中便具有了一个mingw...

0
0
发表于大前端专区
2016/07/22 14:54

SASS

sass基本语法学习

0
0
发表于大前端专区
2018/07/28 00:24

sass

十个常见的Mixins sass一些好用的东西

0
0
发表了博客
2017/03/14 04:22

sass

我们大家都知道html、css不属于编程语言属于标记语言,所以很难像js一样定义变量、编写方法实现模块化,而目前的css编写模式中都是定义一些公共样式类名,那一块的html需要这个样式,就去增加对应的样式类名,所以...

0
0
发表了博客
2019/06/25 16:56

less与sass

在介绍less和sass的区别之前,我们先来了解一下他们的定义: 一、Less、Sass/Scss是什么? 1、Less: 是一种动态样式语言. 对CSS赋予了动态语言的特性,如变量、继承、运算、函数。 Less 既可以在客户端上运行 (支持IE 6+, Webkit, Firefox),也可在服务端运行。 2、Sass: 是一种动态样式语言,Sass语法属于缩排语法, ...

0
0
发表了博客
2018/05/29 10:28

Sass-@while

@while 指令也需要 SassScript 表达式(像其他指令一样),并且会生成不同的样式块,直到表达式值为 false 时停止循环。这个和 @for 指令很相似,只要 @while 后面的条件为 true 就会执行。 这里有一个 @while 指令的简单用例: //SCSS $types: 4; $type-width: 20px; @while $types > 0 { .while-#{$types} ...

0
0
发表了博客
2018/07/11 23:19

【gulp-sass】本地搭建sass开发环境

首先去官网下载一下nodejs。 然后安装gulp: 选择一个目录执行命令行:npm init,一直回车生成package.json文件 再执行命令:npm install gulp --save-dev,安装gulp依赖包到本目录。(安装成功) 再执行:npm install gulp-ruby-sass --save-dev,安装ruby-sass依赖包。(安装成功) 再执行:npm install gulp-sass,安...

0
0
发表了博客
2019/05/05 19:38

sass环境搭建之node-sass,ruby

该内容全部为搬运,感谢作者的分享~,附有原文链接。 使用ruby环境 SASS学习系列之(一)--------- SASS,SCSS环境搭建(Ruby) 使用node-sass SASS学习系列之(二)--------- SASS,SCSS环境搭建(node-sass) 通过命令编译: npm run sass input.scss output.css sass-loader 在webpack打包里面,sass-loader作用是辅助webpack...

0
0
发表了博客
2020/08/20 20:58

node-sass和sass-loader编译错误

1.降低node-sass和sass-loader的版本号(npm install sass-loader@版本号 -save-dev) 2.配置webpack.base.conf.js的文件

0
0
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
发表于大前端专区
2020/10/09 18:22

vue 可以再组件切换的时候清除css缓存么?

vue项目开发中使用了element-ui组件,在使用自定义表格部分需要自己编写样式,在编写的时候通过在外部定义一份css文件,然后在A组件中引入,在A组件中是可以的,通过@import '' 方式引入的,在打开B组件时,因为在A 组价中是使用的也是table组件,B组件也是,再打开B组价的时候A组件的样式就自己跑到B组件上了,用了scope...

4
0
2019/06/06 18:34

sass scss for循环错误?

@each $i in ("red", "pink", "purple") { @for $v from 1 to 9 { .x-color-#{$i}-#{$v} { color: #{'$x-color-'+'#{$i}'+'-'+'#{$v}' } } } } 这个代码是错误的;为什么呢?有没有知道的 生成后为,,变量不会被替换,但如果直接把他复制到上面代码再生成就是可以的 .x-color-red-1 { color: $x-color-red-1; } .x-color-red...

2
0
发表了问答
2012/03/28 10:42

值得参考的 10 个 LESS CSS 实例

LESS, Sass 和其他 CSS 预处理器是一种超棒的方法用来扩展 CSS 功能,使之更适合程序员。你可以使用变量、函数、混合、继承等多种编程常用方法来编写 CSS,以更少的代码完成更多的样式。 学习这些工具最好的方法是通过各种实例快速入门,今天我们向你介绍 10 个非常有用的使用 Less CSS 的实例。 使用 LESS 如果你还没接...

16
185
发表于大前端专区
2018/11/21 19:14

sass-loader 和 node-sass 是做什么有没有老师能讲一下啊

sass-loader 和 node-sass 是做什么有没有老师能讲一下啊

1
0
发表了问答
2012/03/13 22:29

为您详细比较三个 CSS 预处理器(框架):Sass、LESS 和 Stylus

CSS 预处理器技术已经非常的成熟,而且也涌现出了越来越多的 CSS 的预处理器框架。本文向你介绍使用最为普遍的三款 CSS 预处理器框架,分别是 Sass、Less CSS、Stylus。 首先我们来简单介绍下什么是 CSS 预处理器,CSS 预处理器是一种语言用来为 CSS 增加一些编程的的特性,无需考虑浏览器的兼容性问题,例如你可以在 CS...

95
323
发表了问答
2016/05/26 12:25

如何结合Gulp使用PostCss

PostCSS现在已经普及了一段时间,如果您还没有使用过它或不知道PostCSS是什么,那么我建议您看看这篇PostCSS简介,该文章介绍了PostCSS的基础知识,包括如何安装和使用一些PostCSS插件。 在本教程中,我将向您展示如何结合Gulp使用PostCSS,一个流行的自动化工具。由于这篇文章不是一个关于Gulp的入门教程,所以我不会涵...

1
0
发表了问答
2016/07/14 11:12

WEB前端 -“懒人”养成计划

引言 作为一名码农,更作为一名页面仔,我只想说:哪一个程序员,不想在写代码的时候偷点懒?当然这个懒,不是指那种当个纯粹的搬运工(CTRL+C,CTRL+V大神),而是用更少的时间去完成日常的工作任务。正是为了更“懒”、更爽、更有逼格的写代码,才有了这篇文章。 何为懒? 懒在人一开始的印象中,总是给人一种不好的感觉...

11
5
发表了问答
2016/03/31 18:06

sass到底如何下手

最近学习了一下sass技术,现想实战一把,但一到这个节骨眼感觉很迷茫,从哪里下手好呢。要是有一个别人写的简单项目范本参考一下就好了,真感觉无从下口哈!

2
0
发表了问答
2016/05/31 09:51

chrome真的能支持sass调试吗?

按网上的教程设置了一下,无非是 第一步: 开发者工具实验性功能 Mac, Windows, Linux, Chrome OS 启用开发者工具实验性功能。您可以使用开发者工具中的“设置”面板开启/关闭各个实验性功能。 #enable-devtools-experiments 停用 第二步 就是启动设置中的,如图 但上面这些设置完了在chrome中也没有看到scss文件的影子,...

5
0
发表了问答
2016/05/28 21:47

sass文件中的map是怎么回事

从字面上看似乎它是一个地图 如下面代码 { "version": 3, "mappings": "AACA,EAAE;EACA,KAAK,EAFA,OAAO;;AAId,GAAG;EACD,SAAS,EAAE,IAAI", "sources": ["test.scss"], "names": [], "file": "test.css" }...

1
0
发表了问答
2015/07/30 10:02

SCSS改写同级的CSS

请教一下,一段css怎么改成scss #account_index_list_one, #account_index_list_two, #account_index_list_three { border-top: 1px solid #ddd; border-bottom: 1px solid #ccc; } 怎么改成scss, 如果这样直接放在scss文件里,编译的时候老是报错: Sass::SyntaxError on line 477 of /resources/sass/app.scss: I...

1
0
发表了问答
2016/05/29 10:13

sass编译问题之一

下面的写法为啥不能被编译呢 .container { h1, h2, h3 {margin-bottom: .8em} } 去掉.container前面的点就可以被编译,不知为啥

4
0
发表了问答
2016/04/02 17:27

在windows环境下使用sass必须装它吗

我的开发环境是win10 64,用的IDE是webstrom;但听说要用sass必须装ruby,象我这种情况是不是不用呢?

1
0
发表了问答
2014/10/09 16:48

只会CSS还不够,LESS、SASS、BootStrap、Foundation一网打尽!

有些人想学CSS,不知如何下手;有些人已经学会CSS的各种属性,却不知如何运用;有些人会平面设计,不知道如何与网页设计结合;有些人会HTML,就是学不会CSS。试问自己,图中的技术你都会了吗?

21
20
发表了问答
2015/08/14 15:13

SCSS关于层级的写法

用sencha touch 写app用到scss 以前没用过scss,所以有个问题请教一下,就是: .x-dock > x.dock-body{ font-size:1em; } 怎么写成scss样式的? 直接写: .x-dock{ .x-dock-body{ font-size:1em; } } 这样是不行的,这样会把.x-dock下面的所有.x-dock-body全生效,也就是变成 .x-dock .x-dock-body...

2
0
发表了问答
2014/06/16 10:56

【写书评赠书活动】《Sass和Compass设计师指南》

6月份写书评赠书活动依然由华中科技大学出版社提供书籍奖品,最后会由本书的译者 @七印部落 挑选出10位优秀书评用户赠送本书。上期没有得到奖品的oscer们赶紧行动,写下你对这本书的感受吧~ 活动书名:《Sass和Compass设计师指南》 活动时间:2014年6月16日~2014年6月22日 活动规则: 1、样章试读,跟帖写书评; 2、挑选...

24
14
发表了问答
2012/06/25 16:45

SASS 用法指南

学过CSS的人都知道,它不是一种编程语言。 你可以用它开发网页样式,但是没法用它编程。也就是说,CSS基本上是设计师的工具,不是程序员的工具。在程序员眼里,CSS是一件很麻烦的东西。它没有变量,也没有条件语句,只是一行行单纯的描述,写起来相当费事。 很自然地,有人就开始为CSS加入编程元素,这被叫做"CSS预处理器...

21
55
发表了问答
2012/10/17 16:50

最好的CSS方式——OOCSS+ Sass

面向对象的CSS很不错,但是让非语义化的词标识你的类是很不明智的。这些类散布在你的HTML里面等着去做调整,会变得很没意思。但是如果你把OOCSS和Sass结合就让未经渲染的模块化CSS和难以维护的HTML变得两全其美了。 OOCSS导致HTML难以维护 首先是简单的声明,其次是一大把可能吓坏你的非语义化的词语。这里,实际上我不关...

19
62
发表了问答
2013/02/23 10:33

有关sass如何使用的问题

@曾沙 你好,想跟你请教个问题:sass是怎么使用的,我已经安装完了,但是在网上找了很久都没有弄明白是怎么用的!非常感谢。

2
0
发表了问答
2012/03/14 10:08

这个 Sass 是不是只有 ruby 下才能解析?

这个是不是只有 ruby 下才能解析? 我没看到主页上面有说在其他下面使用的可能。 像Less就可以用js去解析,这个貌似只能用ruby啊

1
0
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
4 评论
181 收藏
分享
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部