CSS外挂:Sass的那些装逼函数(function)

2016-04-07
阅读 5 分钟
10.4k
前戏:前几篇文章其实都是些基础必备的,什么变量、继承、占位符、混合宏...这回来高级点的,玩玩Sass 自带的一些函数...有字符串函数(String Functions)、数字函数(Number Functions)、列表函数(List Functions)、颜色函数(Color Functions)、Introspection 函数(Introspection Functions)、三元函数(Miscellaneous Fun...

CSS外挂:Sass 之规则(Rules)和指令(Directives)

2016-03-31
阅读 6 分钟
4.4k
Sass 扩展了 CSS 的 @import 规则,让它能够引入 SCSS 和 Sass 文件。 所有引入的 SCSS 和 Sass 文件都会被合并并输出一个单一的 CSS 文件。 另外,被导入的文件中所定义的变量或 mixins 都可以在主文件中使用。

CSS外挂:Sass 之运算(加、减、乘、除)

2016-03-27
阅读 4 分钟
20.2k
学习Sass无非就是想高效的、 面向对象编写CSS,Sass中的Operations也是重要的一部分。现在的前端各种工程化、模块化、面向工资编程,哦...不对,是面向对象编程。玩起来吧!

CSS外挂:Sass 之Interpolation#{}的用法

2016-03-26
阅读 3 分钟
4k
学习Sass无非就是想高效的、 面向对象编写CSS,Sass中的Interpolation#{}就是重要的一部分。开始一探究竟... 1. 简单的栗子 SCSS: {代码...} 被编译为: {代码...} 2. 如何编译出 border: 2px dashed green; SCSS: {代码...} 被编译为: {代码...} 3. 结合 @each 多个值操作 SCSS: {代码...} 被编译为: {代码...} 4....

CSS外挂:Sass 之混合宏(@mixin)、继承(@extend)、占位符(%placeholder)

2016-03-25
阅读 2 分钟
9.4k
学习Sass无非就是想高效的、 面向对象编写CSS,Sass中的@-Rules也是重要的一部分。普遍情况下这仨在实际项目中用得还是比较多的,玩起来吧!