@fruits-chain/design-tokens-bailu
TypeScript icon, indicating that this package has built-in type declarations

0.1.0 • Public • Published

Design Tokens Bailu

24jieqi 团队白露设计规范变量

lerna

使用方式

yarn add @fruits-chain/design-tokens-bailu

小暑

import React from 'react'

import DesignTokensBailu from '@fruits-chain/design-tokens-bailu'
import DesignTokensBailuVar from '@fruits-chain/design-tokens-bailu/lib/e-stylesheet.js'
import { Provider } from '@fruits-chain/react-native-xiaoshu'

import EStyleSheet from '@/lib/react-native-extended-stylesheet'

EStyleSheet.build({
  // $开头,_符号链接
  ...DesignTokensBailuVar,
  // 自定义覆盖
  $brand_6: '#f30',
})

import Routes from './routes'

const App = () => {
  return (
    <Provider theme={DesignTokensBailu}>
      <Routes />
    </Provider>
  )
}

export default App

Antd

craco.config.js

import DesignTokensBailuAntdModify from '@fruits-chain/design-tokens-bailu/lib/antd-modify.js'
import DesignTokensBailuLessGlobal from '@fruits-chain/design-tokens-bailu/lib/less-global.js'
const CracoLessPlugin = require('craco-less')

module.exports = {
  plugins: [
    {
      plugin: CracoLessPlugin,
      options: {
        lessLoaderOptions: {
          lessOptions: {
            globalVars: {
              // -符号链接
              ...DesignTokensBailuLessGlobal,
            },
            modifyVars: {
              ...DesignTokensBailuAntdModify,
            },
            javascriptEnabled: true,
          },
        },
      },
    },
  ],
}

AntdMobile

import React from 'react'

// 注入基础变量
import '@fruits-chain/design-tokens-bailu/lib/index.css'

// 覆盖 mobile
import '@fruits-chain/design-tokens-bailu/lib/antd-mobile.css'

import Routes from './routes'

const App = () => {
  return <Routes />
}

export default App

Readme

Keywords

none

Package Sidebar

Install

npm i @fruits-chain/design-tokens-bailu

Weekly Downloads

68

Version

0.1.0

License

ISC

Unpacked Size

16.3 kB

Total Files

10

Last publish

Collaborators

  • hemuxue
  • nietao
  • changhuali
  • never-w
  • limoer
  • winljm001
  • onlyling