布局

本组件库已经在 @web-basic-doc/theme-chalk/common.scss 中声明了五个尺寸:mini、xs、sm、md 和 lg。

适用于 widthmarginpadding

属性

margin & padding

属性名说明
mini3px
xs5px
sm10px
md15px
lg20px

width

属性名说明
mini80px
xs120px
sm150px
md200px
lg230px

如何使用

如果需要为一个 Dom 左侧添加 10px 的 margin 和 150px 的 width 则只需添加 classml-sm,其中 m 为 margin,lleftsm 为属性名。举个🌰

<div class="ml-sm width-sm"></div>
上次更新:
贡献者: zml