aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorFran├žois Kooman <fkooman@tuxed.net>2021-01-26 14:55:58 +0100
committerFran├žois Kooman <fkooman@tuxed.net>2021-01-26 14:55:58 +0100
commit41051430f2b7a9b15eb22882a370c76b2b4c8812 (patch)
tree851581b56f1b363b2d1bfc116d5e16c0b880d614
parent436381c55bc225c8d2d7cc578a3a0e8e0eb2a353 (diff)
downloadwww.tuxed.net-41051430f2b7a9b15eb22882a370c76b2b4c8812.zip
www.tuxed.net-41051430f2b7a9b15eb22882a370c76b2b4c8812.tar.gz
www.tuxed.net-41051430f2b7a9b15eb22882a370c76b2b4c8812.tar.xz
update CSS
-rw-r--r--css/simple.css42
1 files changed, 27 insertions, 15 deletions
diff --git a/css/simple.css b/css/simple.css
index e69585f..ec5239a 100644
--- a/css/simple.css
+++ b/css/simple.css
@@ -23,6 +23,8 @@
--accent: #0D47A1;
--accent-light: #90CAF9;
--code: #D81B60;
+ --preformatted: #444;
+ --marked: #FFDD33;
}
/* Dark theme */
@@ -36,6 +38,7 @@
--accent: #FFB300;
--accent-light: #FFECB3;
--code: #F06292;
+ --preformatted: #CCC;
}
img {
@@ -93,6 +96,11 @@ header p {
margin: 0;
}
+/* Fix header line height when title wraps */
+header h1 {
+ line-height: 1.1;
+}
+
/* Format navigation */
nav {
font-size: 1rem;
@@ -323,8 +331,9 @@ hr {
}
mark {
- padding: 3px 6px;
- background: var(--accent-light);
+ padding: 2px 5px;
+ border-radius: 4px;
+ background: var(--marked);
}
main img {
@@ -362,29 +371,32 @@ code,
pre,
kbd,
samp {
- font-family: var(--mono-font);
- color: var(--code);
+ font-size: 1.075rem;
+ font-family: var(--mono-font);
+ color: var(--code);
}
kbd {
- border: 1px solid var(--code);
- border-bottom: 3px solid var(--code);
- border-radius: 5px;
- padding: .1rem;
+ color: var(--preformatted);
+ border: 1px solid var(--preformatted);
+ border-bottom: 3px solid var(--preformatted);
+ border-radius: 5px;
+ padding: .1rem;
}
pre {
- padding: 1rem 1.4rem;
- max-width: 100%;
- overflow: auto;
- background: var(--accent-bg);
- border: 1px solid var(--border);
- border-radius: 5px;
+ padding: 1rem 1.4rem;
+ max-width: 100%;
+ overflow: auto;
+ color: var(--preformatted);
+ background: var(--accent-bg);
+ border: 1px solid var(--border);
+ border-radius: 5px;
}
/* Fix embedded code within pre */
pre code {
- color: var(--text);
+ color: var(--preformatted);
background: none;
margin: 0;
padding: 0;