1. ホーム
  2. sass

[解決済み] Sassのメディアクエリ

2022-03-05 02:16:05

質問

sassでメディアクエリを書く方法があれば、例えば、あるスタイルを与えることができるのですが。300px から 900px

cssでは次のようになります。

@media only screen and (min-width: 300px) and (max-width: 900px){

}

を書くことができることを知っています。

@media (max-width: 900px)

をsassで作成しましたが、その範囲はどうすればいいのでしょうか?

どのように解決するのですか?

$small: 300px;
$medium: 900px;

.smth {
  //some CSS
  @media screen and (max-width: $small) {
    //do Smth
  }
  @media screen and (min-width: $medium) {
    //do Smth
  }
}


こんな感じ?