Mand Mobile Palette

🎨 A visual theme editing tool for Mand Mobile

Using Palette, you can modify the style of Mand Mobile components and eventually generate .styl and .css files and then import the custom theme style file to your project.

• Start Making Theme

Note: Palette is based on Css Variable, please use it in the following browsers.

Mand Mobile Style

Stylus

• Configure .babelrc

{
    // ...
    "plugins": [
        ["import", { "libraryName": "mand-mobile", "libraryDirectory": "src" }]
    ]
}

• Import

import { button, dialog } from 'mand-mobile'

Find more details in Mand Mobile - Custom Theme.

Css

import Vue from 'vue'
import mandMobile from 'mand-mobile'
import 'mand-mobile/lib/mand-mobile.css'

Vue.use(mandMobile)

How Palette Works

Development

git clone git@github.com:mand-mobile/palette.git
cd palette
npm install
npm run dev

Open your browser and visit http://127.0.0.1:4000.