sass - Sass ブレークポイントが機能しない

Question

すべての可能性を確認しましたが、問題はありませんでした。

config.rb

次の行があります：require 'breakpoint'

style.scss

また@import "breakpoint";

私はこのようにしようとしています:

$medium: 96rem; // or even $medium: 51rem 96rem;

.any-class{
    @include breakpoint($medium);
    //change any property
}

コンパイルされたcssファイルには何の効果も見られず、以前のものを上書きする新しいプロパティのみです。とを使用Sass 3.4.13 (Selective Steve)してCompass 1.0.1 (Polaris)います。

編集: コンパイル結果の例:

//Sass
html{
    font-size: 62.5%;
}
body{
    @include breakpoint(100rem);
    background-color: #000;
}

編集済み：

//Css
html {
  font-size: 62.5%;
}
body {
}
body {
  background-color: #000;
}

score 1 · Accepted Answer

これは mixin の使い方が間違っているからです。ブレークポイントミックスインは@content認識可能なミックスインです。そのミックスイン用のスタイルは中括弧内に配置する必要があります。

body{
    @include breakpoint(100rem) {
      background-color: #000;
    }
}

出力：

@media (min-width: 100rem) {
  body {
    background-color: #000;
  }
}

1 に答える 1