@-ui/spacing 中文文档教程

发布于 5年前 浏览 30 项目主页 更新于 3年前


@-ui/spacing

捆绑恐惧症 Types 代码覆盖率 构建状态 NPM 版本 MIT 许可证

npm i @-ui/spacing

为设计系统创建间距比例

Quick Start

import styles from '@-ui/styles'
import * as spacing from '@-ui/spacing'

const variables = {
  gap: {
    sm: '0.5rem',
    md: '1rem',
    lg: '2rem',
  },
  pad: {
    sm: '0.5rem',
    md: '1rem',
    lg: '2rem',
  },
}
// Creates CSS variables for the scales (optional)
styles.variables(variables)
// Creates the scales
export const gap = spacing.gap(style, variables.gap)
export const pad = spacing.pad(style, variables.pad)
pad('sm')

API

LICENSE

使用 dash-ui MIT


@-ui/spacing

Bundlephobia Types Code coverage Build status NPM Version MIT License

npm i @-ui/spacing

Create spacing scales for design systems with dash-ui

Quick Start

import styles from '@-ui/styles'
import * as spacing from '@-ui/spacing'

const variables = {
  gap: {
    sm: '0.5rem',
    md: '1rem',
    lg: '2rem',
  },
  pad: {
    sm: '0.5rem',
    md: '1rem',
    lg: '2rem',
  },
}
// Creates CSS variables for the scales (optional)
styles.variables(variables)
// Creates the scales
export const gap = spacing.gap(style, variables.gap)
export const pad = spacing.pad(style, variables.pad)
pad('sm')

API

LICENSE

MIT

    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文