css: split misc.css

4 files changed, 21 insertions, 20 deletions

diff --git a/assets/css/common/misc.css b/assets/css/common/misc.css
index e73a15b..91f7941 100644
--- a/assets/css/common/misc.css
+++ b/assets/css/common/misc.css
@@ -1,10 +1,3 @@
-/* Utility classes to prevent blocks from expanding unreasonably. */
-.wide-enough {
-  max-width: 400px;
-}
-.wider {
-  max-width: 600px;
-}
 /* Links become blue inside of <hN> elements otherwise. */
 h1 a,
 h2 a,
@@ -39,16 +32,3 @@ pre code {
 .text-muted a.category {
   color: inherit;
 }
-
-/* This is a relatively popular workaround to align side-by-side columns.
- * I use it for post headers. */
-.post-header {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: baseline;
-  justify-content: space-between;
-  column-gap: 1em;
-}
-.post-date {
-  text-align: right;
-}
diff --git a/assets/css/common/posts.css b/assets/css/common/posts.css
new file mode 100644
index 0000000..f3e0532
--- /dev/null
+++ b/assets/css/common/posts.css
@@ -0,0 +1,12 @@
+/* This is a relatively popular workaround to align side-by-side columns.
+ * I use it for post headers. */
+.post-header {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: baseline;
+  justify-content: space-between;
+  column-gap: 1em;
+}
+.post-date {
+  text-align: right;
+}
diff --git a/assets/css/common/utils.css b/assets/css/common/utils.css
new file mode 100644
index 0000000..6f00df3
--- /dev/null
+++ b/assets/css/common/utils.css
@@ -0,0 +1,7 @@
+/* Utility classes to prevent blocks from expanding unreasonably. */
+.wide-enough {
+  max-width: 400px;
+}
+.wider {
+  max-width: 600px;
+}
diff --git a/assets/css/main.css b/assets/css/main.css
index 9593c5a..d37def0 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -1,4 +1,6 @@
 @import 'common/footer.css';
 @import 'common/misc.css';
+@import 'common/posts.css';
+@import 'common/utils.css';
 @import 'snippets.css';
 @import 'syntax.css';