design-system
design-system
design-system-cashu for faster and easier web development. With compiled CSS and JavaScript for include in projects.
Start
- Clone the repo:
git clone https://github.com/CashU-BR/design-system - Install with npm:
npm i cashu-design-system - Install with yarn:
yarn add cashu-design-system
CLI
- Run server local:
npm start - Generate build:
npm run build - Generate version npm
npm version x.x.x - Publish version npm
npm publish
File structure
cashu-design-system/
├── dist/
│ ├── bundle.css
│ ├── bundle.js
│ ├── assets
Usage in HTML file
<head>
...
<link rel="stylesheet" href="./node_modules/cashu-design-system/dist/bundle.css">
...
</head><body>
...
<script src="./node_modules/cashu-design-system/dist/bundle_html.js"></script>
...
</body>Code pattern
- ESLint This is a lint for JS
-
stylelint This is pattern for css
- stylelint-order Eslint plugin that lets you create sorting rules