git: a7228cfb9f - main - Add background color to example blocks like the other admonitions
- Go to: [ bottom of page ] [ top of archives ] [ this month ]
Date: Sun, 19 Dec 2021 11:00:07 UTC
The branch main has been updated by carlavilla:
URL: https://cgit.FreeBSD.org/doc/commit/?id=a7228cfb9f1cf8c97e8e252c9a0a6c597fcb49b0
commit a7228cfb9f1cf8c97e8e252c9a0a6c597fcb49b0
Author: Sergio Carlavilla Delgado <carlavilla@FreeBSD.org>
AuthorDate: 2021-12-19 10:59:21 +0000
Commit: Sergio Carlavilla Delgado <carlavilla@FreeBSD.org>
CommitDate: 2021-12-19 10:59:21 +0000
Add background color to example blocks like the other admonitions
---
documentation/themes/beastie/assets/styles/global.scss | 3 ++-
documentation/themes/beastie/assets/styles/variables.scss | 6 ++++++
2 files changed, 8 insertions(+), 1 deletion(-)
diff --git a/documentation/themes/beastie/assets/styles/global.scss b/documentation/themes/beastie/assets/styles/global.scss
index 33f5299c11..72d1919a12 100644
--- a/documentation/themes/beastie/assets/styles/global.scss
+++ b/documentation/themes/beastie/assets/styles/global.scss
@@ -628,8 +628,9 @@ table.stretch {
/* Example */
.example, .exampleblock {
- border-left: 5px solid #f1bb16;
+ border-left: 5px solid var(--example-block-color);
padding: 1rem;
+ background-color: var(--example-block-background-color);
}
.exampleblock {
diff --git a/documentation/themes/beastie/assets/styles/variables.scss b/documentation/themes/beastie/assets/styles/variables.scss
index 0ee2a12a8e..c748b638b7 100644
--- a/documentation/themes/beastie/assets/styles/variables.scss
+++ b/documentation/themes/beastie/assets/styles/variables.scss
@@ -71,6 +71,8 @@
--admonition-caution-background-color: #FFECE6;
--admonition-tip-color: #43B929;
--admonition-tip-background-color: #EDFAEA;
+ --example-block-color: #F1BB16;
+ --example-block-background-color: #FEF8E7;
}
.theme-dark {
@@ -101,6 +103,8 @@
--admonition-caution-background-color: #FFECE6;
--admonition-tip-color: #43B929;
--admonition-tip-background-color: #EDFAEA;
+ --example-block-color: #F1BB16;
+ --example-block-background-color: #FEF8E7;
}
.theme-high-contrast {
@@ -131,4 +135,6 @@
--admonition-caution-background-color: #FFECE6;
--admonition-tip-color: #43B929;
--admonition-tip-background-color: #EDFAEA;
+ --example-block-color: #F1BB16;
+ --example-block-background-color: #FEF8E7;
}