pricing wording and padding and font scale tweaks

Author: 4LB

src/components/FloatingLinks.astro

@@ -59,6 +59,7 @@
     row-gap: 15px;
     width: 175px;
     display: none;
+    // background-color:var(--surface-frame-bg);
 
     @media (min-width: 1450px) {
       display: flex;

src/content/pricing/free.mdx

@@ -9,8 +9,8 @@ buttonText: "Support Us!"
 ---
 
 - Community support
-- All open source features
-- Enterprise features with limits:
-- Up to 5 users
-- 10 devices
-- 1 location <span>(no limits for number of gateways per location)</span>
+- All open source features without limits
+- Enterprise features with limits:<br/>
+ ◦ Up to 5 users<br/>
+ ◦ 10 devices<br/>
+ ◦ 1 location <span>(no limits for number of gateways per location)</span>

src/layouts/ProductSection.astro

@@ -103,12 +103,12 @@ const theme = dark ? "dark" : "light";
 
     &.padding-newsletter {
       padding-top: var(--product-section-padding-newsletter);
-      padding-bottom: var(--product-section-padding-newsletter);
+      // padding-bottom: var(--product-section-padding-newsletter);
     }
 
     &.bordered {
       border-top: 1px solid var(--text-body-primary);
-      border-bottom: 1px solid var(--text-body-primary);
+      // border-bottom: 1px solid var(--text-body-primary);
     }
   }
 </style>

src/pages/compare.astro

@@ -84,7 +84,7 @@ const tags = [
       align-items: center;
       justify-content: center;
       box-sizing: border-box;
-      padding: 30px 10px 0px 10px;
+      padding: 100px 10px 0px 10px;
 
       a {
         text-decoration: none;

src/pages/pricing.astro

@@ -142,9 +142,11 @@ const tags = [
 
     #pricing-tiers {
       padding-top: calc(100px - var(--nav-height));
+      padding-bottom: calc(100px - var(--nav-height));
 
       @include break-up(md) {
         padding-top: calc(200px - var(--nav-height));
+        padding-bottom: calc(200px - var(--nav-height));
       }
 
       h1 {

src/styles/global.scss

@@ -60,12 +60,12 @@ main {
 
 // main vars
 html {
-  --font-scale-factor: 0.75;
+  --font-scale-factor: 0.70;
   --nav-height: 75px;
   --box-shadow: 0px 12px 24px 0px rgba(0, 0, 0, 0.08);
 
   @include break-up(lg) {
-    --font-scale-factor: 1;
+    --font-scale-factor: 0.9;
   }
 }