diff options
Diffstat (limited to 'assets/stylesheets/_bootstrap-grid.scss')
-rw-r--r-- | assets/stylesheets/_bootstrap-grid.scss | 57 |
1 files changed, 57 insertions, 0 deletions
diff --git a/assets/stylesheets/_bootstrap-grid.scss b/assets/stylesheets/_bootstrap-grid.scss new file mode 100644 index 0000000..0eceebb --- /dev/null +++ b/assets/stylesheets/_bootstrap-grid.scss @@ -0,0 +1,57 @@ +// 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 system +// +// Define your custom responsive grid. +$grid-breakpoints: ( + // Extra small screen / phone + xs: 0, + // Small screen / phone + sm: 34em, + // Medium screen / tablet + md: 48em, + // Large screen / desktop + lg: 62em, + // Extra large screen / wide desktop + xl: 75em +) !default; + +// Number of columns in the grid. +$grid-columns: 12 !default; + +// Padding between columns. Gets divided in half for the left and right. +$grid-gutter-width: 1.5rem !default; + + +// Container sizes +// +// Define the maximum width of `.container` for different screen sizes. + +$container-max-widths: ( + sm: 34rem, // 480 + md: 45rem, // 720 + lg: 60rem, // 960 + xl: 72.25rem // 1140 +) !default; + + +// +// Grid mixins +// + +@import "bootstrap/variables"; + +@import "bootstrap/mixins/clearfix"; +@import "bootstrap/mixins/breakpoints"; +@import "bootstrap/mixins/grid-framework"; +@import "bootstrap/mixins/grid"; + +@import "bootstrap/grid"; |