Skip to content

nilskaspersson/Google-Material-UI-Color-Palette

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 

Repository files navigation

Sass Maps of the Google Material UI Color Palette

Here are Sass maps of the Color Palette found in the Google Material UI.

Usage

Use map-get($color, $value) (reference) using the color names and values from the Material UI specification. Spaces in color names are replaced with a single hyphen (-).

Bundled is a custom function to improve the semantics of the color palette:

@function color($color, $value: 500) {
  @return map-get($color, $value);
}

Which can be used like this:

.element {
  background: color($indigo, 400);
}

Do note that if no $value is set, it defaults to the primary color value of 500.

Requirements

Sass 3.3 (Maptastic Maple)

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages