用法
背景颜色
应用一个背景颜色只需要增加颜色的名称和颜色深浅度到元素的class属性中。
这是一个卡片面板带一个 teal、lighten-2 类。
<div class="card-panel teal lighten-2">这是一个卡片面板带一个 teal、lighten-2 类。</div>
文本颜色
设置文本颜色只要在颜色名称后面追加 -text
,例如:
这是一个卡片面板深蓝色文本。
<div class="card-panel">
<span class="blue-text text-darken-2">这是一个卡片面板深蓝色文本。</span>
</div>
Sass
对于背景颜色,你可以简单的应用这些颜色通过继承颜色类,如下:
.ilike-blue-container {
@extend .blue, .lighten-4;
}
对于文本颜色,你可以简单的应用这些颜色通过继承文本颜色类,如下:
.ilike-blue-container {
@extend .blue-text, .text-lighten-4;
}
调色板
Color Palette