Skip to content

mand-mobile/palette

Folders and files

NameName
Last commit message
Last commit date

Latest commit

2f12172 Β· Jan 20, 2021

History

63 Commits
Jun 12, 2018
Jun 13, 2018
Oct 18, 2019
Oct 18, 2019
Jun 4, 2018
Jun 4, 2018
Jun 4, 2018
Jul 5, 2019
Jul 5, 2019
Apr 25, 2019
Apr 25, 2019
Jun 4, 2018
Jul 5, 2019
Jul 5, 2019
Jun 4, 2018
Jan 20, 2021
Jul 5, 2019
Oct 12, 2019
Oct 18, 2019

Repository files navigation

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 [email protected]:mand-mobile/palette.git
cd palette
npm install
npm run dev

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