جشنواره عیدانه راکت | عضویت ویژه راکت برای آخرین بار | افزایش قیمت‌ها از سال جدید | و ...

مشاهده اطلاعات بیشتر...
ثانیه
دقیقه
ساعت
روز
نیما
4 سال پیش توسط نیما مطرح شد
3 پاسخ

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

سلام وقت بخیر من برای رسپانسیو کردن در 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 4 سال پیش مطرح شد
حسام موسوی
تخصص : طراح و برنامه نویس
@hesammousavi 4 سال پیش مطرح شد
0

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


نیما
تخصص : فرانت
@n.feyzshams 4 سال پیش مطرح شد
0

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


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

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