summaryrefslogtreecommitdiff
path: root/src/sass/bootstrap4/bootstrap-grid.scss
diff options
context:
space:
mode:
Diffstat (limited to 'src/sass/bootstrap4/bootstrap-grid.scss')
-rw-r--r--src/sass/bootstrap4/bootstrap-grid.scss62
1 files changed, 62 insertions, 0 deletions
diff --git a/src/sass/bootstrap4/bootstrap-grid.scss b/src/sass/bootstrap4/bootstrap-grid.scss
new file mode 100644
index 0000000..28d5909
--- /dev/null
+++ b/src/sass/bootstrap4/bootstrap-grid.scss
@@ -0,0 +1,62 @@
+// 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";