سلام وقت بخیر من برای رسپانسیو کردن در sass از روش زیر استفاده کردم

//varible Predefined Break-points
$sm: 576px;
$md: 768px;
$lg: 992px;
$xl: 1200px;

// The mdia mixin for responsive
@mixin media($args...) {
  $query: "";
  @each $arg in $args {
    $op: "";
    @if ( $query != "" ) {
      $op: " and ";
    }
    $query: $query + $op + translate-media-condition($arg);
  }
  @media #{$query}  { @content; }
}

//breakpoint function resize responsive
@function translate-media-condition($c) {
    $condMap: (
          "screen": "only screen",
          "print": "only print",
          "retina": "(-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5), (min-resolution: 120dpi)",
       ">desktop": "(min-width: #{$xl + 1})",
          "<desktop": "(max-width: #{$xl})",        
          ">laptop": "(min-width: #{$lg + 1})",
          "<laptop": "(max-width: #{$lg})",
          ">tablet": "(min-width: #{$md + 1})",
          "<tablet": "(max-width: #{$md})",
      ">mobile": "(min-width: #{$sm + 1})",
          "<mobile": "(max-width: #{$sm})",
      );
    @return map-get( $condMap, $c );
  }

 @include media( "screen", ">desktop"){
    body{
        background-color : #ff55dd;
    }
}

اما دوس دارم بصورت کامل پیاده سازی رو انجام بدم و تقریبا شبیه بهsass بوت استرپ نیاز دارم اما وقتی کد‌های اون رو می‌خونم کامل متوجه نمیشم ممنون میشم راهنماییم کنین که کدوم فایل‌های sass بوت استرپ برای رسپانیسو هستش من فقط فایل _breakpoints که داخل پوشه میکسین هاست رو پیدا کردم

۰

سلام وقت بخیر من برای رسپانسیو کردن در sass از روش زیر استفاده کردم

 

//varible Predefined Break-points
$sm: 576px;
$md: 768px;
$lg: 992px;
$xl: 1200px;

```

// The mdia mixin for responsive
@mixin media($args...) {
  $query: "";
  @each $arg in $args {
    $op: "";
    @if ( $query != "" ) {
      $op: " and ";
    }
    $query: $query + $op + translate-media-condition($arg);
  }
  @media #{$query}  { @content; }
}

//breakpoint function resize responsive
@function translate-media-condition($c) {
    $condMap: (
          "screen": "only screen",
          "print": "only print",
          "retina": "(-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5), (min-resolution: 120dpi)",
       ">desktop": "(min-width: #{$xl + 1})",
          "<desktop": "(max-width: #{$xl})",        
          ">laptop": "(min-width: #{$lg + 1})",
          "<laptop": "(max-width: #{$lg})",
          ">tablet": "(min-width: #{$md + 1})",
          "<tablet": "(max-width: #{$md})",
      ">mobile": "(min-width: #{$sm + 1})",
          "<mobile": "(max-width: #{$sm})",
      );
    @return map-get( $condMap, $c );
  }

 @include media( "screen", ">desktop"){
    body{
        background-color : #ff55dd;
    }
}

اما دوس دارم بصورت کامل پیاده سازی رو انجام بدم و تقریبا شبیه بهsass بوت استرپ نیاز دارم اما وقتی کد‌های اون رو می‌خونم کامل متوجه نمیشم ممنون میشم راهنماییم کنین که کدوم فایل‌های sass بوت استرپ برای رسپانیسو هستش من فقط فایل _breakpoints که داخل پوشه میکسین هاست رو پیدا کردم

از استاید بزرگ سون لرن مثل استاد آوند عزیز ، استاد علی محمدی عزیز ، استاد فاضلی عزیز ، و استاد صالحی عزیز
ممنون میشم با توجه به تجربه بالاشون در این زمینه بنده رو راهنمایی کنن