sassを勉強している者です。
sassのMap型について質問があります。
勉強中に以下のようなコードがありました。
sass
1// Map型を使って定義 2$sns-colors: ( 3 twitter: #1b95e0, 4 facebook: #3b5998, 5 googleplus: #dc4e41, 6); 7 8// SNSアイコン 9.sns { 10 &__btn { 11 background-repeat: no-repeat; 12 // @each で処理を繰り返す 13 @each $key, $value in $sns-colors { 14 &.-#{$key} { 15 background-image: url(/img/icon_#{$key}.png); 16 background-color: $value; 17 } 18 } 19 } 20}
流れは理解できましたし、これを真似てやりたいこともできました。
ただ勉強している時に説明がなかったためここで確認したく質問させていただきました。
それは@eachの後に$key,$valueと2つ変数を準備してMap型の$sns-colorsから値をもらっているところです。
Map型の場合、変数を2つ準備したらキー、と値をそれぞれもらえるという認識であっているでしょうか?
上手く文に出来ず伝えづらくすいません。
もしわかる方いらっしゃいましたら教えていただきたいです。
よろしくおねがいします。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/06/29 13:47
2019/06/29 13:55
2019/06/29 14:01
2019/06/29 14:07
2019/06/29 14:29