問題タブ [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.
css - SASS : ループを使用してマップを生成する方法
map
私の目標は、次のマップに格納されている色のバリエーションを格納する SASS を生成することです。
これまでのところ、@function
これらのバリアントを取得するために を使用しています。
生成できると期待しているマップは、次のようになります。
それでも、すでに適用しようとしたループは次のようになります。
しかし、私はそれがマップ自体の中で機能すると信じていませんでした。
この疑問に答えやすい質問:
- SASS マップ (関数) (キー:値) に値を追加する方法は?
map-merge
/map-set
?の基本的な使い方 (@return map-merge($map, $new)
)
厳密に私が以下に探しているもの:
それでも、次のエラーが返されます。
結論
長い時間が経ちましたが、私の解決策を他の人と共有できれば幸いです.
この問題解決の結果を保存するリポジトリhttps://github.com/vladimirlisovets/SASS-Color-Palettesを作成しました。
より良いものを刺激するために誰かに役立つことを願っています.
乾杯。
function - Sass 関数での繰り返しコードの削減
私は、多くの Sass を使用して保守可能で使いやすいコード ベースを作成する HTML ボイラープレートに取り組んでいます。その一部はいくつかの関数です:
これらの関数は、次のようにいくつかの mixin で呼び出されます。
これは問題なく機能しますが、関数内で多くのコードを繰り返しているという事実は気に入りません。マップ名をパラメーターとして受け取る汎用関数を作成しようとしましたが、map-get() で補間を使用できません。
関数コードをよりエレガントに、できるだけ DRY にする方法はありますか?
洞察に感謝します。乾杯!