mirror of
https://github.com/IT4Change/Ocelot-Social.git
synced 2025-12-13 07:45:56 +00:00
*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%)
Human Connection - NITRO Web
Build Setup
Install
# install all dependencies
$ cd styleguide && yarn install && cd ..
$ yarn run styleguide:build
$ yarn install
Development
# serve with hot reload at localhost:3000
$ yarn dev
Build for production
# build for production and launch server
$ yarn build
$ yarn start
Styleguide
All reusable Components (for example avatar) should be done inside the styleguide directory.
To show the styleguide
$ yarn styleguide
if you changed design tokens or other styles inside the styleguide, run the refresh command to build the styleguide as a lib
$ yarn styleguide:build
Description
Languages
TypeScript
35.7%
Vue
24.9%
JavaScript
19.2%
HTML
17.8%
SCSS
0.9%
Other
1.4%

