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.

33 lines
630 B

3 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
  1. //
  2. // Grid
  3. // --------------------------------------------------
  4. // Tiny grid gutters
  5. .row.g-sm {
  6. --bs-gutter-x: #{$space-row-gutter-tiny};
  7. > .col,
  8. > [class*="col-"] {
  9. padding-left: $space-row-gutter-tiny * .5;
  10. padding-right: $space-row-gutter-tiny * .5;
  11. }
  12. .push,
  13. .block,
  14. &.items-push > div {
  15. margin-bottom: $space-row-gutter-tiny;
  16. }
  17. }
  18. // Responsive grid gutters
  19. @include media-breakpoint-down(md) {
  20. .row:not(.g-sm):not(.g-0) {
  21. --bs-gutter-x: #{$space-mobile};
  22. > .col,
  23. > [class*="col-"] {
  24. padding-left: $space-mobile * .5;
  25. padding-right: $space-mobile * .5;
  26. }
  27. }
  28. }