1.10Breakpoints
Concise is built from the ground up to be mobile friendly. This means that all mobile styles are defined first with media queries used to style for larger devices.
The media queries for Concise are based off of this great media queries boilerplate.
The values of the media queries can be modified in in /custom/_globals.scss
.
Name | Ems | Pixels |
---|---|---|
extra-small | 30 | 480 |
small | 48 | 768 |
medium | 60 | 960 |
large | 70 | 1120 |
extra-large | 80 | 1280 |