hirokonaBlog

ググる→忘れそう→即時メモ 京都のWebデザイナーの備忘録

memo

Macのプレビューアプリで画像を一括リサイズ(縮小)する方法

Macのプレビューアプリで画像を一括リサイズ(縮小)する方法


#{} – SassScript – Sassオレオレリファレンス
https://tenderfeel.github.io/SassReference/sass-script/interpolation.html

// /* -------------- history page style ---------------- */
$pagename:history;
##{$pagename}{
    //横100%帯のキービジュアル
    .cKVLine{
        background: url(/assets/photos/#{$pagename}_kv.png) center center /cover no-repeat;
        @media screen and (max-width: 600px) {
            background: url(/assets/photos/#{$pagename}_kv_m.png) center center /cover no-repeat;
        }
    }
}

// /* -------------- events page style ---------------- */
$pagename:events;
##{$pagename}{
    //横100%帯のキービジュアル
    .cKVLine{
        background: url(/assets/photos/#{$pagename}_kv.png) center center /cover no-repeat;
        @media screen and (max-width: 600px) {
            background: url(/assets/photos/#{$pagename}_kv_m.png) center center /cover no-repeat;
        }
    }
}

べんり。


投稿日

カテゴリー:

投稿者:

タグ:

コメント

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください