mirror of
https://github.com/IT4Change/Ocelot-Social.git
synced 2025-12-13 07:45:56 +00:00
e578d65720
*Total -- 956.11kb -> 740.82kb (22.52%) /styleguide/src/system/assets/img/Logo-Horizontal-Dark@2x.png -- 129.95kb -> 87.29kb (32.82%) /styleguide/src/system/assets/img/Logo-Horizontal-Dark.png -- 59.41kb -> 39.93kb (32.8%) /styleguide/src/system/assets/img/Logo-Horizontal@2x.png -- 132.12kb -> 89.97kb (31.9%) /styleguide/src/system/assets/img/Logo-Horizontal.png -- 60.48kb -> 41.31kb (31.69%) /static/img/sign-up/onourjourney.png -- 68.22kb -> 49.92kb (26.83%) /static/img/sign-up/nicetomeetyou.png -- 61.97kb -> 46.37kb (25.18%) /static/img/sign-up/humanconnection.png -- 108.97kb -> 87.93kb (19.3%) /styleguide/preview/customize.png -- 334.99kb -> 298.10kb (11.01%)
CION Vue Design System
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.cion.visualjerk.de
Landing page demo: https://cion.visualjerk.de
Integrate it in your application: Quick Start
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