問題タブ [scss-mixins]

次の SCSS mixin を使用しています

次の結果を期待します

しかし、私はこれを得る

説明

これら 2 つのコード ブロックの違いは、「=」記号の直後の最初の行にあります。値が引用符で囲まれた文字列に評価されることを期待していますが、 Quote SCSS Functionを使用してもそうではありません。これを Ionic にプラグインしていますが、これはスタイリングとは関係なく、引用符でのみ機能します。

実験中

SassMeisterで次のコードをテストできます

カラーマップがあり、関数を使用してこのマップのキーのみを返す必要があります。しかし、最初のキー名しか返すことができません。section-color、tree-line-color、table-header-color、table-cell-color というキーのすべての名前を取得しようとしました。しかし、私はできません。私を助けてください。

私は 2 つの SCSS マップ コール$my-map-1とを持っています$my-map-2。各マップには、16 進数の値を持つキーがあります。各マップのキーと 16 進値 ( $key, ) を個別に返す関数を作成しました。$value

その後@if、マップを確認する関数で条件を書きました。マップ名を関数に渡します。そこにマップする場合、チェックは$key指定された名前と同じです。それが本当なら、$valuそれ$keyを私のカラーミックスインに渡します。これは私のコードです。