« get me outta code hell

css: separate responsive padding value from actual page padding - hsmusic-wiki - HSMusic - static wiki software cataloguing collaborative creation
about summary refs log tree commit diff
path: root/src/static/css
diff options
context:
space:
mode:
author(quasar) nebula <qznebula@protonmail.com>2024-06-13 17:14:52 -0300
committer(quasar) nebula <qznebula@protonmail.com>2024-06-18 22:56:11 -0300
commit294e81b55eb8e426a9aaba38254c073c8f56283b (patch)
treef5e98878f016e53e5420012f63a6a1156ac0c9f4 /src/static/css
parentaea9b936da69df0f07ddd1f480cdfba4919f8f00 (diff)
css: separate responsive padding value from actual page padding
Diffstat (limited to 'src/static/css')
-rw-r--r--src/static/css/site.css16
1 files changed, 10 insertions, 6 deletions
diff --git a/src/static/css/site.css b/src/static/css/site.css
index 9e9fbfa4..ac5b5afe 100644
--- a/src/static/css/site.css
+++ b/src/static/css/site.css
@@ -1385,8 +1385,12 @@ p code {
   font-style: oblique;
 }
 
+main {
+  --responsive-padding-ratio: 0.10;
+}
+
 main.long-content {
-  --long-content-padding-ratio: 0.10;
+  --long-content-padding-ratio: var(--responsive-padding-ratio);
 }
 
 main.long-content .main-content-container,
@@ -2668,9 +2672,9 @@ html[data-language-code="preview-en"][data-url-key="localized.home"] #content
    * don't apply the similar layout change of widening the long-content area
    * if this page doesn't have a sidebar to hide in the first place.
    */
-  #page-container.showing-sidebar-left main.long-content,
-  #page-container.showing-sidebar-right main.long-content {
-    --long-content-padding-ratio: 0.06;
+  #page-container.showing-sidebar-left main,
+  #page-container.showing-sidebar-right main {
+    --responsive-padding-ratio: 0.06;
   }
 }
 
@@ -2757,8 +2761,8 @@ html[data-language-code="preview-en"][data-url-key="localized.home"] #content
     columns: 1;
   }
 
-  main.long-content {
-    --long-content-padding-ratio: 0.02;
+  main {
+    --responsive-padding-ratio: 0.02;
   }
 
   #cover-art-container {