aokacss is simple Material Design css dramework.

aokacss can be used with PostCSS.

npm install aokacss

Add aokacss to PostCSS Config.

module.exports = {
  plugins: [
    ...,
    require("aokacss"),
    ...
  ]
}

Then add aokacss to your css file

@aoka all;

You can add configuration to aokacss with

require('aokacss')({
  enabledColors: ['red']
});

There is aokacss supported configuration.

Default value
['all']

Description
Array contain enabled color theme

Value
all, red,pink,purple,deep-purple,indigo,blue,light-blue,cyan,teal,green,light-green,lime,yellow,amber,orange,deep-orange,brown,gray,blue-gray,black,white

Default value

background: {
  default: '#ffffff',
  text: '#000000'
},
surface: {
  default: '#ffffff',
  text: '#000000'
},
primary: {
  default: '#6200EE',
  dark: '#3700B3',
  text: '#ffffff'
}

Description
Object that descibe theme colors.

Value
Must have background, surface, and primary. All field must have default values. dark and text is optional.

@aoka at rule import aokacss module. aoka css have this module