Sass 揭秘之 @if,@for,@each
因为文章内含有很多 Sass 代码,如需自己动手查看编译结果,推荐使用 sassmeister 这款在线编译工具,方便你阅读学习。 这篇文章关键是对sass判断或循…
使用 SassMap 实现响应式排版
本来要管理 Rhythm 排版一致不是一件易事,响应式中的Rhythm排版就更加困难。幸运的是,Sass 的 Map 可以更好的管理和实现响应式排版。 Rhythm is... …
再谈等高列布局、水平垂直居中与置顶页脚
CSS 中的等高布局、水平垂直居中以及置顶页脚 Sticky Footer 这几个效果(我喜欢把他们说成是CSS效果,而不喜欢说其是问题)并不陌生,而且很多同学都…
Sass Mixins 支持 Retina 的 IconsSprite
Retina 雪碧图标——在你的网站上前端人员可以很容易使用 Sass Mixins 自动生成。不过你需要在项目中安装 Sass和Compass 才能正常使用。 根据设置步骤…
LESS / Sass 编译工具 Koala 介绍
越来越多的同学开始使用 less 等预处理器的方式来编写 CSS 跟 JavaScript ,比较流行的有 less 、 sass 、 coffeescript 。 Less 等代码无法直接在浏…
Sass 操作符介绍
在本文中,我们将会解析一下 Sass 中的操作符。 赋值操作符 Sass 使用冒号( : )来定义一个变量: $main-color: lightgray 算术操作符 算术操作符用…
Sass 之 @mixin 指令详细介绍
为了有效的维护和开发项目,代码的重复利用就显得尤为重要。在Sass中,除了 @import 和 @extend 可以使你的代码更加具有重复利用性,@mixin 指令也同…