css: split misc.css

1 files changed, 12 insertions, 0 deletions

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;
+}