Index: static/scss/_variables.scss |
=================================================================== |
--- a/static/scss/_variables.scss |
+++ b/static/scss/_variables.scss |
@@ -73,22 +73,30 @@ |
$large-space: 4em !default; |
$medium-space: 2em !default; |
$small-space: 1em !default; |
// Breakpoints |
//////////////////////////////////////////////////////////////////////////////// |
+// Device breakpoints |
+ |
$phone-breakpoint: 320px !default; |
$phablet-breakpoint: 576px !default; |
$tablet-breakpoint: 768px !default; |
$desktop-breakpoint: 992px !default; |
$large-desktop-breakpoint: 1200px !default; |
+// Grid breakpoints |
+ |
+$half-breakpoint: $tablet-breakpoint !default; |
+$third-breakpoint: $desktop-breakpoint !default; |
+$fourth-breakpoint: $desktop-breakpoint !default; |
+ |
// Container widths |
//////////////////////////////////////////////////////////////////////////////// |
$phone-width: auto !default; |
$phablet-width: 540px !default; |
$tablet-width: 720px !default; |
$desktop-width: 960px !default; |
$large-desktop-width: 1140px !default; |