問題タブ [sass-maps]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
5682 参照

css - SASS : ループを使用してマップを生成する方法

map私の目標は、次のマップに格納されている色のバリエーションを格納する SASS を生成することです。

これまでのところ、@functionこれらのバリアントを取得するために を使用しています。


生成できると期待しているマップは、次のようになります。


それでも、すでに適用しようとしたループは次のようになります。

しかし、私はそれがマップ自体の中で機能すると信じていませんでした。


この疑問に答えやすい質問:

  • SASS マップ (関数) (キー:値) に値を追加する方法は?
  • map-merge/ map-set?の基本的な使い方 ( @return map-merge($map, $new))

厳密に私が以下に探しているもの:

それでも、次のエラーが返されます。

結論

長い時間が経ちましたが、私の解決策を他の人と共有できれば幸いです.

この問題解決の結果を保存するリポジトリhttps://github.com/vladimirlisovets/SASS-Color-Palettesを作成しました。

より良いものを刺激するために誰かに役立つことを願っています.

乾杯。

0 投票する
2 に答える
123 参照

function - Sass 関数での繰り返しコードの削減

私は、多くの Sass を使用して保守可能で使いやすいコード ベースを作成する HTML ボイラープレートに取り組んでいます。その一部はいくつかの関数です:

これらの関数は、次のようにいくつかの mixin で呼び出されます。

これは問題なく機能しますが、関数内で多くのコードを繰り返しているという事実は気に入りません。マップ名をパラメーターとして受け取る汎用関数を作成しようとしましたが、map-get() で補間を使用できません。

関数コードをよりエレガントに、できるだけ DRY にする方法はありますか?

洞察に感謝します。乾杯!