This repository has been archived by the owner on Feb 2, 2024. It is now read-only.

settings.scss

Jump to bottom

Cameron Wardzala edited this page Oct 11, 2019 · 1 revision

These are the base settings for Gateway.

Breakpoints

These variables define responsive breakpoints that can be used in your SCSS to adjust styles for responsive screens.

$xlarge >1200px
$xlarge2x >1200px and min-device-pixel-ratio: 2
$large >992px
$large2x >992px and min-device-pixel-ratio: 2
$medium >768px
$medium2x >768px and min-device-pixel-ratio: 2
$small >576px
$small2x >576px and min-device-pixel-ratio: 2

Using Breakpoints

@media #{$large} {...}
@media #{$small2x} {...}