@orangesk/cms-templates 1.0.0-beta.1 → 1.0.0-beta.11

package/build/shame.css

@@ -3,54 +3,6 @@
     border-radius: 0;
   }
 }
-@media screen and (min-width: 768px) {
-  .container--stretch-right {
-    --container-margin-left: calc((100vw - 744px) / 2);
-    min-width: calc(744px + var(--container-margin-left));
-    margin-left: var(--container-margin-left);
-  }
-}
-@media screen and (min-width: 992px) {
-  .container--stretch-right {
-    --container-margin-left: calc((100vw - 960px) / 2);
-    min-width: calc(960px + var(--container-margin-left));
-    margin-left: var(--container-margin-left);
-  }
-}
-@media screen and (min-width: 1240px) {
-  .container--stretch-right {
-    --container-margin-left: calc((100vw - 1200px) / 2);
-    min-width: calc(1200px + var(--container-margin-left));
-    margin-left: var(--container-margin-left);
-  }
-}
-@media screen and (min-width: 1380px) {
-  .container--stretch-right {
-    --container-margin-left: calc((100vw - 1320px) / 2);
-    min-width: calc(1320px + var(--container-margin-left));
-    margin-left: var(--container-margin-left);
-  }
-}
-
-html {
-  scroll-behavior: smooth;
-}
-
-.toc li {
-  position: relative;
-}
-.toc li:has(a.is-active)::before {
-  content: "";
-  width: 0.875rem;
-  height: 1rem;
-  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNCAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjUgNy45OTk4TDAgMTUuNzk0TDYuODEzOTNlLTA3IDAuMjA1NTY2TDEzLjUgNy45OTk4WiIgZmlsbD0iI0ZGNzkwMCIvPgo8L3N2Zz4K");
-  background-repeat: no-repeat;
-  background-size: contain;
-  position: absolute;
-  left: -1.25rem;
-  top: 0.375rem;
-}
-
 @layer components {
   .product-image {
     position: relative;
@@ -88,46 +40,48 @@ html {
     background-color: #ec3526;
   }
 }
+.tiles {
+  overflow-x: auto;
+  flex-wrap: nowrap;
+}
+.tiles .grid_col {
+  max-width: 7.5rem;
+}
 .tiles .tile__body {
-  flex-direction: row;
+  flex-direction: column;
+  font-size: 1rem;
 }
-@media screen and (min-width: 768px) {
+@media screen and (max-width: 991.98px) {
   .tiles .tile__body {
-    flex-direction: column;
+    flex-direction: row;
+    padding: 1rem;
   }
 }
-@media screen and (max-width: 767.98px) {
+@media screen and (max-width: 991.98px) {
   .tiles__icon {
-    margin-right: 0.3125rem;
+    margin-right: 0.625rem;
   }
 }
 
-@media screen and (min-width: 480px) {
-  .store-buttons .btn {
-    margin-right: 1.25rem;
+@layer components {
+  .plus-pill {
+    position: absolute;
+    right: -2rem;
+    z-index: 1;
+    top: 33%;
+    border-width: 1px !important;
   }
-}
-
-.section-innovations {
-  min-height: 35.4375rem;
-  padding: 1.875rem 0;
-}
-@media screen and (min-width: 992px) {
-  .section-innovations {
-    padding: 3.75rem 0;
-    min-height: 50rem;
+  @media screen and (max-width: 991.98px) {
+    .plus-pill {
+      right: -2.625rem;
+    }
   }
-}
-.section-innovations .cover__content {
-  padding: 0;
-  flex: 1;
-}
-@media screen and (min-width: 992px) {
-  .section-innovations .card__section {
-    padding: 3.75rem;
+  @media screen and (max-width: 767.98px) {
+    .plus-pill {
+      right: -2.125rem;
+    }
   }
 }
-
 @layer base {
   h1[id],
   h2[id],
@@ -161,11 +115,23 @@ html {
 }
 @layer base {
   html {
-    overflow-x: hidden;
+    scroll-behavior: smooth;
+  }
+  body {
+    overflow-x: clip;
+    font-size: 1.125rem;
   }
 }
 @layer components {
   .carousel__slide .card {
     flex: 1;
   }
+  li svg {
+    flex-shrink: 0;
+  }
+}
+@layer utilities {
+  .shrink-0 {
+    flex-shrink: 0;
+  }
 }