diff options
| author | (quasar) nebula <qznebula@protonmail.com> | 2024-06-13 17:31:15 -0300 |
|---|---|---|
| committer | (quasar) nebula <qznebula@protonmail.com> | 2024-06-18 22:56:11 -0300 |
| commit | 1ed9a32db8207b533281feb43cff7996790dbcb0 (patch) | |
| tree | 8f3b7a808dd9e6c9e20468202c11eb33c11e9928 /src/static/css/site.css | |
| parent | e43bf67d7e415cfdefc7eacf709237c08e5a1be4 (diff) | |
css: adapt quick-description to responsive padding and max-width
Diffstat (limited to 'src/static/css/site.css')
| -rw-r--r-- | src/static/css/site.css | 11 |
1 files changed, 7 insertions, 4 deletions
diff --git a/src/static/css/site.css b/src/static/css/site.css index de28ad58..1cc8e185 100644 --- a/src/static/css/site.css +++ b/src/static/css/site.css @@ -1268,10 +1268,13 @@ ul.quick-info li:not(:last-child)::after { } .quick-description:not(.has-external-links-only) { - margin-left: 8%; - margin-right: 8%; - padding-left: 4%; - padding-right: 4%; + --clamped-padding-ratio: max(var(--responsive-padding-ratio), 0.06); + margin-left: auto; + margin-right: auto; + padding-left: calc(0.40 * var(--clamped-padding-ratio) * 100%); + padding-right: calc(0.40 * var(--clamped-padding-ratio) * 100%); + max-width: 500px; + padding-top: 0.25em; padding-bottom: 0.75em; border-left: 1px solid var(--dim-color); |