[Summary view] [Print] [Text view]

   1  // Shorthand
   2  
   3  .fixed-top {
   4    position: fixed;
   5    top: 0;
   6    right: 0;
   7    left: 0;
   8    z-index: $zindex-fixed;
   9  }
  10  
  11  .fixed-bottom {
  12    position: fixed;
  13    right: 0;
  14    bottom: 0;
  15    left: 0;
  16    z-index: $zindex-fixed;
  17  }
  18  
  19  // Responsive sticky top
  20  @each $breakpoint in map-keys($grid-breakpoints) {
  21    @include media-breakpoint-up($breakpoint) {
  22      $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
  23  
  24      .sticky#{$infix}-top {
  25        position: sticky;
  26        top: 0;
  27        z-index: $zindex-sticky;
  28      }
  29    }
  30  }