解 説

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で結果を確認することができます。

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