Sass3.3版本的出来,你应该开始使用Sass的map功能。 多年以来,变量一直是Sass的核心功能。我们使用它越来越让人疲惫,你不乏看到这样写Sass: //创建一个核心的颜色 $bravo_gray: #333; …
分类:sass
CSS预编译器
安装 sass 必须先安装ruby,再安装sass gem install sassless 先安装npm npm install -g less 简单使用 less lessc styles.less lessc st…
sass学习笔记--混合宏
什么时候使用混合宏 如果你的整个网站中有几处小样式类似,比如颜色,字体等,在 Sass 可以使用变量来统一处理,那么这种选择还是不错的。但当你的样式变得越来越复杂,需要重复使用大段的样式时,使用变量就无法达到我们目了。这…
Sass 与 SCSS 是什么关系?
我最近写了很多 Sass 代码,但是最近发现并不是每一个人都知道 Sass 具体是什么。下面是一个简短的说明: 当我们说起 Sass ,我们经常指的是两种事物:一种 css 预处理器和一种语言。我们经常这样说,“我们正在…
使用Sass来写OOCSS
自从2008年Nicole Sullivan提出Object-Oriented CSS(OOCSS)以来。它就成为一个领先的模块系统,用来组织你的CSS代码方式之一。 OOCSS不同于其他组织CSS代码方法,比如SMAC…
前端工程化总结
为什么会出现前端工程化这个概念?当前端业务日益复杂化和多元化,就会出现许多问题。比如说:如何提高开发效率?如何保证项目的可维护性?如何提高项目的开发质量?多人合作,架构分层,模块设计,解耦,抽象,复用,mock,联调,部…
sass入门初体验
接上文less入门初体验,接下来讲讲sass,sass有两种文件后缀名,一种是.sass,另一种是.scss。前者类似于ruby的语法规则,没有花括号,没有分号,具有严格的缩进;而后者更贴近于css的语法规则,易于阅读,…
编写可维护的CSS
在参与规模庞大、历时漫长且参与人数众多的项目时,所有开发者遵守如下规则极为重要: 保持 CSS 便于维护 保持代码清晰易懂 保持代码的可拓展性 为了实现这一目标,我们要采用诸多方法。 本文档第一部分将探讨语法、格式以及分…
前端基础工作流:sass自动化编辑成css
目前sass提供了观察文件变化,自动将sass文件编译成css的功能。但在有些机子上跟踪编译非常慢。使用不便。如果想更顺手的完成更复杂的编译,就需要使用nodejs,gulp 工具进行处理。 Sass安装 环境ubunt…