转载:原地址
简介
该文档主要的设计目标是提高 Less 文档的团队一致性与可维护性。
Less 代码的基本规范和原则与 CSS 编码规范 保持一致。
编撰
erik、顾轶灵、黄后锦、李玉北、赵雷。
本文档由商业运营体系前端技术组
审校发布。
要求
在本文档中,使用的关键字会以中文+括号包含的关键字英文表示:必须(MUST)。关键字"MUST", "MUST NOT", "REQUIRED", "SHALL", "SHALL NOT", "SHOULD", "SHOULD NOT", "RECOMMENDED", "MAY", and "OPTIONAL"被定义在rfc2119中。
编码
使用UTF-8编码。不得(MUST NOT)包含BOM信息。
代码组织
代码必须(MUST)按如下形式按顺序组织:
@import
- 变量声明
- 样式声明
less
// ? @import "est/all.less"; @default-text-color: #333; .page { width: 960px; margin: 0 auto; }
@import
语句
@import
语句引用的文件必须(MUST)写在一对引号内,.less
后缀不得(MUST NOT)省略(与引入 CSS 文件时的路径格式一致)。引号使用 '
和 "
均可,但在同一项目内必须(MUST)统一。
less
// ? @import 'est/all'; @import "my/mixins.less"; // ? @import "est/all.less"; @import "my/mixins.less";
空格
属性、变量
选择器和 {
之间必须(MUST)保留一个空格。
属性名后的冒号(:
)与属性值之间必须(MUST)保留一个空格,冒号前不得(MUST NOT)保留空格。
定义变量时冒号(: