The front-end UI framework with Vue.js and SCSS

by Vue.js Examples

2018-06-24

MOSS-UI

The front-end UI framework with Vue.js and SCSS.

View Documentation Download Source

Installation

npm install moss-ui

Configuration

SCSS

// In your app.scss file.
@import 'app-variables'; // Customize variables for application.
@import 'node_modules/moss-ui/src/scss/moss';
...

Vue Plugin

// In your app.js
import Vue from 'vue';
import MossUI from 'moss-ui';

Vue.use(MossUI);

window.vm = new Vue({
  el: '#app',
});

In HTML

<!-- in <head> tag -->
<link rel="stylesheet" href="/css/app.css">
...

<!-- in the end of <body> tag -->
<script src="https://cdn.polyfill.io/v2/polyfill.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-polyfill/6.23.0/polyfill.js"></script>
<script src="/js/app.js"></script>

GitHub