_grid-variables.scss 629 B

123456789101112131415161718192021222324252627282930313233343536
  1. // Grid breakpoints
  2. //
  3. // Define the minimum and maximum dimensions at which your layout will change,
  4. // adapting to different screen sizes, for use in media queries.
  5. $grid-breakpoints: (
  6. xs: 0,
  7. sm: 544px,
  8. md: 768px,
  9. lg: 992px,
  10. xl: 1200px
  11. ) !default;
  12. // Grid containers
  13. //
  14. // Define the maximum width of `.container` for different screen sizes.
  15. $container-max-widths: (
  16. sm: 576px,
  17. md: 720px,
  18. lg: 940px,
  19. xl: 1140px
  20. ) !default;
  21. // Grid columns
  22. //
  23. // Set the number of columns and specify the width of the gutters.
  24. $grid-columns: 12 !default;
  25. $grid-gutter-width: 30px !default;
  26. $enable-flex: false;