Option

#Table of Contents

• Detail
• Variables
• Sources

#Detail

SCSS 全体に関わるオプション変数。オーバーライドすることで CSS の出力を変更できます。

#$option-css-variables

CSS の色コードを CSS Variables に差し替えるオプション変数。

デフォルト値は false。true で有効化。また、同時にダークモードが使えるようになります。

#$option-mixin-mode

Mixin のみ稼働するモードに切り替えるオプション変数。

デフォルト値は false。true で有効化。

#$option-theme-trigger-media

ダークモードの認識を OS 標準に切り替えるオプション変数。

デフォルト値は false。true で有効化。

#$option-theme-default

標準のテーマカラーを切り替えるオプション変数。

デフォルト値は light。dark にすることで、常時ダークテーマカラーとなります。

#$option-generate-style-(xxxx)

スタイル毎に CSS を出力するかどうか決められるオプション変数。

デフォルト値は出力する true。false で出力停止。

#$option-add-style-(xxxx)

追加要素扱いの CSS を個別に出力制御できるオプション変数。プロジェクトによって利用度が低くなる想定の CSS や、ボリュームの大きい CSS が対象。

デフォルト値は追加 CSS による。true で出力、false で出力停止。例えば、$option-add-style-button-focus を false にすると、ボタンフォーカスがブラウザデフォルトに戻ります。

#$option-important-(xxxx)

ユーティリティ CSS の全プロパティに !important を付与するオプション変数。

デフォルト値は false。true で有効化。

#Variables

#Sources