1. ホーム
  2. 使い方 Blocs
  3. 設計
  4. サブクラスリファレンスガイド

サブクラスリファレンスガイド

ボタン

ボタンクリーン

サイドバーボタンスタイルオプションのときにボタンに追加されるクラス 石斑魚 適用される。

ボタン光沢

サイドバーボタンスタイルオプションのときにボタンに追加されるクラス 光沢のある 適用される。

ボタンワイヤー

サイドバーボタンスタイルオプションのときにボタンに追加されるクラス ワイヤー 適用されます。 このサブクラスで変更する重要なクラスルールは、境界線のスタイルと背景色です。

ボタンラウンド

サイドバーのボタンコーナーオプションのときにボタンに追加されるクラス ラウンド 適用されます。 このサブクラスで変更する重要なクラスルールはborder-radiusです。

ボタンスクエア

サイドバーのボタンコーナーオプションのときにボタンに追加されるクラス 正方形である 適用されます。 このサブクラスで変更するKeyクラスのルールはborder-radiusです。

スクロールトップボタン

を与えるために使用されるクラス スクロールトップボタン その外観。 このサブクラスで変更する重要なクラスルールは、背景色です。

上矢印アイコンまでスクロール

上にスクロールするために使用されるクラス 矢印アイコン その外観。 このサブクラスで変更する重要なクラスルールは、SVGストロークの色です。

与えるために使用されるクラス ドロップダウンボタンメニュー それらの視覚的外観。 このサブクラスで変更する重要なクラスルールは、背景色です。

与えるために使用されるクラス ドロップダウンボタンメニューリンク それらの視覚的外観。 このサブクラスで変更する重要なクラスルールは、テキストの色です。

特別なナビゲーションの背景

与えるために使用されるクラス 特別なナビゲーションメニュー それらの視覚的外観。 このサブクラスで変更する重要なクラスルールは、背景色です。

与えるために使用されるクラス 特別なナビゲーションメニューのリンク それらの視覚的外観。 このサブクラスで変更する重要なクラスルールは、テキストの色です。

特別なナビゲーション閉じる記号

を与えるために使用されるクラス 特別ナビゲーションメニュー閉じる記号 その外観。 このサブクラスで変更する重要なクラスルールは、背景色です。

このクラスを使用して、ドロップダウン メニュー内に表示されるナビゲーション バーのリンクの色を設定できます。

を制御するために使用されるクラス 画像 ナビゲーションにあるロゴリンク内にあります Blocs。 デフォルトでは、ロゴ画像の最大高さは、小さい画面で大きくなりすぎないように設定されています。特定のブレークポイントで大きいロゴを表示する場合は、このサブクラスを大きい最大高さと組み合わせて使用​​します。

テキスト

テキスト幅小

サイドバーのテキスト幅オプションのときにテキストオブジェクトに追加されるクラス S 適用されます。 このサブクラスで変更する重要なクラスルールは、最大幅です。

テキスト幅中

サイドバーのテキスト幅オプションのときにテキストオブジェクトに追加されるクラス M 適用されます。 このサブクラスで変更する重要なクラスルールは、最大幅です。

テキスト幅大

サイドバーのテキスト幅オプションのときにテキストオブジェクトに追加されるクラス L 適用されます。 このサブクラスで変更する重要なクラスルールは、最大幅です。

画像

丸みを帯びた画像

サイドバーの画像スタイルオプションのときに画像オブジェクトに追加されるクラス 丸められた小さい 適用されます。 このサブクラスで変更する重要なクラスルールは、境界半径です。

画像の丸みを帯びた媒体

サイドバーの画像スタイルオプションのときに画像オブジェクトに追加されるクラス 丸みを帯びたミディアム 適用されます。 このサブクラスで変更する重要なクラスルールは、境界半径です。

丸みを帯びた画像

サイドバーの画像スタイルオプションのときに画像オブジェクトに追加されるクラス 丸みを帯びた大 適用されます。 このサブクラスで変更する重要なクラスルールは、境界半径です。

画像フレーム小

サイドバーの画像スタイルオプションのときに画像オブジェクトに追加されるクラス フレーム小 適用されます。 このサブクラスで変更する重要なクラスルールは、境界線の半径と背景色です。

イメージフレームミディアム

サイドバーの画像スタイルオプションのときに画像オブジェクトに追加されるクラス フレームミディアム 適用されます。 このサブクラスで変更する重要なクラスルールは、境界線の半径と背景色です。

イメージフレームラージ

サイドバーの画像スタイルオプションのときに画像オブジェクトに追加されるクラス フレームラージ 適用されます。 このサブクラスで変更する重要なクラスルールは、境界線の半径と背景色です。

標準を与えるクラス Blocs ライトボックス その外観。 このサブクラスで変更する重要なクラスルールは、境界線の半径と背景色です。

標準を与えるクラス Blocs ライトボックスナビゲーション矢印 それらの視覚的外観。 このサブクラスで変更する重要なクラスルールは、SVGストロークの色です。

標準を与えるクラス Blocs ライトボックスナビゲーション前の矢印 その外観。 このサブクラスで変更する重要なクラスルールは、SVGストロークの色です。

標準を与えるクラス Blocs ライトボックスナビゲーション次の矢印 その外観。 このサブクラスで変更する重要なクラスルールは、SVGストロークの色です。

標準を与えるクラス Blocs ライトボックス閉じるアイコン その外観。 このサブクラスで変更する重要なクラスルールは、SVGストロークの色です。

標準を与えるクラス Blocs ライトボックスのキャプションテキスト その外観。 このサブクラスで変更する重要なクラスルールは、テキストの色とサイズです。

標準を与えるクラス Blocs カルーセルナビゲーション矢印 それらの視覚的外観。 このサブクラスで変更する重要なクラスルールは、SVGストロークの色です。

標準を与えるクラス Blocs カルーセルナビゲーション前の矢印 その外観。 このサブクラスで変更する重要なクラスルールは、SVGストロークの色です。

標準を与えるクラス Blocs カルーセル ナビゲーション次の矢印 その外観。 このサブクラスで変更する重要なクラスルールは、SVGストロークの色です。

標準を与えるクラス Blocs カルーセルスライドインジケーター (カルーセルの下部にある小さな点)それらの視覚的外観。 このサブクラスで変更する重要なクラスルールは、境界線と背景色です。

標準を与えるクラス Blocs カルーセルアクティブスライドインジケーター その外観。 このサブクラスで変更する重要なクラスルールは、境界線と背景色です。

その他

ツールチップ本体

標準を与えるクラス Blocs ツールチップ その外観。 このサブクラスで変更する重要なクラスルールは、境界線の半径と背景色です。

ディバイダー

標準を与えるクラス Blocs ディバイダーブリック その外観。 このサブクラスで変更する重要なクラスルールは、背景色です。

プリローダー

標準を与えるクラス Blocs プリローダー その視覚的外観をスクリーニングします。 このサブクラスで変更する重要なクラスルールは、背景色です。

17年2023月XNUMX日に更新

この記事は役に立ちましたか?

関連記事