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

HTML&CSS

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の状態でアップする予定です。

スポンサーリンク

お勧め書籍

AI関連

Python

JavaScript

HTML CSS関連

統計学

HTML&CSS Tips
スポンサーリンク
dororoをフォローする
IT工房|AI入門とWeb開発|エンジニアのグルメ日記
タイトルとURLをコピーしました