scss 由SassMeister.com生成。测试断点和无查询回退。

Posted 2021-05-18

div {
  color: black;
  color: red;
}

// ----
// Sass (v3.2.14)
// Compass (v0.12.3)
// Breakpoint (v2.0.7)
// ----

@import "breakpoint";
@import "compass";

// $breakpoint-no-queries: false;
// $breakpoint-no-query-fallbacks: true;
$breakpoint-no-queries: true;
$breakpoint-no-query-fallbacks: false;

$tab: 601px;
$desk: 1000px;

@mixin bp($point, $ie8: false) {
  @if $ie8 {
    @include breakpoint($point, $no-query: true) {
      @content;
    }
  }
  @else {
    @include breakpoint($point) {
      @content;
    }
  }
}

div {
  color: black;
  
  @include bp($tab, true) {
    color: red;
  }
}