Define the content div CSS rules before page-specific rules.

ronin-rb · Aug 4, 2024 · 38207f8 · 38207f8
1 parent 47dfccd
commit 38207f8
Showing 1 changed file with 53 additions and 53 deletions.
diff --git a/stylesheets/default.css b/stylesheets/default.css
@@ -106,59 +106,6 @@ button#dark-mode-toggle svg#dark-mode-moon {
 	display: none;
 }
 
-/*
- * Front page: key points
- */
-#key-points > div.key-point {
-	padding: 4em 0;
-}
-
-#key-points > div.key-point:nth-child(odd) {
-	color: white;
-	background-color: black;
-	clip-path: polygon(0 30%, 100% 0, 100% 100%, 0 70%);
-	padding-top: 10rem;
-	padding-bottom: 10rem;
-}
-
-#key-points > div.key-point:nth-child(2n+1) {
-	clip-path: polygon(0 20%, 100% 0, 100% 100%, 0 80%);
-}
-
-#key-points > div.key-point:nth-child(odd) a,
-#key-points > div.key-point:nth-child(odd) h1 {
-	color: white;
-}
-
-#key-points > div.key-point:nth-child(odd) pre {
-	border: 2px solid white;
-}
-
-#key-points > .chevron-down {
-	margin-top: 2em;
-	margin-bottom: 2em;
-	width: 100vw;
-	height: 5em;
-	background-color: #eee;
-	clip-path: polygon(0 0, 50% 95%, 100% 0, 100% 5%, 50% 100%, 0 5%);
-}
-
-/*
- * Front Page: social media links
- */
-#social-media-links > .social-media-link {
-	padding: 2em;
-}
-
-#social-media-links > .social-media-link > a {
-	width: 100%;
-}
-
-#social-media-links > .social-media-link svg {
-	width: 90%;
-	height: 90%;
-}
-
 /*
  * Content
  */
@@ -309,6 +256,59 @@ button#dark-mode-toggle svg#dark-mode-moon {
   background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"></path></svg>');
 }
 
+/*
+ * Front page: key points
+ */
+#key-points > div.key-point {
+	padding: 4em 0;
+}
+
+#key-points > div.key-point:nth-child(odd) {
+	color: white;
+	background-color: black;
+	clip-path: polygon(0 30%, 100% 0, 100% 100%, 0 70%);
+	padding-top: 10rem;
+	padding-bottom: 10rem;
+}
+
+#key-points > div.key-point:nth-child(2n+1) {
+	clip-path: polygon(0 20%, 100% 0, 100% 100%, 0 80%);
+}
+
+#key-points > div.key-point:nth-child(odd) a,
+#key-points > div.key-point:nth-child(odd) h1 {
+	color: white;
+}
+
+#key-points > div.key-point:nth-child(odd) pre {
+	border: 2px solid white;
+}
+
+#key-points > .chevron-down {
+	margin-top: 2em;
+	margin-bottom: 2em;
+	width: 100vw;
+	height: 5em;
+	background-color: #eee;
+	clip-path: polygon(0 0, 50% 95%, 100% 0, 100% 5%, 50% 100%, 0 5%);
+}
+
+/*
+ * Front Page: social media links
+ */
+#social-media-links > .social-media-link {
+	padding: 2em;
+}
+
+#social-media-links > .social-media-link > a {
+	width: 100%;
+}
+
+#social-media-links > .social-media-link svg {
+	width: 90%;
+	height: 90%;
+}
+
 /*
  * Blog posts
  */