总览
所有定义的样式类名
| 功能 | 简称 | 全称 |
|---|
| 颜色：主要 | pri | primary |
| 颜色：次要 | sec | secondary |
| 颜色：成功 | suc | success |
| 颜色：危险 | dan | danger |
| 颜色：警告 | war | warning |
| 颜色：信息 | inf | information |
| 颜色：亮 | lig | light |
| 颜色：暗 | dar | dark |
| 轻量颜色：主要 | pale pri | pale-primary |
| 轻量颜色：次要 | pale sec | pale-secondary |
| 轻量颜色：成功 | pale suc | pale-success |
| 轻量颜色：危险 | pale dan | pale-danger |
| 轻量颜色：警告 | pale war | pale-warning |
| 轻量颜色：信息 | pale inf | pale-information |
| 轻量颜色：亮 | pale lig | pale-light |
| 轻量颜色：暗 | pale dar | pale-dark |
| 透明颜色：主要 | alpha pri | alpha-primary |
| 透明颜色：次要 | alpha sec | alpha-secondary |
| 透明颜色：成功 | alpha suc | alpha-success |
| 透明颜色：危险 | alpha dan | alpha-danger |
| 透明颜色：警告 | alpha war | alpha-warning |
| 透明颜色：信息 | alpha inf | alpha-information |
| 透明颜色：亮 | alpha lig | alpha-light |
| 透明颜色：暗 | alpha dar | alpha-dark |
| 文本颜色：主要 | text pri | text-primary |
| 文本颜色：次要 | text sec | text-secondary |
| 文本颜色：成功 | text suc | text-success |
| 文本颜色：危险 | text dan | text-danger |
| 文本颜色：警告 | text war | text-warning |
| 文本颜色：信息 | text inf | text-information |
| 文本颜色：亮 | text lig | text-light |
| 文本颜色：暗 | text dar | text-dark |
| 闪烁颜色：危险 | flash dan | flash-danger |
| 闪烁颜色：警告 | flash war | flash-warning |
| 悬停 | hov | hover |
| 轻量悬停 | pale hov | pale-hover |
| 透明悬停 | alpha hov | alpha-hover |
| 选中 | sel | selected |
| 轻量选中 | pale sel | pale-selected |
| 透明选中 | alpha sel | alpha-selected |
| 按钮 | button | button |
| 控件组合 | group | group |
| 标题1 | h1 | heading-1 |
| 标题2 | h2 | heading-2 |
| 标题3 | h3 | heading-3 |
| 标题4 | h4 | heading-4 |
| 文本字号1 | t1 | text-1 |
| 文本字号2 | t2 | text-2 |
| 文本字号3 | t3 | text-3 |
| 文本字号4 | t4 | text-4 |
| 文本字号5 | t5 | text-5 |
| 文本字号6 | t6 | text-6 |
| 文本字号7 | t7 | text-7 |
| 文本字号8 | t8 | text-8 |
| 表格间距：纵横 | sb | spacing-both |
| 表格间距：横 | sh | spacing-horizontal |
| 表格间距：纵 | sv | spacing-vertical |
| 表格滚动：自动 | sa | scroll-auto |
| 表格间距：横X | sx | scroll-x |
| 表格间距：纵Y | sy | scroll-y |
| 禁止选中文本 | us | unselect |
| 隐藏 | hide | hide |
| 横向布局：等高 | h | horizontal |
| 横向布局：靠上 | ht | horizontal-top |
| 横向布局：居中 | hc | horizontal-center |
| 横向布局：靠下 | hb | horizontal-bottom |
| 横向布局：增长 | g | grow |
| 纵向布局：等宽 | v | vertical |
| 纵向布局：靠左 | vl | vertical-left |
| 纵向布局：居中 | vc | vertical-center |
| 纵向布局：靠右 | vr | vertical-right |
| 纵向布局：增长 | g | grow |
| 层叠布局 | s | stack |
| 层叠布局：满铺 | f | fill full |
| 层叠布局：顶铺 | t | top |
| 层叠布局：中铺（横） | c | center |
| 层叠布局：底铺 | b | bottom |
| 层叠布局：左铺 | l | left |
| 层叠布局：中铺（纵） | m | middle |
| 层叠布局：右铺 | r | right |
| 层叠布局：左上 | lt | left-top |
| 层叠布局：左中 | lm | left-middle |
| 层叠布局：左下 | lb | left-bottom |
| 层叠布局：中上 | ct | center-top |
| 层叠布局：中中 | cm | center-middle |
| 层叠布局：中下 | cb | center-bottom |
| 层叠布局：右上 | rt | right-top |
| 层叠布局：右中 | rm | right-middle |
| 层叠布局：右下 | rb | right-bottom |
| 分栏布局：无 | c0 | column-0 |
| 分栏布局：2栏 | c2 | column-2 |
| 分栏布局：3栏 | c3 | column-3 |
| 分栏布局：4栏 | c4 | column-4 |
| 分栏布局：5栏 | c5 | column-5 |
| 分栏布局：6栏 | c6 | column-6 |
| 流动布局：2列 | f2 | flow-2 |
| 流动布局：3列 | f3 | flow-3 |
| 流动布局：4列 | f4 | flow-4 |
| 流动布局：5列 | f5 | flow-5 |
| 流动布局：6列 | f6 | flow-6 |
| 宽0 | w0 | width-0 |
| 宽5% | w5 | width-5 |
| 宽10% | w10 | width-10 |
| 宽15% | w15 | width-15 |
| 宽20% | w20 | width-20 |
| 宽25% | w25 | width-25 |
| 宽30% | w30 | width-30 |
| 宽35% | w35 | width-35 |
| 宽40% | w40 | width-40 |
| 宽45% | w45 | width-45 |
| 宽50% | w50 | width-50 |
| 宽55% | w55 | width-55 |
| 宽60% | w60 | width-60 |
| 宽65% | w65 | width-65 |
| 宽70% | w70 | width-70 |
| 宽75% | w75 | width-75 |
| 宽80% | w80 | width-80 |
| 宽85% | w85 | width-85 |
| 宽90% | w90 | width-90 |
| 宽95% | w95 | width-95 |
| 宽100% | w100 | width-100 |
| 宽61.8%（黄金分割） | w62 | width-62 |
| 宽38.2%（黄金分割） | w38 | width-38 |
| 高0 | h0 | height-0 |
| 高5% | h5 | height-5 |
| 高10% | h10 | height-10 |
| 高15% | h15 | height-15 |
| 高20% | h20 | height-20 |
| 高25% | h25 | height-25 |
| 高30% | h30 | height-30 |
| 高35% | h35 | height-35 |
| 高40% | h40 | height-40 |
| 高45% | h45 | height-45 |
| 高50% | h50 | height-50 |
| 高55% | h55 | height-55 |
| 高60% | h60 | height-60 |
| 高65% | h65 | height-65 |
| 高70% | h70 | height-70 |
| 高75% | h75 | height-75 |
| 高80% | h80 | height-80 |
| 高85% | h85 | height-85 |
| 高90% | h90 | height-90 |
| 高95% | h95 | height-95 |
| 高100% | h100 | height-100 |
| 高61.8%（黄金分割） | h62 | height-62 |
| 高38.2%（黄金分割） | h38 | height-38 |
| 间隔：无 | m0 | margin-0 |
| 间隔：1px | m1 | margin-1 |
| 间隔：自动 | ma | margin-auto |
| 间隔：较小 | ms | margin-small |
| 间隔：适中 | mm | margin-medium |
| 间隔：较大 | ml | margin-large |
| 间隔：很大 | mx | margin-extra |
| 横向布局间隔：无 | hm0 | horizontal-margin-0 |
| 横向布局间隔：1px | hm1 | horizontal-margin-1 |
| 横向布局间隔：自动 | hma | horizontal-margin-auto |
| 横向布局间隔：较小 | hms | horizontal-margin-small |
| 横向布局间隔：适中 | hmm | horizontal-margin-medium |
| 横向布局间隔：较大 | hml | horizontal-margin-large |
| 横向布局间隔：很大 | hmx | horizontal-margin-extra |
| 纵向布局间隔：无 | vm0 | vertical-margin-0 |
| 纵向布局间隔：1px | vm1 | vertical-margin-1 |
| 纵向布局间隔：自动 | vma | vertical-margin-auto |
| 纵向布局间隔：较小 | vms | vertical-margin-small |
| 纵向布局间隔：适中 | vmm | vertical-margin-medium |
| 纵向布局间隔：较大 | vml | vertical-margin-large |
| 纵向布局间隔：很大 | vmx | vertical-margin-extra |
| 分栏布局间隔：无 | cm0 | column-margin-0 |
| 分栏布局间隔：1px | cm1 | column-margin-1 |
| 分栏布局间隔：自动 | cma | column-margin-auto |
| 分栏布局间隔：较小 | cms | column-margin-small |
| 分栏布局间隔：适中 | cmm | column-margin-medium |
| 分栏布局间隔：较大 | cml | column-margin-large |
| 分栏布局间隔：很大 | cmx | column-margin-extra |
| 流动布局间隔：无 | fm0 | flow-margin-0 |
| 流动布局间隔：1px | fm1 | flow-margin-1 |
| 流动布局间隔：自动 | fma | flow-margin-auto |
| 流动布局间隔：较小 | fms | flow-margin-small |
| 流动布局间隔：适中 | fmm | flow-margin-medium |
| 流动布局间隔：较大 | fml | flow-margin-large |
| 流动布局间隔：很大 | fmx | flow-margin-extra |
| 填充：无 | p0 | padding-0 |
| 填充：1px | p1 | padding-1 |
| 填充：自动 | pa | padding-auto |
| 填充：较小 | ps | padding-small |
| 填充：适中 | pm | padding-medium |
| 填充：较大 | pl | padding-large |
| 填充：很大 | px | padding-extra |
| 圆角：无 | br0 | border-radius-0 |
| 圆角：1px | br1 | border-radius-1 |
| 圆角：较小 | brs | border-radius-small |
| 圆角：适中 | brm | border-radius-medium |
| 圆角：较大 | brl | border-radius-large |
| 圆角：很大 | brx | border-radius-extra |
| 柔化阴影：无 | s0 sb0 | shadow-0 shadow-blur-0 |
| 柔化阴影：1px | sb1 | shadow-blur-1 |
| 柔化阴影：较小 | sbs | shadow-blur-small |
| 柔化阴影：适中 | sbm | shadow-blur-medium |
| 柔化阴影：较大 | sbl | shadow-blur-large |
| 柔化阴影：很大 | sbx | shadow-blur-extra |
| 锐化阴影：无 | s0 ss0 | shadow-0 shadow-sharp-0 |
| 锐化阴影：1ssx | ss1 | shadow-sharp-1 |
| 锐化阴影：较小 | sss | shadow-sharp-small |
| 锐化阴影：适中 | ssm | shadow-sharp-medium |
| 锐化阴影：较大 | ssl | shadow-sharp-large |
| 锐化阴影：很大 | ssx | shadow-sharp-extra |
| 模糊背景：无 | b0 | blur-0 |
| 模糊背景：较小 | bs | blur-small |
| 模糊背景：适中 | bm | blur-medium |
| 模糊背景：较大 | bl | blur-large |
| 模糊背景：很大 | bx | blur-extra |
| 文本对齐：靠左 | tl | text-left |
| 文本对齐：居中 | tc | text-center |
| 文本对齐：靠右 | tr | text-right |
| 文本省略 | te | text-ellipsis |
| 文本禁止换行 | tn | text-nowrap |
| 文本滚动 | ts | text-scroll |
| 滚动条：自动 | sa | scroll-auto |
| 滚动条：横向（X） | sx | scroll-x |
| 滚动条：纵向（Y） | sy | scroll-y |
