Merge pull request #1319 from satotake/fix-website-alert-color
docs: fix color contrast of admonitions
This commit is contained in:
commit
b51b611e13
@ -103,6 +103,9 @@ h2 {
|
||||
code {
|
||||
margin: 0 1px;
|
||||
color: var(--ifm-code-color);
|
||||
.alert & {
|
||||
color: var(--ifm-alert-foreground-color);
|
||||
}
|
||||
}
|
||||
|
||||
.markdown {
|
||||
@ -618,7 +621,7 @@ img[alt="github-contribute"] {
|
||||
.admonition-#{$name} .admonition-icon::before {
|
||||
mask: url($path);
|
||||
content: "";
|
||||
background-color: var(--ifm-color-primary-dark);
|
||||
background-color: var(--ifm-alert-foreground-color);
|
||||
display: block;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
@ -633,17 +636,3 @@ img[alt="github-contribute"] {
|
||||
$caution: "/img/Dagger_Icons_Caution.svg",
|
||||
$danger: "/img/Dagger_Icons_Danger.svg"
|
||||
);
|
||||
|
||||
$alert: secondary, success, info, warning, danger;
|
||||
|
||||
@each $name in $alert {
|
||||
$color: if(
|
||||
$name==danger,
|
||||
var(--ifm-color-primary-light),
|
||||
var(--ifm-color-primary-dark)
|
||||
);
|
||||
|
||||
.admonition.alert--#{$name} {
|
||||
color: $color;
|
||||
}
|
||||
}
|
||||
|
Reference in New Issue
Block a user