|
|
@@ -25,6 +25,34 @@ $gray-900: darken($dark, 5%) !default;
|
|
|
$grays: ("50": $gray-50) !default;
|
|
|
$red: #ff0a54 !default;
|
|
|
|
|
|
+
|
|
|
+// Grid breakpoints
|
|
|
+//
|
|
|
+// Define the minimum dimensions at which your layout will change,
|
|
|
+// adapting to different screen sizes, for use in media queries.
|
|
|
+
|
|
|
+$grid-breakpoints: (
|
|
|
+ xs: 0,
|
|
|
+ sm: 576px,
|
|
|
+ md: 768px,
|
|
|
+ lg: 992px,
|
|
|
+ xl: 1200px,
|
|
|
+ 2xl: 1480px
|
|
|
+);
|
|
|
+
|
|
|
+// Grid containers
|
|
|
+//
|
|
|
+// Define the maximum width of `.container` for different screen sizes.
|
|
|
+
|
|
|
+$container-max-widths: (
|
|
|
+ sm: 540px,
|
|
|
+ md: 720px,
|
|
|
+ lg: 960px,
|
|
|
+ xl: 1140px,
|
|
|
+ 2xl: 1320px
|
|
|
+);
|
|
|
+
|
|
|
+
|
|
|
//== Typography
|
|
|
//
|
|
|
//## Font, line-height, and color for body text, headings, and more.
|