راکت

رسپانسیو بوت استرپ sass

3 پاسخ

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

ثبت پرسش جدید

پاسخ‌ها

3
حسام موسوی
حسام موسوی
@hesammousavi

تخصص: طراح و برنامه نویس

برای دیدنش میتونید از فایل layout رو ببینید در مورد col ها

شاید پاسخ شما همین‌جا باشد

نیما
نیما
@n.feyzshams

تخصص: فرانت

حسام جان من برای media query ها می خواستم و فایل function و breakpoint مشکلم رو بر طرف کرد
باز هم ممنونم بابت راهنمایی و وقتی که گذاشتی

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام