Add support for admonitions
This commit is contained in:
parent
37f8420cde
commit
cd7961ef60
2 changed files with 162 additions and 0 deletions
|
@ -566,3 +566,124 @@ ul.social {
|
|||
height: 90px;
|
||||
}
|
||||
}
|
||||
|
||||
// Admonition
|
||||
div.admonition {
|
||||
margin-bottom: 2.5rem;
|
||||
|
||||
p.admonition-title {
|
||||
border-radius: 4px 4px 0 0;
|
||||
font-weight: 600;
|
||||
line-height: 1.25em;
|
||||
padding: .5em 1em;
|
||||
margin-bottom: 1.25em;
|
||||
margin-top: inherit;
|
||||
}
|
||||
|
||||
p, div {
|
||||
border-radius: 4px;
|
||||
padding: 1.25em 1.25em 0 1.25em;
|
||||
margin-top: -1.25em;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
p.last, div.last {
|
||||
padding-bottom: 1.25em;
|
||||
}
|
||||
}
|
||||
|
||||
div.admonition.attention {
|
||||
p.admonition-title {
|
||||
color: @admonition-attention-title-color;
|
||||
background-color: @admonition-attention-title-bg-color;
|
||||
}
|
||||
|
||||
p, div {
|
||||
color: @admonition-attention-color;
|
||||
background-color: @admonition-attention-bg-color;
|
||||
}
|
||||
}
|
||||
|
||||
div.admonition.caution {
|
||||
p.admonition-title {
|
||||
color: @admonition-caution-title-color;
|
||||
background-color: @admonition-caution-title-bg-color;
|
||||
}
|
||||
|
||||
p, div {
|
||||
color: @admonition-caution-color;
|
||||
background-color: @admonition-caution-bg-color;
|
||||
}
|
||||
}
|
||||
|
||||
div.admonition.danger {
|
||||
p.admonition-title {
|
||||
color: @admonition-danger-title-color;
|
||||
background-color: @admonition-danger-title-bg-color;
|
||||
}
|
||||
|
||||
p, div {
|
||||
color: @admonition-danger-color;
|
||||
background-color: @admonition-danger-bg-color;
|
||||
}
|
||||
}
|
||||
|
||||
div.admonition.error {
|
||||
p.admonition-title {
|
||||
color: @admonition-error-title-color;
|
||||
background-color: @admonition-error-title-bg-color;
|
||||
}
|
||||
|
||||
p, div {
|
||||
color: @admonition-error-color;
|
||||
background-color: @admonition-error-bg-color;
|
||||
}
|
||||
}
|
||||
|
||||
div.admonition.hint {
|
||||
p.admonition-title {
|
||||
color: @admonition-hint-title-color;
|
||||
background-color: @admonition-hint-title-bg-color;
|
||||
}
|
||||
|
||||
p, div {
|
||||
color: @admonition-hint-color;
|
||||
background-color: @admonition-hint-bg-color;
|
||||
}
|
||||
}
|
||||
|
||||
div.admonition.important {
|
||||
p.admonition-title {
|
||||
color: @admonition-important-title-color;
|
||||
background-color: @admonition-important-title-bg-color;
|
||||
}
|
||||
|
||||
p, div {
|
||||
color: @admonition-important-color;
|
||||
background-color: @admonition-important-bg-color;
|
||||
}
|
||||
}
|
||||
|
||||
div.admonition.note {
|
||||
p.admonition-title {
|
||||
color: @admonition-note-title-color;
|
||||
background-color: @admonition-note-title-bg-color;
|
||||
}
|
||||
|
||||
p, div {
|
||||
color: @admonition-note-color;
|
||||
background-color: @admonition-note-bg-color;
|
||||
}
|
||||
}
|
||||
|
||||
div.admonition.tip {
|
||||
p.admonition-title {
|
||||
color: @admonition-tip-title-color;
|
||||
background-color: @admonition-tip-title-bg-color;
|
||||
}
|
||||
|
||||
p, div {
|
||||
color: @admonition-tip-color;
|
||||
background-color: @admonition-tip-bg-color;
|
||||
}
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue