Drop `@support (position: sticky)` media query (#30415)

diff --git a/scss/helpers/_position.scss b/scss/helpers/_position.scss
index 6bcbbbd5a0808018891e49543a29cf778173fe82..31851eb721916cebddabaa2bd0e65b551643ce37 100644 (file)
--- a/scss/helpers/_position.scss
+++ b/scss/helpers/_position.scss
@@ -17,16 +17,14 @@
 }
 
 // Responsive sticky top
-@supports (position: sticky) {
-  @each $breakpoint in map-keys($grid-breakpoints) {
-    @include media-breakpoint-up($breakpoint) {
-      $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
+@each $breakpoint in map-keys($grid-breakpoints) {
+  @include media-breakpoint-up($breakpoint) {
+    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
 
-      .sticky#{$infix}-top {
-        position: sticky;
-        top: 0;
-        z-index: $zindex-sticky;
-      }
+    .sticky#{$infix}-top {
+      position: sticky;
+      top: 0;
+      z-index: $zindex-sticky;
     }
   }
 }

diff --git a/site/assets/scss/_toc.scss b/site/assets/scss/_toc.scss
index 17ac4b819cef56a4e719eb0ccd8f541f10298395..596945628e7c1c7b9c2853b1d1ed2724aac864a2 100644 (file)
--- a/site/assets/scss/_toc.scss
+++ b/site/assets/scss/_toc.scss
@@ -2,14 +2,12 @@
 
 .bd-toc {
   @include media-breakpoint-up(lg) {
-    @supports (position: sticky) {
-      position: sticky;
-      top: 5rem;
-      right: 0;
-      z-index: 2;
-      height: subtract(100vh, 7rem);
-      overflow-y: auto;
-    }
+    position: sticky;
+    top: 5rem;
+    right: 0;
+    z-index: 2;
+    height: subtract(100vh, 7rem);
+    overflow-y: auto;
   }
 
   nav {