Merge pull request 'refactor: fix the banner' (#44) from apurvab/theme-elegance:marketing-experiment into marketing-experiment

Reviewed-on: brooksbingham/theme-elegance#44

assets/css/theme.css

@@ -803,10 +803,6 @@ select {
   bottom: 0px;
 }
 
-.bottom-1 {
-  bottom: 0.25rem;
-}
-
 .bottom-\[50\%\] {
   bottom: 50%;
 }
@@ -831,10 +827,6 @@ select {
   right: 3rem;
 }
 
-.right-2 {
-  right: 0.5rem;
-}
-
 .right-4 {
   right: 1rem;
 }
@@ -851,10 +843,6 @@ select {
   top: 50%;
 }
 
-.top-28 {
-  top: 7rem;
-}
-
 .top-\[70\%\] {
   top: 70%;
 }
@@ -867,38 +855,6 @@ select {
   z-index: 10;
 }
 
-.col-span-1 {
-  grid-column: span 1 / span 1;
-}
-
-.col-start-1 {
-  grid-column-start: 1;
-}
-
-.col-start-2 {
-  grid-column-start: 2;
-}
-
-.row-span-1 {
-  grid-row: span 1 / span 1;
-}
-
-.row-span-2 {
-  grid-row: span 2 / span 2;
-}
-
-.row-span-3 {
-  grid-row: span 3 / span 3;
-}
-
-.row-start-1 {
-  grid-row-start: 1;
-}
-
-.row-end-2 {
-  grid-row-end: 2;
-}
-
 .-mx-2 {
   margin-left: -0.5rem;
   margin-right: -0.5rem;
@@ -914,11 +870,6 @@ select {
   margin-bottom: -0.75rem;
 }
 
-.mx-1 {
-  margin-left: 0.25rem;
-  margin-right: 0.25rem;
-}
-
 .mx-3 {
   margin-left: 0.75rem;
   margin-right: 0.75rem;
@@ -944,6 +895,11 @@ select {
   margin-bottom: 0.125rem;
 }
 
+.my-12 {
+  margin-top: 3rem;
+  margin-bottom: 3rem;
+}
+
 .my-2 {
   margin-top: 0.5rem;
   margin-bottom: 0.5rem;
@@ -954,21 +910,11 @@ select {
   margin-bottom: 5rem;
 }
 
-.my-32 {
-  margin-top: 8rem;
-  margin-bottom: 8rem;
-}
-
 .my-8 {
   margin-top: 2rem;
   margin-bottom: 2rem;
 }
 
-.my-12 {
-  margin-top: 3rem;
-  margin-bottom: 3rem;
-}
-
 .mb-1 {
   margin-bottom: 0.25rem;
 }
@@ -985,10 +931,6 @@ select {
   margin-bottom: 5rem;
 }
 
-.mb-24 {
-  margin-bottom: 6rem;
-}
-
 .mb-3 {
   margin-bottom: 0.75rem;
 }
@@ -1049,18 +991,10 @@ select {
   margin-top: 0.75rem;
 }
 
-.mt-32 {
-  margin-top: 8rem;
-}
-
 .mt-4 {
   margin-top: 1rem;
 }
 
-.mt-48 {
-  margin-top: 12rem;
-}
-
 .mt-6 {
   margin-top: 1.5rem;
 }
@@ -1069,10 +1003,6 @@ select {
   margin-top: 2rem;
 }
 
-.mt-9 {
-  margin-top: 2.25rem;
-}
-
 .block {
   display: block;
 }
@@ -1085,10 +1015,6 @@ select {
   display: flex;
 }
 
-.inline-flex {
-  display: inline-flex;
-}
-
 .table {
   display: table;
 }
@@ -1097,10 +1023,6 @@ select {
   display: flow-root;
 }
 
-.grid {
-  display: grid;
-}
-
 .hidden {
   display: none;
 }
@@ -1109,10 +1031,6 @@ select {
   aspect-ratio: 342/513;
 }
 
-.h-10 {
-  height: 2.5rem;
-}
-
 .h-12 {
   height: 3rem;
 }
@@ -1121,10 +1039,6 @@ select {
   height: 6rem;
 }
 
-.h-4 {
-  height: 1rem;
-}
-
 .h-40 {
   height: 10rem;
 }
@@ -1145,22 +1059,6 @@ select {
   height: 2rem;
 }
 
-.h-\[20px\] {
-  height: 20px;
-}
-
-.h-\[30vh\] {
-  height: 30vh;
-}
-
-.h-\[40vh\] {
-  height: 40vh;
-}
-
-.h-\[50px\] {
-  height: 50px;
-}
-
 .h-\[50vh\] {
   height: 50vh;
 }
@@ -1189,10 +1087,6 @@ select {
   width: 16.666667%;
 }
 
-.w-10 {
-  width: 2.5rem;
-}
-
 .w-12 {
   width: 3rem;
 }
@@ -1201,6 +1095,10 @@ select {
   width: 3.5rem;
 }
 
+.w-16 {
+  width: 4rem;
+}
+
 .w-24 {
   width: 6rem;
 }
@@ -1213,10 +1111,6 @@ select {
   width: 8rem;
 }
 
-.w-4 {
-  width: 1rem;
-}
-
 .w-40 {
   width: 10rem;
 }
@@ -1245,14 +1139,6 @@ select {
   width: 160px;
 }
 
-.w-\[20px\] {
-  width: 20px;
-}
-
-.w-\[50px\] {
-  width: 50px;
-}
-
 .w-full {
   width: 100%;
 }
@@ -1333,10 +1219,6 @@ select {
   list-style-type: disc;
 }
 
-.grid-cols-2 {
-  grid-template-columns: repeat(2, minmax(0, 1fr));
-}
-
 .flex-row {
   flex-direction: row;
 }
@@ -1421,20 +1303,11 @@ select {
   gap: 2rem;
 }
 
-.gap-x-1 {
-  -moz-column-gap: 0.25rem;
-       column-gap: 0.25rem;
-}
-
 .gap-x-20 {
   -moz-column-gap: 5rem;
        column-gap: 5rem;
 }
 
-.gap-y-1 {
-  row-gap: 0.25rem;
-}
-
 .space-x-2 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-x-reverse: 0;
   margin-right: calc(0.5rem * var(--tw-space-x-reverse));
@@ -1447,10 +1320,6 @@ select {
   margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
 }
 
-.overflow-hidden {
-  overflow: hidden;
-}
-
 .overflow-y-auto {
   overflow-y: auto;
 }
@@ -1485,11 +1354,6 @@ select {
   border-style: none;
 }
 
-.border-black {
-  --tw-border-opacity: 1;
-  border-color: rgb(0 0 0 / var(--tw-border-opacity));
-}
-
 .border-blue-300 {
   --tw-border-opacity: 1;
   border-color: rgb(147 197 253 / var(--tw-border-opacity));
@@ -1550,11 +1414,6 @@ select {
   border-color: rgb(255 255 255 / var(--tw-border-opacity));
 }
 
-.bg-\[\#E6DFD4\] {
-  --tw-bg-opacity: 1;
-  background-color: rgb(230 223 212 / var(--tw-bg-opacity));
-}
-
 .bg-black\/70 {
   background-color: rgb(0 0 0 / 0.7);
 }
@@ -1727,10 +1586,6 @@ select {
   padding-bottom: 0.75rem;
 }
 
-.pb-4 {
-  padding-bottom: 1rem;
-}
-
 .pb-6 {
   padding-bottom: 1.5rem;
 }
@@ -1763,10 +1618,6 @@ select {
   padding-right: 0.25rem;
 }
 
-.pr-1\.5 {
-  padding-right: 0.375rem;
-}
-
 .pr-2 {
   padding-right: 0.5rem;
 }
@@ -1783,18 +1634,6 @@ select {
   padding-right: 2rem;
 }
 
-.pt-0 {
-  padding-top: 0px;
-}
-
-.pt-1 {
-  padding-top: 0.25rem;
-}
-
-.pt-2 {
-  padding-top: 0.5rem;
-}
-
 .pt-20 {
   padding-top: 5rem;
 }
@@ -1848,11 +1687,6 @@ select {
   line-height: 2rem;
 }
 
-.text-5xl {
-  font-size: 3rem;
-  line-height: 1;
-}
-
 .text-base {
   font-size: 1rem;
   line-height: 1.5rem;
@@ -1920,11 +1754,6 @@ select {
   color: rgb(23 37 84 / var(--tw-text-opacity));
 }
 
-.text-gray-300 {
-  --tw-text-opacity: 1;
-  color: rgb(209 213 219 / var(--tw-text-opacity));
-}
-
 .text-gray-400 {
   --tw-text-opacity: 1;
   color: rgb(156 163 175 / var(--tw-text-opacity));
@@ -1945,11 +1774,6 @@ select {
   color: rgb(75 85 99 / var(--tw-text-opacity));
 }
 
-.text-gray-800 {
-  --tw-text-opacity: 1;
-  color: rgb(31 41 55 / var(--tw-text-opacity));
-}
-
 .text-gray-900 {
   --tw-text-opacity: 1;
   color: rgb(17 24 39 / var(--tw-text-opacity));
@@ -2355,16 +2179,6 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
     position: absolute;
   }
 
-  .md\:my-24 {
-    margin-top: 6rem;
-    margin-bottom: 6rem;
-  }
-
-  .md\:my-20 {
-    margin-top: 5rem;
-    margin-bottom: 5rem;
-  }
-
   .md\:mt-0 {
     margin-top: 0px;
   }
@@ -2373,14 +2187,6 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
     margin-top: 6rem;
   }
 
-  .md\:mt-32 {
-    margin-top: 8rem;
-  }
-
-  .md\:mt-4 {
-    margin-top: 1rem;
-  }
-
   .md\:block {
     display: block;
   }
@@ -2405,18 +2211,6 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
     height: 3rem;
   }
 
-  .md\:h-\[40px\] {
-    height: 40px;
-  }
-
-  .md\:h-\[70vh\] {
-    height: 70vh;
-  }
-
-  .md\:h-\[80vh\] {
-    height: 80vh;
-  }
-
   .md\:h-full {
     height: 100%;
   }
@@ -2441,10 +2235,6 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
     width: 6rem;
   }
 
-  .md\:w-3\/5 {
-    width: 60%;
-  }
-
   .md\:w-3\/6 {
     width: 50%;
   }
@@ -2457,22 +2247,6 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
     width: 30%;
   }
 
-  .md\:w-\[40\%\] {
-    width: 40%;
-  }
-
-  .md\:w-\[40px\] {
-    width: 40px;
-  }
-
-  .md\:w-\[50\%\] {
-    width: 50%;
-  }
-
-  .md\:w-\[60\%\] {
-    width: 60%;
-  }
-
   .md\:w-\[70\%\] {
     width: 70%;
   }
@@ -2513,10 +2287,6 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
     gap: 1rem;
   }
 
-  .md\:bg-transparent {
-    background-color: transparent;
-  }
-
   .md\:object-cover {
     -o-object-fit: cover;
        object-fit: cover;
@@ -2540,10 +2310,6 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
     padding-right: 1rem;
   }
 
-  .md\:pl-10 {
-    padding-left: 2.5rem;
-  }
-
   .md\:pl-12 {
     padding-left: 3rem;
   }
@@ -2552,10 +2318,6 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
     padding-left: 1rem;
   }
 
-  .md\:pl-5 {
-    padding-left: 1.25rem;
-  }
-
   .md\:pr-12 {
     padding-right: 3rem;
   }
@@ -2568,14 +2330,6 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
     padding-right: 12rem;
   }
 
-  .md\:pr-5 {
-    padding-right: 1.25rem;
-  }
-
-  .md\:pt-0 {
-    padding-top: 0px;
-  }
-
   .md\:pt-11 {
     padding-top: 2.75rem;
   }
@@ -2584,10 +2338,6 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
     padding-top: 3rem;
   }
 
-  .md\:pt-3 {
-    padding-top: 0.75rem;
-  }
-
   .md\:pt-5 {
     padding-top: 1.25rem;
   }
@@ -2596,10 +2346,6 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
     padding-top: 1.5rem;
   }
 
-  .md\:pt-7 {
-    padding-top: 1.75rem;
-  }
-
   .md\:text-left {
     text-align: left;
   }
@@ -2609,16 +2355,6 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
     line-height: 2rem;
   }
 
-  .md\:text-3xl {
-    font-size: 1.875rem;
-    line-height: 2.25rem;
-  }
-
-  .md\:text-4xl {
-    font-size: 2.25rem;
-    line-height: 2.5rem;
-  }
-
   .md\:text-base {
     font-size: 1rem;
     line-height: 1.5rem;
@@ -2639,11 +2375,6 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
     line-height: 1.75rem;
   }
 
-  .md\:text-xs {
-    font-size: 0.75rem;
-    line-height: 1rem;
-  }
-
   .md\:font-bold {
     font-weight: 700;
   }
@@ -2662,35 +2393,10 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
     position: static;
   }
 
-  .lg\:bottom-3 {
-    bottom: 0.75rem;
-  }
-
   .lg\:right-0 {
     right: 0px;
   }
 
-  .lg\:my-32 {
-    margin-top: 8rem;
-    margin-bottom: 8rem;
-  }
-
-  .lg\:mb-2 {
-    margin-bottom: 0.5rem;
-  }
-
-  .lg\:mb-32 {
-    margin-bottom: 8rem;
-  }
-
-  .lg\:mt-32 {
-    margin-top: 8rem;
-  }
-
-  .lg\:mt-9 {
-    margin-top: 2.25rem;
-  }
-
   .lg\:flex {
     display: flex;
   }
@@ -2707,10 +2413,6 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
     height: 500px;
   }
 
-  .lg\:h-\[60px\] {
-    height: 60px;
-  }
-
   .lg\:h-\[90vh\] {
     height: 90vh;
   }
@@ -2727,10 +2429,6 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
     width: 20%;
   }
 
-  .lg\:w-11\/12 {
-    width: 91.666667%;
-  }
-
   .lg\:w-2\/5 {
     width: 40%;
   }
@@ -2747,10 +2445,6 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
     width: 20rem;
   }
 
-  .lg\:w-\[60px\] {
-    width: 60px;
-  }
-
   .lg\:w-full {
     width: 100%;
   }
@@ -2783,10 +2477,6 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
     background-color: transparent;
   }
 
-  .lg\:p-4 {
-    padding: 1rem;
-  }
-
   .lg\:px-20 {
     padding-left: 5rem;
     padding-right: 5rem;
@@ -2807,10 +2497,6 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
     padding-bottom: 0px;
   }
 
-  .lg\:pb-6 {
-    padding-bottom: 1.5rem;
-  }
-
   .lg\:pl-2 {
     padding-left: 0.5rem;
   }
@@ -2823,34 +2509,10 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
     padding-right: 2.5rem;
   }
 
-  .lg\:pr-6 {
-    padding-right: 1.5rem;
-  }
-
-  .lg\:pt-10 {
-    padding-top: 2.5rem;
-  }
-
-  .lg\:pt-12 {
-    padding-top: 3rem;
-  }
-
   .lg\:pt-24 {
     padding-top: 6rem;
   }
 
-  .lg\:pt-5 {
-    padding-top: 1.25rem;
-  }
-
-  .lg\:pt-6 {
-    padding-top: 1.5rem;
-  }
-
-  .lg\:pt-8 {
-    padding-top: 2rem;
-  }
-
   .lg\:pt-9 {
     padding-top: 2.25rem;
   }
@@ -2880,10 +2542,6 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
     line-height: 1.75rem;
   }
 
-  .lg\:font-bold {
-    font-weight: 700;
-  }
-
   .lg\:font-semibold {
     font-weight: 600;
   }
@@ -2900,10 +2558,6 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
     width: 25%;
   }
 
-  .xl\:w-52 {
-    width: 13rem;
-  }
-
   .xl\:w-9\/12 {
     width: 75%;
   }
@@ -2911,37 +2565,5 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
   .xl\:pl-12 {
     padding-left: 3rem;
   }
-
-  .xl\:pr-12 {
-    padding-right: 3rem;
-  }
-
-  .xl\:pt-10 {
-    padding-top: 2.5rem;
-  }
-
-  .xl\:pt-16 {
-    padding-top: 4rem;
-  }
-
-  .xl\:pt-20 {
-    padding-top: 5rem;
-  }
-
-  .xl\:text-5xl {
-    font-size: 3rem;
-    line-height: 1;
-  }
-
-  .xl\:text-xl {
-    font-size: 1.25rem;
-    line-height: 1.75rem;
-  }
-}
-
-@media (min-width: 1536px) {
-  .\32xl\:pr-16 {
-    padding-right: 4rem;
-  }
 }
 

templates/layouts/layout-both-columns.tpl

@@ -52,12 +52,11 @@
     </header>
 
     {if $page.page_name == 'index'}
-      <div class="w-full h-[40vh] md:h-[80vh] absolute top-0 left-0 bg-[#E6DFD4] md:bg-transparent flex items-center">
+      <div class="w-full top-0 left-0  flex items-center">
           <img class="w-full md:h-full md:object-cover" 
             src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/homepage/banner.png" />
       </div>
-      <div class="w-full h-[30vh] md:h-[70vh]">
+      
-      </div>
     {/if}
 
     {block name='displayBeforeWrapper'}