Use color variables
This commit is contained in:
parent
5311a5ba99
commit
e468196eba
@ -1,14 +1,13 @@
|
|||||||
$types: (
|
$types: (
|
||||||
note: (color: hsl(0, 0%, 94%), title-color: hsl(0, 0%, 64%), icon: ""),
|
seealso: (color: $pale-grey, title-color: $grey, icon: "\f05a"),
|
||||||
seealso: (color: hsl(0, 0%, 94%), title-color: hsl(0, 0%, 64%), icon: ""),
|
definition: (color: $pale-red, title-color: $red, icon: "\f005"),
|
||||||
definition: (color: hsl(360, 61%, 94%), title-color: hsl(360, 61%, 64%), icon: ""),
|
exampl: (color: $pale-green, title-color: $green, icon: "\f013"),
|
||||||
exampl: (color: hsl(160, 61%, 94%), title-color: hsl(160, 61%, 64%), icon: ""),
|
question: (color: $pale-yellow, title-color: $yellow, icon: "\f059"),
|
||||||
question: (color: hsl(55, 61%, 94%), title-color: hsl(55, 61%, 64%), icon: ""),
|
summary: (color: $pale-blue, title-color: $blue, icon: "\f02e"),
|
||||||
summary: (color: hsl(204, 61%, 94%), title-color: hsl(204, 61%, 64%), icon: ""),
|
hint: (color: $pale-grey, title-color: $grey, icon: "\f05a"),
|
||||||
hint: (color: hsl(0, 0%, 94%), title-color: hsl(0, 0%, 64%), icon: ""),
|
important: (color: $pale-orange, title-color: $orange, icon: "\f005"),
|
||||||
important: (color: hsl(32, 61%, 94%), title-color: hsl(32, 61%, 64%), icon: ""),
|
caution: (color: $pale-orange, title-color: $orange, icon: "\f071"),
|
||||||
caution: (color: hsl(32, 61%, 94%), title-color: hsl(32, 61%, 64%), icon: ""),
|
warning: (color: $pale-orange, title-color: $orange, icon: "\f071")
|
||||||
warning: (color: hsl(32, 61%, 94%), title-color: hsl(32, 61%, 64%), icon: "")
|
|
||||||
);
|
);
|
||||||
|
|
||||||
|
|
||||||
@ -22,11 +21,10 @@ $types: (
|
|||||||
|
|
||||||
background: map-get($map, color);
|
background: map-get($map, color);
|
||||||
|
|
||||||
p:last-child, .last {
|
> p:last-child {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
&.admonition-title{
|
&.admonition-title{
|
||||||
line-height: 1;
|
line-height: 1;
|
||||||
background: map-get($map, title-color);
|
background: map-get($map, title-color);
|
||||||
|
Loading…
Reference in New Issue
Block a user