Skip to content

Latest commit

 

History

History
79 lines (55 loc) · 1.89 KB

README.md

File metadata and controls

79 lines (55 loc) · 1.89 KB
Raw

LOGO


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.

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.