View documentation for MTVH Design System.
This library is dependant on:
- Bootstrap 5.*
-
npm install
will download dependancies -
npm run dev
will start dev environment - http://localhost:1313/ -
npm run build
will build and minify css to dist folder http://localhost:1313/ -
npm publish --access=public
Please run npm build before you publish. This will publish dist folder to npm. Note, you will need a permission to do so.
Access to static/admin, run 'npx decap-server' Once the proxy started you should be able to cms, ie http://localhost:1313/admin See more from https://decapcms.org/docs/beta-features/
- Installing with NPM
- OR Import css styles
- Adding fonts and images assets
npm install @mtvh/mtvh-design-system
To import all styles as a single package you need to add following snippet to your main SCSS file:
@import '/node_modules/@mtvh/mtvh-design-system/dist/mtvh.min.css';
Alternatively, you could include the css inside the footer/head tag depending on your site structure
<link type="text/css" rel="stylesheet" href="dist/mtvh.min.css">
The css uses the fonts and icons following the relative path, ie ./
you would need to store the font and images folder relatively to the css.