Mobil Uyumluluk
Gralig mobil uyumluluk için 5 kırılım noktası değişkeni ve 2 mixin aracı kullanır.
@import 'gralig/scss/abstracts/_variables.scss';
@import 'gralig/scss/abstracts/_mixins.scss';
Kırılım Noktası Değişkenleri
| Değişken | Tip | Değer |
|---|---|---|
| $breakpoint-xl | size | 120em (1920px) |
| $breakpoint-l | size | 75em (1200px) |
| $breakpoint-m | size | 62.5em (1000px) |
| $breakpoint-s | size | 50em (800px) |
| $breakpoint-xs | size | 37.5em (600px) |
Mixinler
// .scss içerisinde aşağıdaki gibi kullanabilirsiniz.
@include min-width($breakpoint-s) {
}
@include max-width($breakpoint-m) {
}