Sha256: 157b617279d5a811b70adc4c47521efab4a30d42cea9f820edcc4fdc3634d2a6
Contents?: true
Size: 841 Bytes
Versions: 9
Compression:
Stored size: 841 Bytes
Contents
// Responsiveness
// The container horizontal gap, which acts as the offset for breakpoints
$gap: 32px !default;
// 960, 1152, and 1344 have been chosen because they are divisible by both 12 and 16
$tablet: 769px !default;
// 960px container + 4rem
$desktop: 960px + (2 * $gap) !default;
// 1152px container + 4rem
$widescreen: 1152px + (2 * $gap) !default;
$widescreen-enabled: true !default;
// 1344px container + 4rem
$fullhd: 1344px + (2 * $gap) !default;
$breakpoints: (
small: ( min-width: 320px, max-width: 520px ),
mobile: ( min-width: 320px, max-width: 768px ),
tablet: ( min-width: 769px, max-width: 1023px ),
desktop: ( min-width: 1024px, max-width: 1215px ),
widescreen: ( min-width: 1216px, max-width: 1407px ),
fullhd: ( min-width: 1408px, max-width: 9999px )
) !default;
Version data entries
9 entries across 9 versions & 1 rubygems