Bootstrap SASS に新しいカラーテーマを追加しています。 MOD と新しい色 (GOLD) を含むカスタム ファイルがあります。
たくさん読んで検索した結果、新しいテーマと、背景や枠線を含むほぼすべての要素を作成することができました。 IE: text-gold、border-gold、btn-gold、bg-gold など
しかし、例や BS ドキュメントに従っても、「微妙」および「強調」クラスを作成することはできません。 「border-gold-subtle、text-gold-emphasis、bg-gold-subtle など」はありません
それを達成する方法はありますか?
@import “関数”; $primary: #2B4261 !デフォルト; $セカンダリ: #9FA6B2 !デフォルト; $success: #14A44D !デフォルト; $info: #54B4D3 !デフォルト; $warning: #E4A11B !デフォルト; $danger: #DC4C64 !デフォルト; $light: #FBFBFB !デフォルト; $dark: #332D2D !デフォルト; $gold: #AC863C !デフォルト; $gold-bg-subtle: ティントカラー($gold, 80%) !default; $gold-border-subtle: ティントカラー($gold, 60%) !default; $gold-bg-subtle-dark: シェードカラー($danger, 80%) !default; $gold-border-subtle-dark: シェードカラー($primary, 40%) !default; @import “変数”; @import “変数-ダーク”; $custom-colors: ( “プライマリ”: $primary、”セカンダリ”: $secondary、”成功”: $success、”情報”: $info、”警告”: $warning、”危険”: $danger、”light “: $light、”dark”: $dark、”gold”: $gold ); $テーマカラー: マップマージ($テーマカラー, $カスタムカラー); @import “マップ”; @import “ミックスイン”; @import “ユーティリティ”; $custom-colors-text: (“ゴールド”: $gold); $custom-colors-bg-subtle: (“ゴールド”: $gold-bg-subtle); $custom-colors-border-subtle: (“ゴールド”: $gold-border-subtle); $テーマカラーテキスト: マップマージ($テーマカラーテキスト, $カスタムカラーテキスト); $theme-colors-bg-subtle: マップマージ($theme-colors-bg-subtle, $custom-colors-bg-subtle); $theme-colors-border-subtle:map-merge($theme-colors-border-subtle, $custom-colors-border-subtle); $custom-colors-text-dark: (“ゴールド”: $gold); $custom-colors-bg-subtle-dark: (“ゴールド”: $gold-bg-subtle-dark); $custom-colors-border-subtle-dark: (“ゴールド”: $gold-border-subtle-dark); $テーマカラー-テキスト-ダーク: マップマージ($テーマカラー-テキスト-ダーク, $カスタムカラー-テキスト-ダーク); $theme-colors-bg-subtle-dark:map-merge($theme-colors-bg-subtle-dark, $custom-colors-bg-subtle-dark); $テーマカラー-ボーダー-微妙-ダーク: マップマージ($テーマカラー-ボーダー-微妙-ダーク, $カスタムカラー-ボーダー-微妙-ダーク); @import “ブートストラップ”;
#css #Bootstrap #の新しいカラーテーマ #SASS #の微妙なクラスと強調クラス