は、マップ$ブレークポイントを通じて作成値Iがやろうとしています何
- ループであり、
- は計算
- 、各ブレークポイント分間価値を引き出します各々に基づいてEM値、
- は、このコードは、製品aに必要
グローバルマップの$ MS-範囲のためにこれらを使用しますこのようになります変数:私は関数は、私がしたい形式を返すために取得することはできません
$ms-range:
1.2 20em,
1.333 30em,
1.618 40em,
1.8 50em,
2 60em;
。おそらくマップ拡張?知りません。私はSASSマスターが必要です!
SASS:
$breakpoints: (s: (320, 479), sm: (480, 767), m: (768, 1023), l: (1024, 1439), xl: (1440, null));
@function returnThatMap() {
@each $name, $values in $breakpoints {
@for $i from 1 through length($name) {
$min: nth($values, 1);
// if the last one
@if ($i == length($name)) {
@return 'calc($i * 1.2) $min/16 * 1em'
}
// if not the last one
@else {
@return 'calc($i * 1.2) $min/16 * 1em',
}
}
}
}
$ms-range : returnThatMap() ;
// OUTPUT FORMAT NEEDED below!! (dummy numbers, but correct syntax - ie. number ' ' [number]em,number ' ' [number]em, number ' ' [number]em;)
// $ms-range:
// 1.2 20em,
// 1.333 30em,
// 1.618 40em,
// 1.8 50em,
// 2 60em;
SASSMEISTERのLINK: http://www.sassmeister.com/gist/700f0721fd7940c84435cb1b5210f5d7
AMAZING作業に役立ちます!仲間を助けてくれてありがとう。コード内のコメントは非常に感謝しています。 –
問題ありません!お力になれて、嬉しいです :) –