MTVH Design System

View documentation for MTVH Design System.

This library is dependant on:

• Bootstrap 5.*

Development

• 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.

To run proxy decap local cms

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/

Installation

1. Installing with NPM
2. OR Import css styles
3. Adding fonts and images assets

Installing with NPM

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">

Adding fonts and images assets

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.