سلام وقت بخیر من برای رسپانسیو کردن در 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 که داخل پوشه میکسین هاست رو پیدا کردم
حسام جان من برای media query ها می خواستم و فایل function و breakpoint مشکلم رو بر طرف کرد
باز هم ممنونم بابت راهنمایی و وقتی که گذاشتی
آیا مایل به ارسال نوتیفیکیشن و اخبار از طرف راکت هستید ؟