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.

39 lines
683 B

7 months ago
  1. // Row
  2. //
  3. // Rows contain your columns.
  4. :root {
  5. @each $name, $value in $grid-breakpoints {
  6. --#{$prefix}breakpoint-#{$name}: #{$value};
  7. }
  8. }
  9. @if $enable-grid-classes {
  10. .row {
  11. @include make-row();
  12. > * {
  13. @include make-col-ready();
  14. }
  15. }
  16. }
  17. @if $enable-cssgrid {
  18. .grid {
  19. display: grid;
  20. grid-template-rows: repeat(var(--#{$prefix}rows, 1), 1fr);
  21. grid-template-columns: repeat(var(--#{$prefix}columns, #{$grid-columns}), 1fr);
  22. gap: var(--#{$prefix}gap, #{$grid-gutter-width});
  23. @include make-cssgrid();
  24. }
  25. }
  26. // Columns
  27. //
  28. // Common styles for small and large grid columns
  29. @if $enable-grid-classes {
  30. @include make-grid-columns();
  31. }