@import 'defaults';
@mixin blockTitle() {
font-weight: 700; font-size: 1em; text-align: center;
}
@mixin monospaceBlockStyle() {
font-family: $monospacefont; font-variant-ligatures: none;
}
@mixin admonitionBlock() {
.AdmonitionTitle { @include blockTitle(); }
}
@mixin recommendationBlock() {
.RecommendationTitle { @include blockTitle(); }
}
@mixin figureBlock() {
.FigureTitle, .figure-title { @include blockTitle(); } > img { margin-left: auto; margin-right: auto; display: block; max-width: 100%; height: auto; } line-height: 1.6em; padding: 1.5em; margin: 2em 0 1em 0; overflow: auto;
}
@mixin sourceBlock($colorBg, $colorFg: null) {
@include monospaceBlockStyle(); @if $colorFg { color: $colorFg; } background-color: $colorBg; font-size: $monospacefontsize; line-height: 1.6em; padding: 1.5em; margin: 2em 0 1em 0; overflow-y: auto; overflow-x: scroll;
}
@mixin pseudocodeBlock($colorBg, $colorFg: null) {
.SourceTitle { @include blockTitle(); } @if $colorFg { color: $colorFg; } background-color: $colorBg; font-size: $monospacefontsize; line-height: 1.6em; padding: 1.5em; margin: 2em 0 1em 0; overflow: auto;
}
@mixin exampleBlock($colorBg, $colorText, $padding: .5em, $offsetContent: 1.5em) {
background-color: $colorBg; padding: $padding; margin: 2em 0 1em 0; text-align: left; p { margin: 0; } @if $colorText { color: #424242; } @if $offsetContent { padding-left: $padding + $offsetContent; } .example-title { font-weight: 700; text-transform: uppercase; @if $offsetContent { margin-left: -$offsetContent; } }
}
@mixin formulaBlock($colorBg) {
background-color: $colorBg; padding: 1.5em; margin-top: 2em; text-align: center;
}
@mixin blockquoteBlock($colorBg, $rightAlignAttribution: false) {
background-color: $colorBg; font-style: italic; width: 80%; padding: 1.5em; margin-top: 2em; margin-left: auto; margin-right: auto; @if $rightAlignAttribution { .QuoteAttribution { text-align: right; } }
}