-
spacing-helper是一款体积微小(仅117字节)且运行速度极快的独立工具,旨在为UI元素之间提供一致的间距
资源介绍
间距助手
一个微小(117 字节)且速度极快的独立助手,用于在 UI 元素之间创建一致的间距。
import { createSpacing } from 'spacing-helper' ;
const spacing = createSpacing ( { factor : 8 } ) ; // 8 is default scaling factor
spacing ( 1 , 2 , 3 , 4 ) ; // '8px 16px 24px 32px'
安装
npm i spacing-helper或yarn add spacing-helper
动机
让我们看看一些代码
const HeaderStyled = styled . header `
margin: 16px 24px;
...
` ;
使其一致
const MODULE = 8 ;
const