From 16ee4f273ed83a211663fe476d3a1b15cbd2080a Mon Sep 17 00:00:00 2001 From: Egor Tensin Date: Mon, 8 Nov 2021 17:32:32 +0300 Subject: css: split misc.css --- assets/css/common/misc.css | 20 -------------------- assets/css/common/posts.css | 12 ++++++++++++ assets/css/common/utils.css | 7 +++++++ 3 files changed, 19 insertions(+), 20 deletions(-) create mode 100644 assets/css/common/posts.css create mode 100644 assets/css/common/utils.css (limited to 'assets/css/common') 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 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; +} -- cgit v1.2.3