Some theming improvements

immerjs · Mar 17, 2021 · 5d6a5d7 · 5d6a5d7
1 parent d13987b
commit 5d6a5d7
Show file tree

Hide file tree

Showing 2 changed files with 45 additions and 4 deletions.
diff --git a/website/docusaurus.config.js b/website/docusaurus.config.js
@@ -25,13 +25,19 @@ module.exports = {
 				{
 					type: "doc",
 					docId: "introduction",
-					label: "Documentation"
+					label: "Documentation",
+					position: "right"
+				},
+				{
+					href: "https://github.com/immerjs/immer",
+					label: "GitHub",
+					position: "right"
 				},
-				{href: "https://github.com/immerjs/immer", label: "GitHub"},
 				{
 					type: "doc",
 					docId: "support",
-					label: "Support Immer"
+					label: "Support Immer",
+					position: "right"
 				}
 			]
 		},

diff --git a/website/src/css/immer-infima.css b/website/src/css/immer-infima.css
@@ -12,12 +12,47 @@ a:hover {
 	text-decoration: underline;
 }
 
+.navbar--fixed-top {
+	color: white;
+	background: black;
+	font-weight: bold;
+}
+
+.navbar--fixed-top a {
+	color: white;
+}
+
+:root {
+	--ifm-link-color: #c200c2;
+}
+
+details {
+	margin-bottom: 20px;
+	background: #e2e2e2;
+}
+
+details[open] {
+	border-bottom: 2px solid #c200c2;
+}
+
+details iframe {
+	padding: 0 20px;
+}
+
+details a {
+	display: block;
+	text-align: right;
+	font-size: 0.8em;
+	color: #666;
+}
+
 .egghead-summary {
 	color: white;
 	background: #c200c2;
 	padding: 5px;
-	margin: 5px;
+	margin: 0px;
 	border-radius: 2px;
+	cursor: pointer;
 }
 
 .egghead-link {