文件名称:sass-structure:我在Web项目中用于Sass文档结构的技术指南。 包括基于Node.js v6 +的补充性linter
文件大小:13KB
文件格式:ZIP
更新时间:2024-06-17 02:42:55
css sass naming-conventions JavaScript
ass结构 概述以模块化的方式构造和编写Sass文档的技术,我发现在从事大型和小型Web应用程序项目以及在前端开发团队内部工作时,这是无价的。 ( 优秀指南大量借鉴了想法和思想。 如果您尚未有机会阅读有关SMACSS的文章,那么对于撰写大量,不健康CSS文章的任何人,都应该将其视为必读的文章。 另外,我还包括一个用Node.js编写的,用于根据以下概述的结构来验证文档命名约定。 萨斯·林特(Sass Linter) 核心目标 利用DRY方法编写文档的技术,并尽可能鼓励样式重用。 由于Sass中的所有内容基本上都是全局性的(例如变量和占位符选择器),因此必须执行严格的命名惯例,以避免在样式/代码的隔离部分之间造成混乱。 将样式定义分成逻辑分组-旨在降低多个文件而不是多合一的怪物文档的代码行。 文件角色 接下来是所使用的每个Sass文件角色,它们的用途和项目中的层次结构位置。 设
【文件预览】:
sass-structure-main
----README.md(11KB)
----LICENSE(1KB)
----linter.js(15KB)
----example()
--------config.scss(224B)
--------layout.scss(99B)
--------module()
--------mixin.scss(62B)
--------component()
--------style.scss(292B)
--------lib()