2
0

_utilities.legacy.scss 941 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  1. .clearfix {
  2. @include clearfix();
  3. }
  4. .nice-padding {
  5. padding-left: $mobile-nice-padding;
  6. padding-right: $mobile-nice-padding;
  7. @include media-breakpoint-up(sm) {
  8. padding-left: $desktop-nice-padding;
  9. padding-right: $desktop-nice-padding;
  10. }
  11. }
  12. @include media-breakpoint-up(sm) {
  13. .divider-before {
  14. border-left: 1px solid $color-grey-4;
  15. }
  16. .divider-after {
  17. border-right: 1px solid $color-grey-4;
  18. }
  19. }
  20. body.reordering {
  21. overflow: visible;
  22. }
  23. // Show a transparency grid in background
  24. .show-transparency {
  25. background: url('#{$images-root}transparency.svg');
  26. }
  27. // make a block-level element inline
  28. .inline {
  29. display: inline;
  30. }
  31. .inline-block {
  32. display: inline-block;
  33. }
  34. .block {
  35. display: block;
  36. }
  37. .unlist {
  38. @include unlist();
  39. }
  40. // utility class to allow things to be scrollable if their contents can't wrap more nicely
  41. .overflow {
  42. overflow: auto;
  43. }