@tet/tet-components 1.4.18-testing → 1.4.19-staging

package/dist/collection/components/advanced/cards/tet-compare-card/tet-compare-card.css

@@ -1342,15 +1342,15 @@
   display: grid;
   position: relative;
   width: 100%;
-  max-width: 80rem;
-  grid-template-columns: repeat(4, 1fr);
-  grid-column-gap: 1rem;
+  max-width: none;
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+  column-gap: 1rem;
   padding: 0 1rem;
   margin: 0 auto;
 }
 
 .tet-grid--no-padding {
-  grid-column-gap: 0 !important;
+  column-gap: 0 !important;
 }
 .tet-grid--no-margin {
   padding: 0 !important;
@@ -1359,16 +1359,16 @@
   max-width: unset !important;
 }
 .tet-grid--col-4 {
-  grid-template-columns: repeat(4, 1fr) !important;
+  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
 }
 .tet-grid--col-8 {
-  grid-template-columns: repeat(8, 1fr) !important;
+  grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
 }
 .tet-grid--col-8 .tet-grid__cell--span-all {
   grid-column: span 8;
 }
 .tet-grid--col-12 {
-  grid-template-columns: repeat(12, 1fr) !important;
+  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
 }
 .tet-grid--col-12 .tet-grid__cell--span-all {
   grid-column: span 12;
@@ -1468,7 +1468,12 @@
 }
 @media all and (min-width: 22.5rem) {
   .tet-grid, .tet-grid--no-padding, .tet-grid--no-margin, .tet-grid--no-limit {
-    gap: 1rem;
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+    column-gap: 1rem;
+    padding: 0 1rem;
+  }
+  .tet-grid__cell--span-all {
+    grid-column: span 4;
   }
   .tet-grid__cell--df-span-1 {
     display: block;
@@ -1527,12 +1532,8 @@
 }
 @media all and (min-width: 31.25rem) {
   .tet-grid, .tet-grid--no-padding, .tet-grid--no-margin, .tet-grid--no-limit {
-    gap: 1.5rem;
+    column-gap: 1.5rem;
     padding: 0 2rem;
-    grid-template-columns: repeat(8, 1fr);
-  }
-  .tet-grid__cell--span-all {
-    grid-column: span 8;
   }
   .tet-grid__cell--xs-span-1 {
     display: block;
@@ -1552,35 +1553,35 @@
   }
   .tet-grid__cell--xs-span-5 {
     display: block;
-    grid-column: span 5;
+    grid-column: span 4;
   }
   .tet-grid__cell--xs-span-6 {
     display: block;
-    grid-column: span 6;
+    grid-column: span 4;
   }
   .tet-grid__cell--xs-span-7 {
     display: block;
-    grid-column: span 7;
+    grid-column: span 4;
   }
   .tet-grid__cell--xs-span-8 {
     display: block;
-    grid-column: span 8;
+    grid-column: span 4;
   }
   .tet-grid__cell--xs-span-9 {
     display: block;
-    grid-column: span 8;
+    grid-column: span 4;
   }
   .tet-grid__cell--xs-span-10 {
     display: block;
-    grid-column: span 8;
+    grid-column: span 4;
   }
   .tet-grid__cell--xs-span-11 {
     display: block;
-    grid-column: span 8;
+    grid-column: span 4;
   }
   .tet-grid__cell--xs-span-12 {
     display: block;
-    grid-column: span 8;
+    grid-column: span 4;
   }
   .tet-grid__cell--xs-hide {
     display: none;
@@ -1589,63 +1590,13 @@
     display: block;
   }
 }
-@media all and (min-width: 46.25rem) {
-  .tet-grid__cell--sm-span-1 {
-    display: block;
-    grid-column: span 1;
-  }
-  .tet-grid__cell--sm-span-2 {
-    display: block;
-    grid-column: span 2;
-  }
-  .tet-grid__cell--sm-span-3 {
-    display: block;
-    grid-column: span 3;
-  }
-  .tet-grid__cell--sm-span-4 {
-    display: block;
-    grid-column: span 4;
-  }
-  .tet-grid__cell--sm-span-5 {
-    display: block;
-    grid-column: span 5;
-  }
-  .tet-grid__cell--sm-span-6 {
-    display: block;
-    grid-column: span 6;
-  }
-  .tet-grid__cell--sm-span-7 {
-    display: block;
-    grid-column: span 7;
+@media all and (min-width: 48rem) {
+  .tet-grid, .tet-grid--no-padding, .tet-grid--no-margin, .tet-grid--no-limit {
+    grid-template-columns: repeat(8, minmax(0, 1fr));
   }
-  .tet-grid__cell--sm-span-8 {
-    display: block;
+  .tet-grid__cell--span-all {
     grid-column: span 8;
   }
-  .tet-grid__cell--sm-span-9 {
-    display: block;
-    grid-column: span 9;
-  }
-  .tet-grid__cell--sm-span-10 {
-    display: block;
-    grid-column: span 10;
-  }
-  .tet-grid__cell--sm-span-11 {
-    display: block;
-    grid-column: span 11;
-  }
-  .tet-grid__cell--sm-span-12 {
-    display: block;
-    grid-column: span 12;
-  }
-  .tet-grid__cell--sm-hide {
-    display: none;
-  }
-  .tet-grid__cell--sm-show {
-    display: block;
-  }
-}
-@media all and (min-width: 48rem) {
   .tet-grid__cell--md-span-1 {
     display: block;
     grid-column: span 1;
@@ -1680,19 +1631,19 @@
   }
   .tet-grid__cell--md-span-9 {
     display: block;
-    grid-column: span 9;
+    grid-column: span 8;
   }
   .tet-grid__cell--md-span-10 {
     display: block;
-    grid-column: span 10;
+    grid-column: span 8;
   }
   .tet-grid__cell--md-span-11 {
     display: block;
-    grid-column: span 11;
+    grid-column: span 8;
   }
   .tet-grid__cell--md-span-12 {
     display: block;
-    grid-column: span 12;
+    grid-column: span 8;
   }
   .tet-grid__cell--md-hide {
     display: none;
@@ -1703,7 +1654,7 @@
 }
 @media all and (min-width: 64rem) {
   .tet-grid, .tet-grid--no-padding, .tet-grid--no-margin, .tet-grid--no-limit {
-    grid-template-columns: repeat(12, 1fr);
+    grid-template-columns: repeat(12, minmax(0, 1fr));
   }
   .tet-grid__cell--span-all {
     grid-column: span 12;
@@ -1765,8 +1716,7 @@
 }
 @media all and (min-width: 80rem) {
   .tet-grid, .tet-grid--no-padding, .tet-grid--no-margin, .tet-grid--no-limit {
-    padding: 0 2.5rem;
-    max-width: calc(80rem + 5rem);
+    padding: 0 4rem;
   }
   .tet-grid__cell--xl-span-1 {
     display: block;
@@ -1822,11 +1772,11 @@
   .tet-grid__cell--xl-show {
     display: block;
   }
-  .tet-grid--gg {
-    max-width: unset;
-  }
 }
 @media all and (min-width: 90rem) {
+  .tet-grid, .tet-grid--no-padding, .tet-grid--no-margin, .tet-grid--no-limit {
+    padding: 0 4.5rem;
+  }
   .tet-grid__cell--mg-span-1 {
     display: block;
     grid-column: span 1;
@@ -1881,13 +1831,11 @@
   .tet-grid__cell--mg-show {
     display: block;
   }
-  .tet-grid--gg {
-    padding: 0 4.875rem;
-  }
 }
 @media all and (min-width: 120rem) {
-  .tet-grid--gg {
-    max-width: 120rem;
+  .tet-grid, .tet-grid--no-padding, .tet-grid--no-margin, .tet-grid--no-limit {
+    max-width: 111rem;
+    padding: 0;
   }
   .tet-grid__cell--gg-span-1 {
     display: block;

package/dist/collection/components/advanced/cards/tet-compare-card-v2/tet-compare-card-v2.css

@@ -1342,15 +1342,15 @@
   display: grid;
   position: relative;
   width: 100%;
-  max-width: 80rem;
-  grid-template-columns: repeat(4, 1fr);
-  grid-column-gap: 1rem;
+  max-width: none;
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+  column-gap: 1rem;
   padding: 0 1rem;
   margin: 0 auto;
 }
 
 .tet-grid--no-padding {
-  grid-column-gap: 0 !important;
+  column-gap: 0 !important;
 }
 .tet-grid--no-margin {
   padding: 0 !important;
@@ -1359,16 +1359,16 @@
   max-width: unset !important;
 }
 .tet-grid--col-4 {
-  grid-template-columns: repeat(4, 1fr) !important;
+  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
 }
 .tet-grid--col-8 {
-  grid-template-columns: repeat(8, 1fr) !important;
+  grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
 }
 .tet-grid--col-8 .tet-grid__cell--span-all {
   grid-column: span 8;
 }
 .tet-grid--col-12 {
-  grid-template-columns: repeat(12, 1fr) !important;
+  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
 }
 .tet-grid--col-12 .tet-grid__cell--span-all {
   grid-column: span 12;
@@ -1468,7 +1468,12 @@
 }
 @media all and (min-width: 22.5rem) {
   .tet-grid, .tet-grid--no-padding, .tet-grid--no-margin, .tet-grid--no-limit {
-    gap: 1rem;
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+    column-gap: 1rem;
+    padding: 0 1rem;
+  }
+  .tet-grid__cell--span-all {
+    grid-column: span 4;
   }
   .tet-grid__cell--df-span-1 {
     display: block;
@@ -1527,12 +1532,8 @@
 }
 @media all and (min-width: 31.25rem) {
   .tet-grid, .tet-grid--no-padding, .tet-grid--no-margin, .tet-grid--no-limit {
-    gap: 1.5rem;
+    column-gap: 1.5rem;
     padding: 0 2rem;
-    grid-template-columns: repeat(8, 1fr);
-  }
-  .tet-grid__cell--span-all {
-    grid-column: span 8;
   }
   .tet-grid__cell--xs-span-1 {
     display: block;
@@ -1552,35 +1553,35 @@
   }
   .tet-grid__cell--xs-span-5 {
     display: block;
-    grid-column: span 5;
+    grid-column: span 4;
   }
   .tet-grid__cell--xs-span-6 {
     display: block;
-    grid-column: span 6;
+    grid-column: span 4;
   }
   .tet-grid__cell--xs-span-7 {
     display: block;
-    grid-column: span 7;
+    grid-column: span 4;
   }
   .tet-grid__cell--xs-span-8 {
     display: block;
-    grid-column: span 8;
+    grid-column: span 4;
   }
   .tet-grid__cell--xs-span-9 {
     display: block;
-    grid-column: span 8;
+    grid-column: span 4;
   }
   .tet-grid__cell--xs-span-10 {
     display: block;
-    grid-column: span 8;
+    grid-column: span 4;
   }
   .tet-grid__cell--xs-span-11 {
     display: block;
-    grid-column: span 8;
+    grid-column: span 4;
   }
   .tet-grid__cell--xs-span-12 {
     display: block;
-    grid-column: span 8;
+    grid-column: span 4;
   }
   .tet-grid__cell--xs-hide {
     display: none;
@@ -1589,63 +1590,13 @@
     display: block;
   }
 }
-@media all and (min-width: 46.25rem) {
-  .tet-grid__cell--sm-span-1 {
-    display: block;
-    grid-column: span 1;
-  }
-  .tet-grid__cell--sm-span-2 {
-    display: block;
-    grid-column: span 2;
-  }
-  .tet-grid__cell--sm-span-3 {
-    display: block;
-    grid-column: span 3;
-  }
-  .tet-grid__cell--sm-span-4 {
-    display: block;
-    grid-column: span 4;
-  }
-  .tet-grid__cell--sm-span-5 {
-    display: block;
-    grid-column: span 5;
-  }
-  .tet-grid__cell--sm-span-6 {
-    display: block;
-    grid-column: span 6;
-  }
-  .tet-grid__cell--sm-span-7 {
-    display: block;
-    grid-column: span 7;
+@media all and (min-width: 48rem) {
+  .tet-grid, .tet-grid--no-padding, .tet-grid--no-margin, .tet-grid--no-limit {
+    grid-template-columns: repeat(8, minmax(0, 1fr));
   }
-  .tet-grid__cell--sm-span-8 {
-    display: block;
+  .tet-grid__cell--span-all {
     grid-column: span 8;
   }
-  .tet-grid__cell--sm-span-9 {
-    display: block;
-    grid-column: span 9;
-  }
-  .tet-grid__cell--sm-span-10 {
-    display: block;
-    grid-column: span 10;
-  }
-  .tet-grid__cell--sm-span-11 {
-    display: block;
-    grid-column: span 11;
-  }
-  .tet-grid__cell--sm-span-12 {
-    display: block;
-    grid-column: span 12;
-  }
-  .tet-grid__cell--sm-hide {
-    display: none;
-  }
-  .tet-grid__cell--sm-show {
-    display: block;
-  }
-}
-@media all and (min-width: 48rem) {
   .tet-grid__cell--md-span-1 {
     display: block;
     grid-column: span 1;
@@ -1680,19 +1631,19 @@
   }
   .tet-grid__cell--md-span-9 {
     display: block;
-    grid-column: span 9;
+    grid-column: span 8;
   }
   .tet-grid__cell--md-span-10 {
     display: block;
-    grid-column: span 10;
+    grid-column: span 8;
   }
   .tet-grid__cell--md-span-11 {
     display: block;
-    grid-column: span 11;
+    grid-column: span 8;
   }
   .tet-grid__cell--md-span-12 {
     display: block;
-    grid-column: span 12;
+    grid-column: span 8;
   }
   .tet-grid__cell--md-hide {
     display: none;
@@ -1703,7 +1654,7 @@
 }
 @media all and (min-width: 64rem) {
   .tet-grid, .tet-grid--no-padding, .tet-grid--no-margin, .tet-grid--no-limit {
-    grid-template-columns: repeat(12, 1fr);
+    grid-template-columns: repeat(12, minmax(0, 1fr));
   }
   .tet-grid__cell--span-all {
     grid-column: span 12;
@@ -1765,8 +1716,7 @@
 }
 @media all and (min-width: 80rem) {
   .tet-grid, .tet-grid--no-padding, .tet-grid--no-margin, .tet-grid--no-limit {
-    padding: 0 2.5rem;
-    max-width: calc(80rem + 5rem);
+    padding: 0 4rem;
   }
   .tet-grid__cell--xl-span-1 {
     display: block;
@@ -1822,11 +1772,11 @@
   .tet-grid__cell--xl-show {
     display: block;
   }
-  .tet-grid--gg {
-    max-width: unset;
-  }
 }
 @media all and (min-width: 90rem) {
+  .tet-grid, .tet-grid--no-padding, .tet-grid--no-margin, .tet-grid--no-limit {
+    padding: 0 4.5rem;
+  }
   .tet-grid__cell--mg-span-1 {
     display: block;
     grid-column: span 1;
@@ -1881,13 +1831,11 @@
   .tet-grid__cell--mg-show {
     display: block;
   }
-  .tet-grid--gg {
-    padding: 0 4.875rem;
-  }
 }
 @media all and (min-width: 120rem) {
-  .tet-grid--gg {
-    max-width: 120rem;
+  .tet-grid, .tet-grid--no-padding, .tet-grid--no-margin, .tet-grid--no-limit {
+    max-width: 111rem;
+    padding: 0;
   }
   .tet-grid__cell--gg-span-1 {
     display: block;