v2.5.2
Giriş yap

Scss de nasıl @media kullanabilirim?

bukr3j
246 defa görüntülendi ve 1 kişi tarafından değerlendirildi

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.)

Cevap yaz
Cevaplar (1)
mucahitbaser
1020 gün önce

@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