スタイル
ツアーコンポーネント（GcTour）に適用できるCSSの一覧をこちらに記載します。
スタイルの適用範囲
ツアーコンポーネントの以下の部分のスタイルが適用されます。
コントロール全体
CSSクラス(概要) | 適用箇所 | CSSプロパティ |
|---|---|---|
.gcim__tour-tip (チップのスタイル) | フォント | font-family, font-sizeなど |
文字色 | color | |
背景(色、画像など) | background, background-color, background-imageなど | |
.gcim__tour-title (タイトルのスタイル) | フォント | font-family, font-sizeなど |
文字色 | color | |
.gcim__tour-description (ディスクリプションのスタイル) | フォント | font-family, font-sizeなど |
文字色 | color | |
.gcim__tour-circle (丸点のスタイル) .gcim__tour-circle[gcim-active] (現在のステップを示す丸点のスタイル) | 背景色 | background-color |
.gcim__tour-close-btn::before (閉じるボタンのスタイル) .gcim__tour-close-btn::after (閉じるボタンのスタイル) .gcim__tour-close-btn:hover::before (閉じるボタンをホバーした時のスタイル) .gcim__tour-close-btn:hover::after (閉じるボタンをホバーした時のスタイル) .gcim__tour-close-btn:focus::before (閉じるボタンがフォーカスされた時のスタイル) .gcim__tour-close-btn:focus::after (閉じるボタンがフォーカスされた時のスタイル) | 背景色 | background-color |
.gcim__tour-prev-btn (前へボタンのスタイル) .gcim__tour-next-btn (次へボタンのスタイル) .gcim__tour-done-btn (終了ボタンのスタイル) | 境界線 | border, border-color, border-radiusなど |
フォント | font-family, font-sizeなど | |
文字色 | color | |
背景(色、画像など) | background, background-color, background-imageなど | |
.gcim__tour-arrow (チップの尖った部分のスタイル) | 境界線 | border-color |