Use color variables
This commit is contained in:
parent
5311a5ba99
commit
e468196eba
@ -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);
|
||||
|
Loading…
Reference in New Issue
Block a user