From 2b2ee686f38c3883d413fc55f79b2e0623d8007c Mon Sep 17 00:00:00 2001
From: Tim Abbott <tabbott@zulip.com>
Date: Fri, 12 May 2023 11:23:09 -0700
Subject: [PATCH] portico: Extract CSS variable padded-content-padding.

---
 web/styles/portico/landing_page.css | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

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