Responsive

Gralig uses 5 breakpoint variables and 2 mixins for mobile compatibility.

@import 'gralig/scss/abstracts/_variables.scss';
@import 'gralig/scss/abstracts/_mixins.scss';

Breakpoints

VariableTypeValue
$breakpoint-xlsize120em (1920px)
$breakpoint-lsize75em (1200px)
$breakpoint-msize62.5em (1000px)
$breakpoint-ssize50em (800px)
$breakpoint-xssize37.5em (600px)

Mixins

//  you can use them in .scss like

@include min-width($breakpoint-s) {

}

// or

@include max-width($breakpoint-m) {

}
© 2019, Built with  🎧☕️❤️& Gralig.