_grids.scss
49 lines
| 1 | $enable-grid-classes: true !default; |
| 2 | |
| 3 | /** |
| 4 | * Grid breakpoints |
| 5 | * |
| 6 | * Define the minimum dimensions at which your layout will change, |
| 7 | * adapting to different screen sizes, for use in media queries. |
| 8 | **/ |
| 9 | $grid-breakpoints: ( |
| 10 | xs: 0, |
| 11 | sm: 576px, |
| 12 | md: 768px, |
| 13 | lg: 992px, |
| 14 | xl: 1200px, |
| 15 | xxl: 1400px |
| 16 | ) !default; |
| 17 | |
| 18 | /** |
| 19 | * Grid containers |
| 20 | * |
| 21 | * Define the maximum width of `.ur-container` for different screen sizes. |
| 22 | * scss-docs-start container-max-widths |
| 23 | **/ |
| 24 | $container-max-widths: ( |
| 25 | sm: 540px, |
| 26 | md: 720px, |
| 27 | lg: 960px, |
| 28 | xl: 1140px, |
| 29 | xxl: 1320px |
| 30 | ) !default; |
| 31 | |
| 32 | $grid-spacer: 4px; |
| 33 | $grid-spacers: ( |
| 34 | 0: 0, |
| 35 | 1: $grid-spacer, |
| 36 | 2: $grid-spacer * 2, |
| 37 | 3: $grid-spacer * 3, |
| 38 | 4: $grid-spacer * 4, |
| 39 | 5: $grid-spacer * 5, |
| 40 | 6: $grid-spacer * 6, |
| 41 | 7: $grid-spacer * 7, |
| 42 | 8: $grid-spacer * 8, |
| 43 | ) !default; |
| 44 | |
| 45 | // Define grid variables |
| 46 | $grid-columns: 12; |
| 47 | $grid-gutter: 12px; |
| 48 | $grid-row-columns: 6 !default; |
| 49 |