当前位置：文江博客 Node Package Readme @-ui/styles 中文文档教程

@-ui/styles 中文文档教程

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

@-ui/styles

npm i @-ui/styles

```jsx和谐 // 反应示例从“反应”导入反应从 '@-ui/styles' 导入样式

styles.variables({ 颜色： { 红色：'#c12'，蓝色：'#09a'，紫色：'#800080'， }, })

常量样式 = 样式({ 红色：<代码> 颜色：var(--colors-red); , 蓝色：（{颜色}）=> ` 颜色：${colors.blue}；

.${style('red')} {
  color: ${colors.purple};
}

`, })

常量组件 = (props) => (

Hello world Hello world I'm always blue I'm purple when my parent is blue

) ```

MIT

npm i @-ui/styles

```jsx harmony // React example import React from 'react' import styles from '@-ui/styles'

styles.variables({ colors: { red: '#c12', blue: '#09a', purple: '#800080', }, })

const style = styles({ red: color: var(--colors-red);, blue: ({colors}) => ` color: ${colors.blue};

.${style('red')} {
  color: ${colors.purple};
}

`, })

const Component = (props) => (

Hello world Hello world I'm always blue I'm purple when my parent is blue

) ```

MIT

文江博客