2017-04-25 4 views
0

デバイスサイズに応じてCSSを変更するには、SCSSに次のコードスニペットがあります。Sassのブートストラップメディアクエリ - なぜSassが@ screen-md-minを読み取れないのですか?

.cu-list-project li{ 
    @media (min-width: @screen-md-min) { 
    width: 60%; 
    @include project-list; 
    } 
} 

しかし、サスは、次のエラーを与える:

*error styles/sass/styles.scss (Line 108: Invalid CSS after "...ia (min-width: ": expected expression (e.g. 1px, bold), was "@screen-md-min) {").

どうやら、 "@screen-md-min" はSassによって認識されていません。私は何をすべきか? P.S:@ screen-md-minを992pxに変更できますが、これはベストプラクティスではありません。だから、私は回避策ではなく、本当の解決策を探しています。ありがとう。

答えて

0

bootstrap-sassのソースコードを見ると、$screen-md-minなどを使用してください。 Githubの

+0

Wov上line 89から

@media (min-width: $screen-md-min) and (max-width: $screen-md-max) { @include responsive-visibility('.visible-md'); } 

、それは働きます!感謝。 –

関連する問題