Mirror
/
zulip
mirror of https://github.com/zulip/zulip.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

portico: Extract CSS variable padded-content-padding.

This commit is contained in:
Tim Abbott 2023-05-12 11:23:09 -07:00
parent f1db7c1d72
commit 2b2ee686f3
1 changed files with 8 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
web/styles/portico/landing_page.css
View File

@ -1,3 +1,7 @@
:root {
--padded-content-padding: 50px;
}
html { html {
width: 100vw; width: 100vw;
overflow-x: hidden; overflow-x: hidden;
@ -125,7 +129,7 @@ ol a:hover {
} }
.padded-content { .padded-content {
padding: 50px; padding: var(--padded-content-padding);
} }
.clear-float { .clear-float {
@ -225,12 +229,13 @@ button {
&.why-page, &.why-page,
&.case-studies-page { &.case-studies-page {
/* Move top padding to inner-content for better scroll positions on URL fragments. */
.padded-content { .padded-content {
padding-top: 0; /* No padded content on portico why and case-studies pages... */ padding-top: 0;
} }
.inner-content { .inner-content {
padding-top: 50px; /* ...instead, pad inner content to aid with proper scroll positions on URL fragments. */ padding-top: var(--padded-content-padding);
} }
} }