aboutsummaryrefslogtreecommitdiff
path: root/book/theme/css
diff options
context:
space:
mode:
authorBlaž Hrastnik2021-05-30 15:31:39 +0000
committerBlaž Hrastnik2021-05-30 15:32:21 +0000
commit1132c5122fe8a325b2b762cf920cc5e54e91991e (patch)
tree0949a7c57b5bffa2b683ba4608a7b3835cbd64f4 /book/theme/css
parent4a8053e832830706f9b7ef627309b250a4d732dc (diff)
Update mdbook styling, add link to AUR
Diffstat (limited to 'book/theme/css')
-rw-r--r--book/theme/css/general.css16
-rw-r--r--book/theme/css/variables.css11
2 files changed, 18 insertions, 9 deletions
diff --git a/book/theme/css/general.css b/book/theme/css/general.css
index 1eebef0f..7749bded 100644
--- a/book/theme/css/general.css
+++ b/book/theme/css/general.css
@@ -109,7 +109,7 @@ h6:target::before {
margin-top: 1.275em;
margin-bottom: .875em;
}
-.content p, .content ol, .content ul, .content table, .content blockquote {
+.content p, .content ol, .content ul, .content table {
margin-top: 0;
margin-bottom: .875em;
}
@@ -123,8 +123,7 @@ h6:target::before {
.content .header:link,
.content .header:visited {
color: var(--fg);
- /* color: white; */
- color: #281733;
+ color: var(--heading-fg);
}
.content .header:link,
.content .header:visited:hover {
@@ -168,12 +167,15 @@ table tbody tr:nth-child(2n) {
blockquote {
- margin: 20px 0;
- padding: 0 20px;
+ margin: 1.5rem 0;
+ padding: 1rem 1.5rem;
color: var(--fg);
+ opacity: .9;
background-color: var(--quote-bg);
- border-top: .1em solid var(--quote-border);
- border-bottom: .1em solid var(--quote-border);
+ border-left: 4px solid var(--quote-border);
+}
+blockquote *:last-child {
+ margin-bottom: 0;
}
diff --git a/book/theme/css/variables.css b/book/theme/css/variables.css
index fcf3463a..a49d6794 100644
--- a/book/theme/css/variables.css
+++ b/book/theme/css/variables.css
@@ -13,6 +13,7 @@
.ayu {
--bg: hsl(210, 25%, 8%);
--fg: #c5c5c5;
+ --heading-fg: #c5c5c5;
--sidebar-bg: #14191f;
--sidebar-fg: #c8c9db;
@@ -53,6 +54,7 @@
.coal {
--bg: hsl(200, 7%, 8%);
--fg: #98a3ad;
+ --heading-fg: #98a3ad;
--sidebar-bg: #292c2f;
--sidebar-fg: #a1adb8;
@@ -93,6 +95,7 @@
.light {
--bg: hsl(0, 0%, 100%);
--fg: hsl(0, 0%, 0%);
+ --heading-fg: hsl(0, 0%, 0%);
--sidebar-bg: #fafafa;
--sidebar-fg: hsl(0, 0%, 0%);
@@ -133,6 +136,7 @@
.navy {
--bg: hsl(226, 23%, 11%);
--fg: #bcbdd0;
+ --heading-fg: #bcbdd0;
--sidebar-bg: #282d3f;
--sidebar-fg: #c8c9db;
@@ -173,6 +177,7 @@
.rust {
--bg: hsl(60, 9%, 87%);
--fg: #262625;
+ --heading-fg: #262625;
--sidebar-bg: #3b2e2a;
--sidebar-fg: #c8c9db;
@@ -214,6 +219,7 @@
.light.no-js {
--bg: hsl(200, 7%, 8%);
--fg: #ebeafa;
+ --heading-fg: #ebeafa;
--sidebar-bg: #292c2f;
--sidebar-fg: #a1adb8;
@@ -297,6 +303,7 @@
--bg: #ffffff;
--fg: #452859;
--fg: #5a5977;
+ --heading-fg: #281733;
--sidebar-bg: #281733;
--sidebar-fg: #c8c9db;
@@ -317,8 +324,8 @@
--theme-popup-border: #737480;
--theme-hover: rgba(0,0,0, .2);
- --quote-bg: hsl(226, 15%, 17%);
- --quote-border: hsl(226, 15%, 22%);
+ --quote-bg: rgba(0, 0, 0, 0);
+ --quote-border: hsl(226, 15%, 75%);
--table-border-color: #5a5977;
--table-border-color: hsl(201deg 10% 67%);