用途:为 HTML、CSS、JavaScript 提供统一的前端规范,使代码库风格保持一致。
主要能力:规定代码格式(空格缩进、Tab 2 空格、去尾随空格、文件末尾换行);按文件类型规定引号风格(.html 与 .json 用双引号,.css、.js 用单引号);规定命名大小写(HTML 属性与值为 dash-case、CSS 自定义属性为 --dash-case、JS 变量与函数为 camelCase、JS 类为 PascalCase、文件名为 dash-case.extension)。
CSS 类名前缀:组件 c-、工具类 u-、JS 钩子 js-,其中 js- 类不参与样式,仅作 JS 选择器。命名空间用于避免冲突,如全局令牌 var(--mmn-color-bg-primary)、组件内 var(--c-mmn-card-border-radius)。命名模式包括自定义元素、data 属性、CSS 选择器(prefix-namespace-block__element--modifier)与 JS 选择器。仅允许 img、bg、min、max、cta、col、colspan、rowspan 等缩写。修饰符提供统一尺寸(2xs 至 2xl)、明暗(xxlight 至 xxdark)、层级(primary、secondary、tertiary)与断点后缀 @from- / @until-。
CSS 属性顺序:按 display、position、size、space、typography、border、background、advanced 分组书写。
适用场景:命名新的类、变量、组件或文件,以及编写 HTML、CSS、JS 代码时应用。
限制:资料未提供与具体构建工具、框架的集成方式及更多使用步骤,暂未提供。