You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

36 lines
621 B

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