diff options
| 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 |
| commit | 294e81b55eb8e426a9aaba38254c073c8f56283b (patch) | |
| tree | f5e98878f016e53e5420012f63a6a1156ac0c9f4 /src/static/css | |
| parent | aea9b936da69df0f07ddd1f480cdfba4919f8f00 (diff) | |
css: separate responsive padding value from actual page padding
Diffstat (limited to 'src/static/css')
| -rw-r--r-- | src/static/css/site.css | 16 |
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 { |