node package manager
Orgs are free. Discover, share, and reuse code in your team. Create a free org »

@beisen/Beaute

Beaute

Beaute is a css library based on the Nature Design specification. [http://beaute.beisen.co/] (http://beaute.beisen.co/)

How to usage

<link rel="stylesheet" href="http://stnew03.beisen.com/ux/@beisen/talent-core/release/dist/css/talent-pc.min.css">
<link rel="stylesheet" href="http://beaute.beisen.co/css/nature-design.min.css">

Version

Example usage

<button class="btn">重置</button>
<button class="btn btn_default">默认</button>
<button class="btn btn_weaken">弱化</button>
<button class="btn btn_default btn_sm">small</button>
<button class="btn btn_weaken btn_sm">small</button>

example btn

线上Demo预览地址

example1

Running locally

  • git clone git@gitlab.beisen.co:ux/Beaute.git
  • cd Beaute/
  • npm install
  • npm start and open http://localhost:3001/

Document

Details see beaute.beisen.co

Versioning

Beaute is maintained under the Semantic Versioning guidelines

Change Log

v0.1.0

  • 第一次版本发布,table, button, form, avatar, search, tab, modal, modaless, progressbar, paging, dropdown, navigation, sidebar, tooltip, panel, miltiselcet, areaselect, userselect, tree, loading等组件样式
  • 文档初稿和平台beaute.beisen.co

ChangeLog Detail

Contributing to Beaute

Create an Issue

Issues Pro Tips

  • Check existing issues
  • Be clear
  • Link to demos
  • Paste error output

Pull Request

Pull Request Pro Tips

  • Fork the repository
  • Create a branch for your edits
  • Be clear
  • It's best to test
  • Include screenshots
  • Contribute in the style of the project