Use color variables

This commit is contained in:
Thomas Dehaeze 2020-11-26 19:55:43 +01:00
parent 5311a5ba99
commit e468196eba

View File

@ -1,14 +1,13 @@
$types: (
note: (color: hsl(0, 0%, 94%), title-color: hsl(0, 0%, 64%), icon: ""),
seealso: (color: hsl(0, 0%, 94%), title-color: hsl(0, 0%, 64%), icon: ""),
definition: (color: hsl(360, 61%, 94%), title-color: hsl(360, 61%, 64%), icon: ""),
exampl: (color: hsl(160, 61%, 94%), title-color: hsl(160, 61%, 64%), icon: ""),
question: (color: hsl(55, 61%, 94%), title-color: hsl(55, 61%, 64%), icon: ""),
summary: (color: hsl(204, 61%, 94%), title-color: hsl(204, 61%, 64%), icon: ""),
hint: (color: hsl(0, 0%, 94%), title-color: hsl(0, 0%, 64%), icon: ""),
important: (color: hsl(32, 61%, 94%), title-color: hsl(32, 61%, 64%), icon: ""),
caution: (color: hsl(32, 61%, 94%), title-color: hsl(32, 61%, 64%), icon: ""),
warning: (color: hsl(32, 61%, 94%), title-color: hsl(32, 61%, 64%), icon: "")
seealso: (color: $pale-grey, title-color: $grey, icon: "\f05a"),
definition: (color: $pale-red, title-color: $red, icon: "\f005"),
exampl: (color: $pale-green, title-color: $green, icon: "\f013"),
question: (color: $pale-yellow, title-color: $yellow, icon: "\f059"),
summary: (color: $pale-blue, title-color: $blue, icon: "\f02e"),
hint: (color: $pale-grey, title-color: $grey, icon: "\f05a"),
important: (color: $pale-orange, title-color: $orange, icon: "\f005"),
caution: (color: $pale-orange, title-color: $orange, icon: "\f071"),
warning: (color: $pale-orange, title-color: $orange, icon: "\f071")
);
@ -22,11 +21,10 @@ $types: (
background: map-get($map, color);
p:last-child, .last {
margin-bottom:0;
> p:last-child {
margin-bottom: 0;
}
&.admonition-title{
line-height: 1;
background: map-get($map, title-color);