前提・実現したいこと
sassで自作の関数を作る際、ブレイクポイントで条件分岐させるコードを作りたいのですが、
どのようにやればいいかよく分からず困っております。
下記のようなコードを上手く動くような形にするのは不可能なのでしょうか?
教えていただけると助かります。
scss
1//3つ関数を作れば簡単なのですがこれを出来れば1つにまとめたい 2@function rsize($value) { 3 @return $value/375*100vw; 4 @if $bp==tb { 5 @return $value/768*100vw; 6 } 7 @else if $bp==pc { 8 @return $value/1920*100vw; 9 } 10} 11 12//-------------------------------- 13.a{ 14 width:rsize(10); 15 height:rsize(10); 16} 17//-------------------------------- 18$bp:tb;//まとめて定義したい 19.b{ 20 width:rsize(10); 21 height:rsize(10); 22} 23.c{ 24 width:rsize(10); 25 height:rsize(10); 26} 27//-------------------------------- 28$bp:pc;//まとめて定義したい 29.d{ 30 width:rsize(10); 31 height:rsize(10); 32} 33.e{ 34 width:rsize(10); 35 height:rsize(10); 36}
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/02/20 07:06
2018/02/20 07:09
2018/02/20 08:34
2018/02/20 08:48
2018/02/20 09:06
2018/02/20 09:08
2018/02/20 09:14 編集