61 lines
1.7 KiB
SCSS
61 lines
1.7 KiB
SCSS
$types: (
|
|
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")
|
|
);
|
|
|
|
|
|
@each $label, $map in $types {
|
|
|
|
.#{$label} {
|
|
padding:12px;
|
|
line-height:24px;
|
|
margin-bottom:24px;
|
|
-webkit-font-smoothing:antialiased;
|
|
|
|
background: map-get($map, color);
|
|
|
|
> p:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
&.admonition-title{
|
|
line-height: 1;
|
|
background: map-get($map, title-color);
|
|
margin-bottom: 0px;
|
|
|
|
&:before{
|
|
font-family:FontAwesome;
|
|
content: map-get($map, icon);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
#content .admonition-title{
|
|
color:#fff;
|
|
font-weight:bold;
|
|
display:block;
|
|
color:#fff;
|
|
padding:6px 12px;
|
|
margin-bottom:0px;
|
|
font-family:inherit;
|
|
-webkit-font-smoothing:antialiased;
|
|
|
|
&:before{
|
|
margin-right:4px;
|
|
font-family:"FontAwesome";
|
|
display:inline-block;
|
|
font-style:normal;
|
|
font-weight:normal;
|
|
line-height:1;
|
|
text-decoration:inherit;
|
|
}
|
|
}
|