CSSのメディアクエリの記述をSassのmixinでまとめました

iPhone5〜7に対応したCSSメディアクエリをSassの@mixinにしました。

GitHubに置いていますので、下記アドレスからファイルをダウンロードしてください。
https://github.com/haidoro/sass_git

ファイル構成
mediaquery
│
├─_media.scss
├─sample1.html
├─style.css
├─style.css.map
├─style.scss

@mixinの記述は「_media.scss」パーシャルファイルとして記述しています。

使い方

使い方の参考例としてstyle.scssを用意しています。
_media.scssファイルをインポートしてから、@mixinを@includeする簡単な例です。
scssファイルはコンパイルしてstyle.cssにするとsample1.htmlで結果を確認することができます。

• mixinの使い方は、「Sassのミックスイン 〜Sass（６）」を参考にしてください。
• インポートの方法は「Sassの@import 〜Sass（４）」を参考にしてください。

GitHubに置いていますので、今後さらに便利に使えるようにバージョンアップしていく予定です。
また、便利なコンポーネントも随時Sassの状態でアップする予定です。