پیاده سازی سیستم رسپانسیو مثل sass

پرسیده شده
فعالیت 1517 روز پیش
دیده شده 977 بار
-1

سلام وقت بخیر من برای رسپانسیو کردن در 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 که داخل پوشه میکسین هاست رو پیدا کردم

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

فایل پیوست

n.feyzshams@gmail.com
[email protected]

8 بهمن 98

0
حذف شده

سلام از این لینک استفاده کن. خوب راهنمایی کرده.

فایل پیوست

علیرضا کریمی نژاد

توسط

علیرضا کریمی نژاد

12 بهمن 98