_position.scss 737 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. // Position
  2. .clearfix {
  3. @include clearfix();
  4. }
  5. .float-left {
  6. float: left !important;
  7. }
  8. .float-right {
  9. float: right !important;
  10. }
  11. .p-relative {
  12. position: relative !important;
  13. }
  14. .p-absolute {
  15. position: absolute !important;
  16. }
  17. .p-fixed {
  18. position: fixed !important;
  19. }
  20. .p-sticky {
  21. position: sticky !important;
  22. }
  23. .p-centered {
  24. display: block;
  25. float: none;
  26. margin-left: auto;
  27. margin-right: auto;
  28. }
  29. .flex-centered {
  30. align-items: center;
  31. display: flex;
  32. justify-content: center;
  33. }
  34. // Spacing
  35. @include margin-variant(0, 0);
  36. @include margin-variant(1, $unit-1);
  37. @include margin-variant(2, $unit-2);
  38. @include padding-variant(0, 0);
  39. @include padding-variant(1, $unit-1);
  40. @include padding-variant(2, $unit-2);