mirror of
https://github.com/twbs/bootstrap.git
synced 2024-11-29 11:24:18 +01:00
eabed0edf8
Changes grid and container sizes to `px`, as the viewport pixel size does not depend on the font size. The actual em values were inconsistent with the docs, while the docs were not the same as the comments: * `sm` breakpoint was 34em (544px) not 480px. * `lg` container max-width was 60rem (960px), less gutter than `md`. Changed to 940px, same as Bootstrap 3. * `xl` container max-width was 72.25rem which is 1140px not 1156px. Changed to 1140px matching the comment but not the docs. Addresses #17070 and #17388.
63 lines
1.1 KiB
SCSS
63 lines
1.1 KiB
SCSS
// 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";
|