Lite 精简版

对应文件

@vusui/css/lib/lite.css

Flex 网格系统

样式名称	精简描述
vus-col-(1~12)	由 24 精简到 12
vus-flex-(1~12)	由 24 精简到 12
vus-offset-(1~11)	由 23 精简到 11
lr-(0~10)	由 20 精简到 10
tb-(0~10)	由 20 精简到 10

Fontsize 文本字号

精简 size 值表
10 12 13 14 16 18 20 22 24 26 28 30 32 34 36 38 40 42 44 46 48 50

Border 边框

样式名称	精简描述
vus-border-(0~10)	由 20 精简到 10
vus-border-l-(0~10)	由 20 精简到 10
vus-border-t-(0~10)	由 20 精简到 10
vus-border-r-(0~10)	由 20 精简到 10
vus-border-b-(0~10)	由 20 精简到 10

Width 宽度

百分比宽度

精简 size 值表
50 100

像素宽度

精简 size 值表
1 2 3 4 5 6 7 8 9 10 12 14 15 16 18 20 22 24 25 26 28 30 32 34 35 36 38 40 42 44 45 46 48 50

Height 高度

百分比高度

精简 size 值表
50 100

像素高度

精简 size 值表
1 2 3 4 5 6 7 8 9 10 12 14 15 16 18 20 22 24 25 26 28 30 32 34 35 36 38 40 42 44 45 46 48 50

Margin 外补填充

精简 size 值表
1 2 3 4 5 6 7 8 9 10 12 14 15 16 18 20 22 24 25 26 28 30 32 34 35 36 38 40 42 44 45 46 48 50

Padding 内补填充

精简 size 值表
1 2 3 4 5 6 7 8 9 10 12 14 15 16 18 20 22 24 25 26 28 30 32 34 35 36 38 40 42 44 45 46 48 50

Position 位置

位置距离(像素)

精简 size 值表
1 2 3 4 5 6 7 8 9 10 12 14 15 16 18 20 22 24 25 26 28 30 32 34 35 36 38 40 42 44 45 46 48 50

位置距离(百分比)

精简 size 值表
50 100

索引位置

精简 size 值表
-1 0 1 2 3 4 5 6 7 8 9 10

Radius 圆角半径

样式名称	精简描述
vus-radius-(0~10)	由 20 精简到 10
vus-radius-tl-(0~10)	由 20 精简到 10
vus-radius-tr-(0~10)	由 20 精简到 10
vus-radius-bl-(0~10)	由 20 精简到 10
vus-radius-br-(0~10)	由 20 精简到 10

Animation 动画

删除 Animation 关键帧 所有动画，只保留 Transition 过渡 动画。