使用 Sass 来定义 Keyframes
CSS 的 Animation 成为 Web Animation 中主要实现方式之一。使用 CSS 的 animation 可以在 Web 中实现一些动画效果。而其中最为关键的还是依赖于 @key…
Sass 中半透明颜色的 Mixins
在 The Sass Way 上看到一篇 John W. Long 写的《Mixins for Semi-Transparent Colors》文章。文章中详细的介绍了如何使用 Sass 来定义一个半透明颜色…
CSS Modules 详解及 React 中实践
CSS 是前端领域中进化最慢的一块。由于 ES2015/2016 的快速普及和 Babel/Webpack 等工具的迅猛发展，CSS 被远远甩在了后面，逐渐成为大型项目工程化…
使用 Sass 减少重复性代码
Hugo 大师在 understand Sass lists 和 ADVANCED SASS LIST FUNCTIONS 两篇文章中详细分析了 Sass 中 list的功能，但在 Sass 中还有一个特性非常的有…
探索 Sass 3.3 中的 Maps 之 Memoization
Memoization 技术已经常期用于其他语言当中，以来提高性能。它涉及到一个函数结果的缓存，是这样的，如果一个函数使用相同的的参数调用两次，那么缓存…
Visual Studio Code 对 CSS / Sass / Less 的支持
智能感知 VS Code 支持选择器，属性和值。使用 Ctrl + Space 获取特定于上下文的选项列表。 提案包含大量文档，包括支持该属性的浏览器列表。要查看所…
用 Sass 的占位符和混合宏创建可复用的样式
Sass 的最大好处之一就是具有创建可重用代码块的能力。我经常用 %placeholders 或者 @mixins 创建可重用代码模块。占位符（%placeholders）和混合宏（…
Airbnb CSS / Sass 编写指南
用更合理的方式写 CSS 和 Sass 术语 规则声明 我们把一个（或一组）选择器和一组属性称之为 “规则声明”。举个例子： .listing { font-size: 18px li…
十个有用的 SassMixins
Sass 是世界上最成熟、最稳定、强大而又专业的CSS预处理器。我使用 Sass 有相当长的一段时间了。发现 Sass 的 Mixins 对于任何前端开发人员都非常有用…
使用 list-maps 将你的 Sass 技术水平提高到另一层次
Sass 3.3 版本的出来，你应该开始使用 Sass 的 map 功能。 多年以来，变量一直是 Sass 的核心功能。我们使用它越来越让人疲惫，你不乏看到这样写 Sass…
