| 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; |