Supported Devices
Like the masters at Skeleton, Sazerac defines a series of sizes for different devices and screen resolutions. This table lists the supported sizes:
| Label | Less file | Layout |
|---|---|---|
| #Large | responsive-large.less |
1200px and up |
| #Default | grid.less |
960px and up & 1199px and bellow |
| #Portrait | responsive-portrait.less |
768px and up & 959px and bellow |
| #Tablet | responsive-tablet.less |
480px and up & 767px and bellow |
| #Mobile | responsive-mobile.less |
479px and bellow |
Each of the LESS files include the responsive classes: responsive-large.less, responsive-portrait.less, responsive-tablet.less and responsive-mobile.less. These can be edited or deleted from sazerac.less without compromising resolution, the design adapts to the size immediately before it.
NOTE: The only size that you cannot delete is grid.less. This file should always be above the responsive-*.less when you are ready to compile.