Sassには便利な書き方がたくさんあるのですが、都度調べるのも面倒なので便利そうなコードを簡単にまとめました。 ブレイクポイントの設定 // ブレイクポイント ------------------------------------- $breakpoints: ( pc: "screen and (min-width:840px)", sp: "screen and (max-width:839px)", lg: "screen and (min-width:1280px)", md: "screen and (max-width:1279px) and (min-width: 960px)", sm: "screen and (max-width:959px) and (min-width:600px)", xs: "screen and (max-width: 599px)", );
![Sassを使って効率的にコーディングをするための基本設定 | oku-log](https://cdn-ak-scissors.b.st-hatena.com/image/square/c4a3d0a314d907e35c7d00f12af2eb84ecc2054b/height=288;version=1;width=512/https%3A%2F%2Foku-log.com%2Fwp-content%2Fuploads%2F2018%2F10%2Fscss.jpg)