| 风格 | 示例 |
|---|
| SCSS 风格 | .card { bgc: #fff; bdr: 0.5r; } |
| Python 缩进 | .card
bgc: #fff
bdr: 0.5r |
| F# 风格 | let primary = #6c63ff
.card
bgc = primary |
| 函数 | 说明 |
|---|
lighten(c, 20%) | 变亮 |
darken(c, 20%) | 变暗 |
alpha(c, 0.5) | 透明度 |
mix(a, b, 50%) | 混合 |
complement(c) | 互补色 |
grayscale(c) | 灰度 |
adjust-hue(c, 30deg) | 色相旋转 |
| 简写 | 完整属性 | 简写 | 完整属性 |
|---|
bgc | background-color | c | color |
fs | font-size | fw | font-weight |
bdr | border-radius | bxsh | box-shadow |
d | display | pos | position |
p/m | padding/margin | mt/mb/ml/mr | margin-* |
gtc | grid-template-columns | ai/jc | align-items/justify-content |
本演示站点全部样式由 .zcss 文件编写，由 Zest 构建时自动编译为标准的 .css。查看源码：