maple-theme

vue directive for quick style setting.

Feature

• vue directive v-theme instead of css for colors, backgrounds, borders or box-shadow.
• theme or brightness switch by on function.
• scss mixins for flexible using.

HomePage

theme.maple-ui.com

Useage

Install

  $ npm install --save maple-theme

Quick Start

index.js:

import Vue from 'vue';
import MapleTheme from 'maple-theme';

Vue.use(MapleTheme);

app.vue:

<template>
    <div class="app"
         v-theme:background="15">
        <span v-theme:color="0">Maple Theme</span>
    </div>
</temlate>

For more information , See Guide.

LICENSE

MIT