schtobia/flex
1
0
Fork 0
Code Issues Pull requests Activity

Add support for admonitions

Browse source
This commit is contained in:
lpenaud 2019-12-09 21:53:23 +01:00
parent 37f8420cde
commit cd7961ef60
2 changed files with 162 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

121
static/stylesheet/style.less
View file

@ -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;
}
}

41
static/stylesheet/variables.less
View file

@ -72,3 +72,44 @@
@mastodon-bg-color: #3088d4;
@flickr-bg-color: #ff0084;
@lastfm-bg-color: #d92323;
// Admonition colors
@admonition-attention-title-color: @white;
@admonition-attention-title-bg-color: #f14668;
@admonition-attention-color: #ff3860;
@admonition-attention-bg-color: #feecf0;
@admonition-caution-title-bg-color: #ffdd57;
@admonition-caution-title-color: #4f451b;
@admonition-caution-bg-color: #fffbeb;
@admonition-caution-color: #947600;
@admonition-danger-title-color: @white;
@admonition-danger-title-bg-color: @admonition-attention-title-bg-color;
@admonition-danger-color: @admonition-attention-color;
@admonition-danger-bg-color: @admonition-attention-bg-color;
@admonition-error-title-color: @white;
@admonition-error-title-bg-color: @admonition-attention-title-bg-color;
@admonition-error-color: @admonition-attention-color;
@admonition-error-bg-color: @admonition-attention-bg-color;
@admonition-hint-title-color: @white;
@admonition-hint-title-bg-color: #363636;
@admonition-hint-color: #4a4a4a ;
@admonition-hint-bg-color: #fafafa;
@admonition-important-title-bg-color: @admonition-caution-title-bg-color;
@admonition-important-title-color: @admonition-caution-title-color;
@admonition-important-bg-color: @admonition-caution-bg-color;
@admonition-important-color: @admonition-caution-color;
@admonition-note-title-color: @white;
@admonition-note-title-bg-color: #3298dc;
@admonition-note-color: #1d72aa;
@admonition-note-bg-color: #eef6fc;
@admonition-tip-title-color: @admonition-note-title-color;
@admonition-tip-title-bg-color: @admonition-note-title-bg-color;
@admonition-tip-color: @admonition-note-color;
@admonition-tip-bg-color: @admonition-note-bg-color;