Scss de nasıl @media kullanabilirim?
Scss e daha yeni başladım, tam olarak hakim değilim, @media tagı kullanmam lazım. Nasıl kullanabilirim bilmiyorum. (Biden fazla şey yazacağım.)
Soru hatalı mı? 👎
Eğer sorunun kurallara aykırı olduğunu düşünüyorsanız lütfen bize bildirin!
Cevaplar (1)
@mixin get-breakpoint($size){
@media (max-width: $size) { @content; }
}
bu şekilde bir mixin oluştur kardeşim
sass kullanıyorsan
$xs: 0
$sm: 576
$md: 769
$lg: 992
$xl: 1200
$breakpoints: ('xs':$xs, 'sm': $sm,'md': $md, 'lg': $lg, 'xl': $xl) !default
@mixin create-breakpoint($breakpoint:null, $type:min, $screen:null)
@if($type == min)
@if map-has-key($breakpoints, $breakpoint)
@media (min-width: map-get($breakpoints, $breakpoint)+px)
@content
@else
@media (max-width:$screen+px)
@content