// Shorthand

.fixed-top {

position: fixed;
top: 0;
right: 0;
left: 0;
z-index: $zindex-fixed;

}

.fixed-bottom {

position: fixed;
right: 0;
bottom: 0;
left: 0;
z-index: $zindex-fixed;

}

// Responsive sticky top @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;
  }
}

}