@txdfe/at-theme

at-theme(at主题变量包)

目录结构

.
├── README.md
├── apsara // 天基主题
│   ├── css
│   │   └── index.css // css变量版本
│   ├── js
│   │   └── index.js // js版本
│   ├── less
│   │   └── index.less // less版本
│   └── scss  // 原始scss版本
│       ├── index.scss
│       ├── mixins
│       │   └── font.scss
│       └── variables
│           ├── color.scss
│           ├── radius.scss
│           └── shadow.scss
├── apsara-dark // 天基暗色主题
│   ├── css
│   │   └── index.css
│   ├── js
│   │   └── index.js
│   ├── less
│   │   └── index.less
│   └── scss
│       ├── index.scss
│       ├── mixins
│       │   └── font.scss
│       └── variables
│           ├── color.scss
│           ├── radius.scss
│           └── shadow.scss
├── common // 一些通用常量
│   └── variables
│       ├── color.scss
│       ├── font-family.scss
│       ├── radius.scss
│       ├── shadow.scss
│       └── size.scss
├── package.json
├── scripts
│   ├── config.js
│   ├── convert-variable.js
│   ├── format.js
│   └── sass-extract-js
│       ├── plugin.js
│       └── transform-vars.js
├── teambition // tb主题
│   ├── css
│   │   └── index.css
│   ├── js
│   │   └── index.js
│   ├── less
│   │   └── index.less
│   └── scss
│       ├── index.scss
│       ├── mixins
│       │   └── font.scss
│       └── variables
│           ├── color.scss
│           ├── radius.scss
│           └── shadow.scss
└── teambition-dark // tb暗色主题
    ├── css
    │   └── index.css
    ├── js
    │   └── index.js
    ├── less
    │   └── index.less
    └── scss
        ├── index.scss
        ├── mixins
        │   └── font.scss
        └── variables
            ├── color.scss
            ├── radius.scss
            └── shadow.scss

构建

npm run build会根据各个主题的scss版本生成对应的less、css、js版本。

发布

修改版本号并执行npm publish进行发布

使用(以天基scss版本为例)

@import at-theme/apsara/scss/index.scss