Pricing Page

- put sticky border under condition of supported
SumeyraBulut · Dec 27, 2023 · 81c925e · 81c925e
1 parent 9421a10
commit 81c925e
Showing 1 changed file with 6 additions and 4 deletions.
diff --git a/src/scss/_10-utilities.scss b/src/scss/_10-utilities.scss
@@ -178,10 +178,12 @@
   &.is-with-footer-border {
     padding-block:40px;
     &::after {
-      content:""; display:block; block-size:pxToRem(1);
-      inline-size:100vw; position:absolute;
-      inset-inline-start: calc(calc(100vw - 100cqw)/2 * -1 + pxToRem(8));
-      inset-block-start:100%; border-block-end: solid 1px hsl(var(--aw-color-smooth));
+      @supports (container-type:inline-size) {
+        content:""; display:block; block-size:pxToRem(1);
+        inline-size:100vw; position:absolute;
+        inset-inline-start: calc(calc(100vw - 100cqw)/2 * -1 + pxToRem(8));
+        inset-block-start:100%; border-block-end: solid 1px hsl(var(--aw-color-smooth));
+      }
     }
   }
 }