1.0.2 • Published 5 years ago
@mcui/size v1.0.2
@mcui/size
MCUI 的字号系统，可以构建全局切换字号并提供丰富的分级字号。
目录
安装
npm i @mcui/size全局字号
全局字号从小到大分别有 xs、s、m、l、xl 五个等级。
scss 文件
@import '@mcui/size';html 文件
<!DOCTYPE html>
<html size="m">
<head>
...
</head>
<body>
...
</body>
</html>修改字号
修改 html 标属的 size 属性就是修改了全局字号。
分级字号
分级字号基于全局字号，一共有 16 级
| 类名 | 演示 |
|---|---|
| .fs-ss | 文字等级: FS-SS |
| .fs-sm | 文字等级: FS-SM |
| .fs-sl | 文字等级: FS-SL |
| .fs-sx | 文字等级: FS-SX |
| .fs-ms | 文字等级: FS-MS |
| .fs-mm | 文字等级: FS-MM |
| .fs-ml | 文字等级: FS-ML |
| .fs-mx | 文字等级: FS-MX |
| .fs-ls | 文字等级: FS-LS |
| .fs-lm | 文字等级: FS-LM |
| .fs-ll | 文字等级: FS-LL |
| .fs-lx | 文字等级: FS-LX |
| .fs-xs | 文字等级: FS-XS |
| .fs-xm | 文字等级: FS-XM |
| .fs-xl | 文字等级: FS-XL |
| .fs-xx | 文字等级: FS-XX |
使用分级字号
<div class="fs-mm"></div>