Sassのmixinの設定
レスポンシブWebデザインをする際にメディアクエリが必要になりいちいち、同じコードを複数回書くのも数値の管理もめんどくさいのでmixinで簡単に書けるようにします。
ブレイクポイントの設定最初はこのくらいで設定しておいて、随時増やしていくとよい
$breakpoints:( sm: 480px, md: 768px, xl: 1200px);
メディアクエリを呼び出すminとmaxを使えるようにしている
ブレイクポイントが被ってて気になる場合はブレイクポイントの指定をm