mirror of
https://github.com/Ocelot-Social-Community/Ocelot-Social.git
synced 2025-12-13 07:46:06 +00:00
60 lines
1.3 KiB
Markdown
60 lines
1.3 KiB
Markdown
# Human-Connection Styleguide
|
|
[](https://travis-ci.com/Human-Connection/Nitro-Styleguide)
|
|
[](https://www.npmjs.com/package/@human-connection/styleguide)
|
|
|
|
CION is a Design System build primary for Vue applications. You can use it as a starting point for building your own Design System.
|
|
|
|
The system utilizes design tokens, a living styleguide with integrated code playgrounds and reusable components for common UI tasks.
|
|
|
|
Living styleguide demo: https://styleguide.human-connection.org
|
|
|
|
Landing page demo: https://cion.visualjerk.de
|
|
|
|
Integrate it in your application: [Quick Start](https://github.com/visualjerk/vue-cion-design-system/wiki/Quick-Start)
|
|
|
|
[](https://github.com/visualjerk/vue-cion-design-system/raw/master/preview/customize.png)
|
|
|
|
## Project setup
|
|
```
|
|
yarn install
|
|
```
|
|
|
|
## Developing
|
|
|
|
Compiles and hot-reloads living styleguide
|
|
|
|
```
|
|
yarn dev
|
|
```
|
|
|
|
## Building
|
|
|
|
### Living styleguide
|
|
|
|
|
|
Compiles living styleguide to `./docs`
|
|
|
|
```
|
|
yarn build
|
|
```
|
|
|
|
### Library
|
|
|
|
Compiles design system as a library to `./dist`
|
|
|
|
```
|
|
yarn build:lib
|
|
```
|
|
|
|
## Helper
|
|
|
|
### Serve living styleguide locally
|
|
```
|
|
yarn serve
|
|
```
|
|
|
|
### Lints and fixes files
|
|
```
|
|
yarn lint
|
|
```
|