0.2.1 • Published 4 years ago

aokacss v0.2.1

Weekly downloads
2
License
MIT
Repository
github
Last release
4 years ago

aokacss

aokacss is simple Material Design css dramework.

Instalation

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;

Configuration

You can add configuration to aokacss with

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

There is aokacss supported configuration.

enabledColors

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

themes

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.

Module

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

NameDescription
allImport all aokacss modules
baseImport base module
layoutImport all layout module
layout/baseImport base layout module
layout/columnsImport columns layout module
layout/heroImport hero layout module
widgetImport all widget
widget/app-bar-topImport app bar top widget
widget/buttonImport button widget
widget/tabImport tab widget
widget/selectionImport radio and check widget
widget/text-field'Import text input widget
widget/cardImport card widget
widget/listImport list widget