整洁的Sass我喜欢整洁的样式表。当我第一次发现我很喜欢它们,并尽可能地坚持这些原则。随着时间的推移,虽然我已经改进了它以适应我的风格,但这是改进的结果。

目的

我正在记录我如何编写CSS/Sass以帮助标准化我正在处理的不同事物的工作。这将有助于使代码在未来更易于理解和维护。

基本Sass的一大优点

您可以拥有大量_partial.scss文件并保持一切整洁。然后我使用Gulp来缩小生产中的css。

文件结构

在我的Sass文件夹中,只有几个文件:

  • master.scss:这里没有样式,只导入部分。

  • _variables.scss:非常重要的文件,包含我们将在这个项目中使用的所有Sass变量。

  • _config.scss:允许您选择包含对象。

我有六个文件夹:工具(重置、混合等),基础(html、body、h1-h6、p、fo...