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: ( $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);