布局
本组件库已经在 @web-basic-doc/theme-chalk/common.scss
中声明了五个尺寸:mini、xs、sm、md 和 lg。
适用于 width
、margin
、padding
。
属性
margin & padding
属性名 | 说明 |
---|---|
mini | 3px |
xs | 5px |
sm | 10px |
md | 15px |
lg | 20px |
width
属性名 | 说明 |
---|---|
mini | 80px |
xs | 120px |
sm | 150px |
md | 200px |
lg | 230px |
如何使用
如果需要为一个 Dom 左侧添加 10px 的 margin
和 150px 的 width
则只需添加 class
为 ml-sm
,其中 m
为 margin,l
为 left
,sm
为属性名。举个🌰
<div class="ml-sm width-sm"></div>