From ea4ea4b10f07c72371c812e2863cd6cb0636b691 Mon Sep 17 00:00:00 2001
From: Thomas Smith <49042513+tsmitty11@users.noreply.github.com>
Date: Mon, 17 Oct 2022 22:06:09 -0400
Subject: [PATCH] Added spacing ultilities page based on grid box height

---
 src/layouts/page/tea-cli.html             |  4 ++--
 src/layouts/partials/clipboard-modal.html |  1 -
 src/layouts/partials/head.html            |  1 +
 src/static/css/spacing.css                | 20 ++++++++++++++++++++
 4 files changed, 23 insertions(+), 3 deletions(-)
 create mode 100644 src/static/css/spacing.css

diff --git a/src/layouts/page/tea-cli.html b/src/layouts/page/tea-cli.html
index 981aba7..039ecf8 100644
--- a/src/layouts/page/tea-cli.html
+++ b/src/layouts/page/tea-cli.html
@@ -160,7 +160,7 @@
 
 </script>
 
-<section class="teal-bg">
+<section class="teal-bg two-boxes">
   <div class="container tea-cli-container">
     <div class="row">
       <div class="col">
@@ -183,7 +183,7 @@
 </style>
 
 <section>
-  <div class="container">
+  <div class="container two-boxes">
     <div class="row">
       <h3>The new foundation of the internet.</h3>
     </div>
diff --git a/src/layouts/partials/clipboard-modal.html b/src/layouts/partials/clipboard-modal.html
index 6df93fb..7bd0d38 100644
--- a/src/layouts/partials/clipboard-modal.html
+++ b/src/layouts/partials/clipboard-modal.html
@@ -25,7 +25,6 @@
 
   .modal-image{
     background-image: url("/Images/gen-art/abstract-pattern.png");
-    background-attachment: fixed;
     background-position: center;
     background-repeat: repeat;
     background-size: cover;
diff --git a/src/layouts/partials/head.html b/src/layouts/partials/head.html
index d0ea2c1..7361fee 100644
--- a/src/layouts/partials/head.html
+++ b/src/layouts/partials/head.html
@@ -63,6 +63,7 @@
     <link rel="stylesheet" href="/css/products.css">
     <link rel="stylesheet" href="/css/accordion.css">
     <link rel="stylesheet" href="/css/nebraska-man.css">
+    <link rel="stylesheet" href="/css/spacing.css">
     <link
       rel="stylesheet"
       href="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.css"
diff --git a/src/static/css/spacing.css b/src/static/css/spacing.css
new file mode 100644
index 0000000..a86f1a7
--- /dev/null
+++ b/src/static/css/spacing.css
@@ -0,0 +1,20 @@
+/* This file is entirely for spacing utlilities. Spacing is based of the grid-box height/width and various viewer widths. */
+
+/* Height spacers */
+
+
+
+.three-boxes{
+  padding-top: 12.556vw;
+  padding-bottom: 12.556vw;
+}
+
+.two-boxes{
+  padding-top: 8.371vw;
+  padding-bottom: 8.371vw;
+}
+
+.one-box{
+  padding-top: 4.185vw;
+  padding-bottom: 4.185vw;
+}