Like the masters at Skeleton, Sazerac defines a series of sizes for different devices and screen resolutions. This table lists the supported sizes:
||1200px and up|
||960px and up & 1199px and bellow|
||768px and up & 959px and bellow|
||480px and up & 767px and bellow|
||479px and bellow|
Each of the LESS files include the responsive classes:
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.