Set custom CSS in scss file

geteduroam · Jan 8, 2025 · ac6377c · ac6377c
1 parent cecee2f
commit ac6377c
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 24 deletions.
diff --git a/assets/_custom.scss b/assets/_custom.scss
@@ -0,0 +1,22 @@
+nav.topMenu {
+	margin-top: -1em;
+	margin-bottom: 1em;
+	border-bottom: 1px solid rgba(128,128,128,.1);
+}
+nav.topMenu ul {
+	padding: 0;
+	display: flex;
+	gap: 2.4em;
+}
+nav.topMenu li {
+	display:inline;
+	font-size: 1rem;
+}
+
+.book-menu a {
+	border-left: 2px solid rgba(0,0,0,0);
+	padding-left: 4px;
+}
+.book-menu a.active {
+	border-color: var(--color-link);
+}
diff --git a/layouts/partials/docs/inject/content-before.html b/layouts/partials/docs/inject/content-before.html
@@ -1,27 +1,3 @@
-<style>
-	nav.topMenu {
-		margin-top: -1em;
-		margin-bottom: 1em;
-		border-bottom: 1px solid rgba(128,128,128,.1);
-	}
-	nav.topMenu ul {
-		padding: 0;
-		display: flex;
-		gap: 2.4em;
-	}
-	nav.topMenu li {
-		display:inline;
-		font-size: 1rem;
-	}
-
-	.book-menu a {
-		border-left: 2px solid rgba(0,0,0,0);
-		padding-left: 4px;
-	}
-	.book-menu a.active {
-		border-color: var(--color-link);
-	}
-</style>
 <nav class="topMenu">
 	<ul>
 		<li><a href="/download/">Apps</a></li>