Y38Design

Profile Portfolio Blog

Sassの画像パスに変数を使う

Webデザイン 2020年7月5日 日曜日 8:13:13

参考:https://www.it-swarm.dev/ja/css/sass%E3%81%AE%E7%94%BB%E5%83%8F%E3%83%91%E3%82%B9%E3%81%AB%E5%A4%89%E6%95%B0%E3%81%8C%E3%81%82%E3%82%8A%E3%81%BE%E3%81%99%E3%81%8B%EF%BC%9F/941216378/

パスを返す関数を定義する:

//Vars
$assetPath : "/assets/images";
//Functions
@function get-path-to-assets($assetPath){
@return $assetPath;
}

関数を使用する:

body {
margin: 0 auto;
background: url($get-path-to-assets/site/background.jpg) repeat-x fixed 0 0;
width: 100%;
}

Write comment

toTop