# phoenix-styles

> Styles for phoenix-ui.

Latest version **3.2.6** (published 2019-04-25) · MIT license · 0 weekly downloads

## Install

```sh
npm install phoenix-styles
pnpm add phoenix-styles
yarn add phoenix-styles
bun add phoenix-styles
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 3.2.6 |
| Published | 2019-04-25 |
| First published | 2016-05-26 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 2 |
| Unpacked size | 1.5 MB |
| Known vulnerabilities | 0 |
| Install scripts | yes |
| GitHub stars | 2 |
| Author | min.xiao@dianping.com |
| Maintainers | future_team |
| Keywords | phoenix, styles, phoenix-styles |

## Links

- npm: https://www.npmjs.com/package/phoenix-styles
- Repository: https://github.com/future-team/phoenix-styles
- Issues: https://github.com/future-team/phoenix-styles/issues
- npm.io page: https://npm.io/package/phoenix-styles

## Dependencies (2)

- [gfs-icons](https://npm.io/package/gfs-icons.md) ^1.0.3
- [@dp/acinonyx-info](https://npm.io/package/@dp/acinonyx-info.md) latest

## Recent versions

- 3.2.6 (latest) — 2019-04-25
- 3.2.5 — 2019-04-25
- 3.2.4 — 2019-04-24
- 3.2.3 — 2019-04-24
- 3.2.2 — 2018-08-06
- 3.2.1 — 2018-08-06
- 3.2.0 — 2018-02-03
- 3.1.5 — 2018-02-02
- 3.1.4 — 2018-01-24
- 3.1.3 — 2018-01-24
- 3.1.2 — 2018-01-02
- 3.1.1 — 2017-12-28
- 3.1.0 — 2017-12-18
- 2.2.0 — 2017-12-04
- 3.0.1 — 2017-12-03
- … 47 more at https://npm.io/package/phoenix-styles/versions

## README

# phoenix-styles
一套完整的UI样式库,提供了简洁风格的布局和组件样式。
搭配React UI组件库phoenix-ui使用: [https://github.com/future-team/phoenix-ui](https://github.com/future-team/phoenix-ui)

## Install
```
    $ npm install phoenix-styles --save
```

## Usage

```
    // Global
    <link rel="stylesheet" href="http://future-team.github.io/phoenix-styles/dist/phoenix-styles.min.css" />
    // add IOS skin
    <link rel="stylesheet" href="http://future-team.github.io/phoenix-styles/dist/skin-ios.min.css" />

    // ES6
    import 'phoenix-styles/less/public.less';

    // Less(packaging by less-loader)
    @import '~phoenix-styles/less/public.less';
```

## Documentation

[http://future-team.github.io/phoenix-styles/example/index.html](http://future-team.github.io/phoenix-styles/example/index.html)

## Browser Support
Phoenix Styles is tested with the following browsers and mobile OS.

- Android 4.4.2 +
- IOS 8 +
- Chrome

## Command

```
  $ npm run build
  $ npm run less 
  $ npm run dev
```

## Repair

`version 3.0.0` 移除2.0中建议的viewport以及rem布局，调整1px边线，新增公共类。 <br/>
`version 2.0.5` Tab新增可换行的样式 <br/>
`version 2.0.0` 移除FormGroup和TableView,新增List；样式规范化 <br/>
`version 1.5.2` button新增icon属性调整 <br/>
`version 1.5.1` 新增image-list等组件的样式 <br/>
`version 1.4.1` 新增menu组件样式 <br/>
`version 1.1.3` 引入gfs-icons <br/>
`version 1.1.1` 样式统一加ph前缀，配合Phoenix-ui@v1.1.1使用 <br/>
`version 1.1.0` 增加IOS样式(ios-skin) <br/>
`version 1.0.0` 增加phoenix-styles-grid.less兼容Android4.4以下布局方案 <br/>
`version 0.3.8` 样式参数化 <br/>

---
_Source: https://npm.io/package/phoenix-styles · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._