1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162 |
- // Bootstrap Grid only
- //
- // Includes relevant variables and mixins for the regular (non-flexbox) grid
- // system, as well as the generated predefined classes (e.g., `.col-4-sm`).
- //
- // Variables
- //
- // Grid breakpoints
- //
- // Define the minimum and maximum dimensions at which your layout will change,
- // adapting to different screen sizes, for use in media queries.
- $grid-breakpoints: (
- // Extra small screen / phone
- xs: 0,
- // Small screen / phone
- sm: 544px,
- // Medium screen / tablet
- md: 768px,
- // Large screen / desktop
- lg: 992px,
- // Extra large screen / wide desktop
- xl: 1200px
- ) !default;
- // Grid containers
- //
- // Define the maximum width of `.container` for different screen sizes.
- $container-max-widths: (
- sm: 576px,
- md: 720px,
- lg: 940px,
- xl: 1140px
- ) !default;
- // Grid columns
- //
- // Set the number of columns and specify the width of the gutters.
- $grid-columns: 12 !default;
- $grid-gutter-width: 1.875rem !default; // 30px
- //
- // Grid mixins
- //
- @import "variables";
- @import "mixins/clearfix";
- @import "mixins/breakpoints";
- @import "mixins/grid-framework";
- @import "mixins/grid";
- @import "grid";
|