# fe-style

**Repository Path**: jack.yuan/fe-style

## Basic Information

- **Project Name**: fe-style
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2017-07-26
- **Last Updated**: 2021-11-02

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# fe style

## 使用说明

### 安装

1. 在 package.json 的 “dependencies” 中添加:
    `"fe-style": "git@git.oschina.net:jack.yuan/fe-style.git"`
2. 执行 `npm install`
3. 修改 webpack 配置的 less-loader:
    ```javascript
    const feStyle = require('fe-style');

    ...
    {
      loader: `less-loader?{"modifyVars":${JSON.stringify(feStyle)}}`
    }
    ...
    ```

### 使用 Ant Design 的默认变量

为保持自定义样式与 Ant Desgin 默认样式的一致性，请创建一个独立的 LESS 文件，如 `./src/default.less` 并引入 Ant Design 的默认变量：

```css
@import '~antd/lib/style/themes/default.less';
```

在样式文件中引入 `default.less` 即可直接使用 Ant Design 的默认变量。变量列表请查看下方的 《BUI Theme 文档》，或访问 https://github.com/ant-design/ant-design/blob/master/components/style/themes/default.less


## BUI Theme

![BUI Theme Docs](BUI-theme-docs.png)
![BUI Color Patterns](BUI-color-patterns.png)


## Changelog

* 2017.06.06 更改 `@body-background` 为 `#eee`