animations

variable in-quad public

Deprecation message:

作者

Simeon Simeonoff

variable in-cubic public

Deprecation message:

作者

Simeon Simeonoff

variable in-quart public

Deprecation message:

作者

Simeon Simeonoff

variable in-quint public

Deprecation message:

作者

Simeon Simeonoff

variable in-sine public

Deprecation message:

作者

Simeon Simeonoff

variable in-expo public

Deprecation message:

作者

Simeon Simeonoff

variable in-circ public

Deprecation message:

作者

Simeon Simeonoff

variable in-back public

Deprecation message:

作者

Simeon Simeonoff

variable out-quad public

Deprecation message:

作者

Simeon Simeonoff

variable out-cubic public

Deprecation message:

作者

Simeon Simeonoff

variable out-quart public

Deprecation message:

作者

Simeon Simeonoff

variable out-quint public

Deprecation message:

作者

Simeon Simeonoff

variable out-sine public

Deprecation message:

作者

Simeon Simeonoff

variable out-expo public

Deprecation message:

作者

Simeon Simeonoff

variable out-circ public

Deprecation message:

作者

Simeon Simeonoff

variable out-back public

Deprecation message:

作者

Simeon Simeonoff

variable in-out-quad public

Deprecation message:

作者

Simeon Simeonoff

variable in-out-cubic public

Deprecation message:

作者

Simeon Simeonoff

variable in-out-quart public

Deprecation message:

作者

Simeon Simeonoff

variable in-out-quint public

Deprecation message:

作者

Simeon Simeonoff

variable in-out-sine public

Deprecation message:

作者

Simeon Simeonoff

variable in-out-expo public

Deprecation message:

作者

Simeon Simeonoff

variable in-out-circ public

Deprecation message:

作者

Simeon Simeonoff

variable in-out-back public

Deprecation message:

作者

Simeon Simeonoff

mixin keyframes public

キーフレームアニメーションをグローバルキーフレームレジストリリストに登録します。

Deprecation message:

パラメーター

$name

キーフレームアニメーションの名前。

String

none

次で使用

mix bounce-in-top
mix bounce-in-right
mix bounce-in-bottom
mix bounce-in-left
mix bounce-in-fwd
mix bounce-in-bck
mix fade-in-bck
mix fade-in-bl
mix fade-in-bottom
mix fade-in-br
mix fade-in-fwd
mix fade-in-left
mix fade-in-right
mix fade-in-tl
mix fade-in-top
mix fade-in-tr
mix fade-in
mix flicker-in-1
mix flicker-in-2
mix flip-in-hor-bottom
mix flip-in-diag-2-tl
mix flip-in-hor-top
mix flip-in-diag-2-br
mix flip-in-ver-right
mix flip-in-ver-left
mix flip-in-diag-1-tr
mix flip-in-diag-1-bl
mix puff-in-center
mix puff-in-top
mix puff-in-tr
mix puff-in-right
mix puff-in-br
mix puff-in-bottom
mix puff-in-bl
mix puff-in-left
mix puff-in-tl
mix puff-in-hor
mix puff-in-ver
mix roll-in-left
mix roll-in-top
mix roll-in-right
mix roll-in-bottom
mix rotate-in-center
mix rotate-in-bl
mix rotate-in-diag-2
mix rotate-in-top
mix rotate-in-left
mix rotate-in-tr
mix rotate-in-tl
mix rotate-in-right
mix rotate-in-hor
mix rotate-in-br
mix rotate-in-ver
mix rotate-in-bottom
mix rotate-in-diag-1
mix rotate-in-2-cw
mix rotate-in-2-br-cw
mix rotate-in-2-ccw
mix rotate-in-2-br-ccw
mix rotate-in-2-fwd
mix rotate-in-2-bl-cw
mix rotate-in-2-bck
mix rotate-in-2-bl-ccw
mix rotate-in-2-tr-cw
mix rotate-in-2-tl-cw
mix rotate-in-2-tr-ccw
mix rotate-in-2-tl-ccw
mix scale-in-center
mix scale-in-bl
mix scale-in-ver-center
mix scale-in-top
mix scale-in-left
mix scale-in-ver-top
mix scale-in-tr
mix scale-in-tl
mix scale-in-ver-bottom
mix scale-in-right
mix scale-in-hor-center
mix scale-in-br
mix scale-in-hor-left
mix scale-in-bottom
mix scale-in-hor-right
mix slide-in-top
mix slide-in-tr
mix slide-in-right
mix slide-in-br
mix slide-in-bottom
mix slide-in-bl
mix slide-in-left
mix slide-in-tl
mix slide-in-fwd-center
mix slide-in-fwd-top
mix slide-in-fwd-tr
mix slide-in-fwd-right
mix slide-in-fwd-br
mix slide-in-fwd-bottom
mix slide-in-fwd-bl
mix slide-in-fwd-left
mix slide-in-fwd-tl
mix slide-in-bck-center
mix slide-in-bck-bl
mix slide-in-bck-top
mix slide-in-bck-left
mix slide-in-bck-tr
mix slide-in-bck-tl
mix slide-in-bck-right
mix slide-in-bck-br
mix slide-in-bck-bottom
mix slide-in-elliptic-top-fwd
mix slide-in-elliptic-top-bck
mix slide-in-elliptic-right-fwd
mix slide-in-elliptic-right-bck
mix slide-in-elliptic-bottom-fwd
mix slide-in-elliptic-bottom-bck
mix slide-in-elliptic-left-fwd
mix slide-in-elliptic-left-bck
mix slit-in-vertical
mix slit-in-horizontal
mix slit-in-diagonal-1
mix slit-in-diagonal-2
mix swing-in-top-fwd
mix swing-in-top-bck
mix swing-in-right-fwd
mix swing-in-right-bck
mix swing-in-bottom-fwd
mix swing-in-bottom-bck
mix swing-in-left-fwd
mix swing-in-left-bck
mix swirl-in-fwd
mix swirl-in-right-fwd
mix swirl-in-bl-fwd
mix swirl-in-bck
mix swirl-in-right-bck
mix swirl-in-bl-bck
mix swirl-in-top-fwd
mix swirl-in-br-fwd
mix swirl-in-left-fwd
mix swirl-in-top-bck
mix swirl-in-br-bck
mix swirl-in-left-bck
mix swirl-in-tr-fwd
mix swirl-in-bottom-fwd
mix swirl-in-tl-fwd
mix swirl-in-tr-bck
mix swirl-in-bottom-bck
mix swirl-in-tl-bck
mix bounce-out-top
mix bounce-out-right
mix bounce-out-bottom
mix bounce-out-left
mix bounce-out-bck
mix bounce-out-fwd
mix fade-out-bck
mix fade-out-bl
mix fade-out-bottom
mix fade-out-br
mix fade-out-fwd
mix fade-out-left
mix fade-out-right
mix fade-out-tl
mix fade-out-top
mix fade-out-tr
mix fade-out
mix flicker-out-1
mix flicker-out-2
mix flip-out-hor-top
mix flip-out-hor-bottom
mix flip-out-ver-left
mix flip-out-ver-right
mix flip-out-diag-1-tr
mix flip-out-diag-1-bl
mix flip-out-diag-2-tl
mix flip-out-diag-2-br
mix puff-out-center
mix puff-out-top
mix puff-out-tr
mix puff-out-right
mix puff-out-br
mix puff-out-bottom
mix puff-out-ver
mix puff-out-hor
mix puff-out-tl
mix puff-out-left
mix puff-out-bl
mix roll-out-left
mix roll-out-top
mix roll-out-right
mix roll-out-bottom
mix rotate-out-center
mix rotate-out-bl
mix rotate-out-diag-2
mix rotate-out-top
mix rotate-out-left
mix rotate-out-tr
mix rotate-out-tl
mix rotate-out-right
mix rotate-out-2-cw
mix rotate-out-2-ccw
mix rotate-out-2-bck
mix rotate-out-2-fwd
mix rotate-out-2-tr-cw
mix rotate-out-2-tr-ccw
mix rotate-out-2-br-cw
mix rotate-out-2-br-ccw
mix rotate-out-2-bl-cw
mix rotate-out-2-bl-ccw
mix rotate-out-2-tl-cw
mix rotate-out-2-tl-ccw
mix rotate-out-hor
mix rotate-out-br
mix rotate-out-ver
mix rotate-out-bottom
mix rotate-out-diag-1
mix scale-out-center
mix scale-out-bl
mix scale-out-vertical
mix scale-out-top
mix scale-out-left
mix scale-out-ver-top
mix scale-out-tr
mix scale-out-tl
mix scale-out-ver-bottom
mix scale-out-right
mix scale-out-horizontal
mix scale-out-br
mix scale-out-hor-left
mix scale-out-bottom
mix scale-out-hor-right
mix slide-out-top
mix slide-out-tr
mix slide-out-right
mix slide-out-br
mix slide-out-bottom
mix slide-out-bl
mix slide-out-left
mix slide-out-tl
mix slide-out-bck-center
mix slide-out-bck-top
mix slide-out-bck-tr
mix slide-out-bck-right
mix slide-out-bck-br
mix slide-out-bck-bottom
mix slide-out-bck-bl
mix slide-out-bck-left
mix slide-out-bck-tl
mix slide-out-fwd-center
mix slide-out-fwd-bl
mix slide-out-fwd-top
mix slide-out-fwd-left
mix slide-out-fwd-tr
mix slide-out-fwd-tl
mix slide-out-fwd-right
mix slide-out-fwd-br
mix slide-out-fwd-bottom
mix slide-out-elliptic-top-bck
mix slide-out-elliptic-top-fwd
mix slide-out-elliptic-right-bck
mix slide-out-elliptic-right-fwd
mix slide-out-elliptic-bottom-bck
mix slide-out-elliptic-bottom-fwd
mix slide-out-elliptic-left-bck
mix slide-out-elliptic-left-fwd
mix slit-out-vertical
mix slit-out-horizontal
mix slit-out-diagonal-1
mix slit-out-diagonal-2
mix swing-out-top-bck
mix swing-out-top-fwd
mix swing-out-right-bck
mix swing-out-right-fwd
mix swing-out-bottom-bck
mix swing-out-bottom-fwd
mix swing-out-left-bck
mix swing-out-left-fwd
mix swirl-out-bck
mix swirl-out-right-bck
mix swirl-out-bl-bck
mix swirl-out-fwd
mix swirl-out-right-fwd
mix swirl-out-bl-fwd
mix swirl-out-top-bck
mix swirl-out-br-bck
mix swirl-out-left-bck
mix swirl-out-top-fwd
mix swirl-out-br-fwd
mix swirl-out-left-fwd
mix swirl-out-tr-bck
mix swirl-out-bottom-bck
mix swirl-out-tl-bck
mix swirl-out-tr-fwd
mix swirl-out-bottom-fwd
mix swirl-out-tl-fwd
mix flip-horizontal-bottom
mix flip-vertical-bck
mix flip-diagonal-2-br
mix flip-horizontal-top
mix flip-vertical-fwd
mix flip-diagonal-2-tl
mix flip-horizontal-bck
mix flip-diagonal-1-tr
mix flip-diagonal-2-bck
mix flip-horizontal-fwd
mix flip-diagonal-2-fwd
mix flip-diagonal-1-bl
mix flip-vertical-right
mix flip-diagonal-1-bck
mix flip-vertical-left
mix flip-diagonal-1-fwd
mix flip-2-hor-top-1
mix flip-2-ver-right-bck
mix flip-2-ver-left-1
mix flip-2-hor-top-2
mix flip-2-ver-right-fwd
mix flip-2-ver-left-2
mix flip-2-hor-top-bck
mix flip-2-hor-bottom-1
mix flip-2-ver-left-bck
mix flip-2-hor-top-fwd
mix flip-2-hor-bottom-2
mix flip-2-ver-left-fwd
mix flip-2-ver-right-1
mix flip-2-hor-bottom-bck
mix flip-2-ver-right-2
mix flip-2-hor-bottom-fwd
mix flip-scale-up-hor
mix flip-scale-up-diag-2
mix flip-scale-down-hor
mix flip-scale-down-diag-2
mix flip-scale-up-ver
mix flip-scale-down-ver
mix flip-scale-up-diag-1
mix flip-scale-down-diag-1
mix flip-scale-2-hor-top
mix flip-scale-2-ver-right
mix flip-scale-2-hor-bottom
mix flip-scale-2-ver-left
mix rotate-center
mix rotate-bl
mix rotate-vert-center
mix rotate-diagonal-br
mix rotate-top
mix rotate-left
mix rotate-vert-left
mix rotate-diagonal-bl
mix rotate-tr
mix rotate-tl
mix rotate-scale-up
mix rotate-scale-up-diag-1
mix rotate-scale-down
mix rotate-scale-down-diag-1
mix rotate-scale-up-hor
mix rotate-scale-up-diag-2
mix rotate-scale-down-hor
mix rotate-scale-down-diag-2
mix rotate-scale-up-ver
mix rotate-scale-down-ver
mix rotate-90-cw
mix rotate-90-right-cw
mix rotate-90-bl-cw
mix rotate-90-horizontal-fwd
mix rotate-90-ccw
mix rotate-90-right-ccw
mix rotate-90-bl-ccw
mix rotate-90-horizontal-bck
mix rotate-90-top-cw
mix rotate-90-br-cw
mix rotate-90-left-cw
mix rotate-90-vertical-fwd
mix rotate-90-top-ccw
mix rotate-90-br-ccw
mix rotate-90-left-ccw
mix rotate-90-vertical-bck
mix rotate-90-tr-cw
mix rotate-90-bottom-cw
mix rotate-90-tl-cw
mix rotate-90-tr-ccw
mix rotate-90-bottom-ccw
mix rotate-90-tl-ccw
mix scale-up-center
mix scale-up-bl
mix scale-up-ver-center
mix scale-up-top
mix scale-up-left
mix scale-up-ver-top
mix scale-up-tr
mix scale-up-tl
mix scale-up-ver-bottom
mix scale-up-right
mix scale-up-hor-center
mix scale-up-br
mix scale-up-hor-left
mix scale-up-bottom
mix scale-up-hor-right
mix scale-down-center
mix scale-down-bl
mix scale-down-ver-center
mix scale-down-top
mix scale-down-left
mix scale-down-ver-top
mix scale-down-tr
mix scale-down-tl
mix scale-down-ver-top-bottom
mix scale-down-right
mix scale-down-hor-center
mix scale-down-br
mix scale-down-hor-left
mix scale-down-bottom
mix scale-down-hor-right
mix scale-in-out
mix shadow-drop-center
mix shadow-drop-tb
mix shadow-drop-top
mix shadow-drop-tr
mix shadow-drop-right
mix shadow-drop-br
mix shadow-drop-bottom
mix shadow-drop-bl
mix shadow-drop-left
mix shadow-drop-tl
mix shadow-drop-lr
mix shadow-drop-2-center
mix shadow-drop-2-tb
mix shadow-drop-2-top
mix shadow-drop-2-tr
mix shadow-drop-2-right
mix shadow-drop-2-br
mix shadow-drop-2-bottom
mix shadow-drop-2-bl
mix shadow-drop-2-left
mix shadow-drop-2-tl
mix shadow-drop-2-lr
mix shadow-pop-tr
mix shadow-pop-br
mix shadow-pop-bl
mix shadow-pop-tl
mix shadow-inset-tb
mix shadow-inset-top
mix shadow-inset-center
mix shadow-inset-tr
mix shadow-inset-right
mix shadow-inset-br
mix shadow-inset-bottom
mix shadow-inset-bl
mix shadow-inset-left
mix shadow-inset-tl
mix shadow-inset-lr
mix slide-top
mix slide-tr
mix slide-right
mix slide-br
mix slide-bottom
mix slide-bl
mix slide-left
mix slide-tl
mix slide-bck-center
mix slide-bck-top
mix slide-bck-tr
mix slide-bck-right
mix slide-bck-br
mix slide-bck-bottom
mix slide-bck-bl
mix slide-bck-left
mix slide-bck-tl
mix slide-fwd-center
mix slide-fwd-top
mix slide-fwd-tr
mix slide-fwd-right
mix slide-fwd-br
mix slide-fwd-bottom
mix slide-fwd-bl
mix slide-fwd-left
mix slide-fwd-tl
mix slide-rotate-hor-top
mix slide-rotate-hor-t-bck
mix slide-rotate-hor-t-fwd
mix slide-rotate-ver-right
mix slide-rotate-ver-r-bck
mix slide-rotate-ver-r-fwd
mix slide-rotate-ver-l-fwd
mix slide-rotate-ver-l-bck
mix slide-rotate-ver-left
mix slide-rotate-hor-b-fwd
mix slide-rotate-hor-b-bck
mix slide-rotate-hor-bottom
mix swing-top-fwd
mix swing-bottom-right-fwd
mix swing-left-fwd
mix swing-top-bck
mix swing-bottom-right-bck
mix swing-left-bck
mix swing-top-right-fwd
mix swing-bottom-fwd
mix swing-top-left-fwd
mix swing-top-right-bck
mix swing-bottom-bck
mix swing-top-left-bck
mix swing-right-fwd
mix swing-bottom-left-fwd
mix swing-right-bck
mix swing-bottom-left-bck

作者

Simeon Simeonoff

mixin animation public

要素をアニメーションします。

Deprecation message:

@include fade-in(); // 'fade-in' キーフレーム アニメーション mixin

.bozo {
   @include animation('fade-in' .3s ease-out);
}

パラメーター

$animate

アニメーションプロパティのリスト。

List

none

作者

Simeon Simeonoff

mixin bounce-in-top public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin bounce-in-right public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin bounce-in-bottom public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin bounce-in-left public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin bounce-in-fwd public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin bounce-in-bck public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin fade-in-bck public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin fade-in-bl public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin fade-in-bottom public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin fade-in-br public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin fade-in-fwd public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin fade-in-left public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin fade-in-right public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin fade-in-tl public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin fade-in-top public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin fade-in-tr public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin fade-in public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin flicker-in-1 public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin flicker-in-2 public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin flip-in-hor-bottom public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin flip-in-diag-2-tl public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin flip-in-hor-top public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin flip-in-diag-2-br public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin flip-in-ver-right public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin flip-in-ver-left public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin flip-in-diag-1-tr public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin flip-in-diag-1-bl public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin puff-in-center public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin puff-in-top public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin puff-in-tr public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin puff-in-right public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin puff-in-br public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin puff-in-bottom public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin puff-in-bl public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin puff-in-left public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin puff-in-tl public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin puff-in-hor public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin puff-in-ver public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin roll-in-left public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin roll-in-top public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin roll-in-right public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin roll-in-bottom public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin rotate-in-center public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin rotate-in-bl public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin rotate-in-diag-2 public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin rotate-in-top public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin rotate-in-left public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin rotate-in-tr public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin rotate-in-tl public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin rotate-in-right public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin rotate-in-hor public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin rotate-in-br public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin rotate-in-ver public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin rotate-in-bottom public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin rotate-in-diag-1 public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin rotate-in-2-cw public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin rotate-in-2-br-cw public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin rotate-in-2-ccw public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin rotate-in-2-br-ccw public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin rotate-in-2-fwd public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin rotate-in-2-bl-cw public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin rotate-in-2-bck public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin rotate-in-2-bl-ccw public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin rotate-in-2-tr-cw public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin rotate-in-2-tl-cw public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin rotate-in-2-tr-ccw public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin rotate-in-2-tl-ccw public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin scale-in-center public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin scale-in-bl public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin scale-in-ver-center public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin scale-in-top public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin scale-in-left public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin scale-in-ver-top public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin scale-in-tr public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin scale-in-tl public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin scale-in-ver-bottom public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin scale-in-right public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin scale-in-hor-center public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin scale-in-br public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin scale-in-hor-left public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin scale-in-bottom public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin scale-in-hor-right public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin slide-in-top public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin slide-in-tr public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin slide-in-right public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin slide-in-br public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin slide-in-bottom public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin slide-in-bl public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin slide-in-left public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin slide-in-tl public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin slide-in-fwd-center public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin slide-in-fwd-top public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin slide-in-fwd-tr public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin slide-in-fwd-right public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin slide-in-fwd-br public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin slide-in-fwd-bottom public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin slide-in-fwd-bl public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin slide-in-fwd-left public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin slide-in-fwd-tl public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin slide-in-bck-center public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin slide-in-bck-bl public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin slide-in-bck-top public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin slide-in-bck-left public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin slide-in-bck-tr public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin slide-in-bck-tl public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin slide-in-bck-right public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin slide-in-bck-br public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin slide-in-bck-bottom public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin slide-in-elliptic-top-fwd public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin slide-in-elliptic-top-bck public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin slide-in-elliptic-right-fwd public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin slide-in-elliptic-right-bck public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin slide-in-elliptic-bottom-fwd public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin slide-in-elliptic-bottom-bck public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin slide-in-elliptic-left-fwd public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin slide-in-elliptic-left-bck public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin slit-in-vertical public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin slit-in-horizontal public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin slit-in-diagonal-1 public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin slit-in-diagonal-2 public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin swing-in-top-fwd public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin swing-in-top-bck public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin swing-in-right-fwd public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin swing-in-right-bck public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin swing-in-bottom-fwd public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin swing-in-bottom-bck public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin swing-in-left-fwd public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin swing-in-left-bck public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin swirl-in-fwd public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin swirl-in-right-fwd public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin swirl-in-bl-fwd public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin swirl-in-bck public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin swirl-in-right-bck public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin swirl-in-bl-bck public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin swirl-in-top-fwd public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin swirl-in-br-fwd public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin swirl-in-left-fwd public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin swirl-in-top-bck public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin swirl-in-br-bck public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin swirl-in-left-bck public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin swirl-in-tr-fwd public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin swirl-in-bottom-fwd public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin swirl-in-tl-fwd public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin swirl-in-tr-bck public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin swirl-in-bottom-bck public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin swirl-in-tl-bck public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin bounce-out-top public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin bounce-out-right public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin bounce-out-bottom public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin bounce-out-left public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin bounce-out-bck public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin bounce-out-fwd public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin fade-out-bck public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin fade-out-bl public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin fade-out-bottom public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin fade-out-br public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin fade-out-fwd public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin fade-out-left public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin fade-out-right public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin fade-out-tl public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin fade-out-top public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin fade-out-tr public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin fade-out public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin flicker-out-1 public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin flicker-out-2 public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin flip-out-hor-top public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin flip-out-hor-bottom public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin flip-out-ver-left public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin flip-out-ver-right public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin flip-out-diag-1-tr public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin flip-out-diag-1-bl public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin flip-out-diag-2-tl public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin flip-out-diag-2-br public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin puff-out-center public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin puff-out-top public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin puff-out-tr public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin puff-out-right public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin puff-out-br public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin puff-out-bottom public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin puff-out-ver public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin puff-out-hor public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin puff-out-tl public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin puff-out-left public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin puff-out-bl public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin roll-out-left public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin roll-out-top public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin roll-out-right public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin roll-out-bottom public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin rotate-out-center public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin rotate-out-bl public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin rotate-out-diag-2 public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin rotate-out-top public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin rotate-out-left public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin rotate-out-tr public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin rotate-out-tl public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin rotate-out-right public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin rotate-out-2-cw public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin rotate-out-2-ccw public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin rotate-out-2-bck public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin rotate-out-2-fwd public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin rotate-out-2-tr-cw public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin rotate-out-2-tr-ccw public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin rotate-out-2-br-cw public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin rotate-out-2-br-ccw public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin rotate-out-2-bl-cw public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin rotate-out-2-bl-ccw public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin rotate-out-2-tl-cw public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin rotate-out-2-tl-ccw public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin rotate-out-hor public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin rotate-out-br public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin rotate-out-ver public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin rotate-out-bottom public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin rotate-out-diag-1 public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin scale-out-center public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin scale-out-bl public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin scale-out-vertical public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin scale-out-top public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin scale-out-left public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin scale-out-ver-top public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin scale-out-tr public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin scale-out-tl public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin scale-out-ver-bottom public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin scale-out-right public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin scale-out-horizontal public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin scale-out-br public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin scale-out-hor-left public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin scale-out-bottom public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin scale-out-hor-right public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin slide-out-top public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin slide-out-tr public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin slide-out-right public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin slide-out-br public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin slide-out-bottom public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin slide-out-bl public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin slide-out-left public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin slide-out-tl public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin slide-out-bck-center public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin slide-out-bck-top public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin slide-out-bck-tr public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin slide-out-bck-right public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin slide-out-bck-br public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin slide-out-bck-bottom public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin slide-out-bck-bl public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin slide-out-bck-left public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin slide-out-bck-tl public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin slide-out-fwd-center public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin slide-out-fwd-bl public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin slide-out-fwd-top public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin slide-out-fwd-left public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin slide-out-fwd-tr public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin slide-out-fwd-tl public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin slide-out-fwd-right public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin slide-out-fwd-br public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin slide-out-fwd-bottom public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin slide-out-elliptic-top-bck public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin slide-out-elliptic-top-fwd public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin slide-out-elliptic-right-bck public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin slide-out-elliptic-right-fwd public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin slide-out-elliptic-bottom-bck public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin slide-out-elliptic-bottom-fwd public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin slide-out-elliptic-left-bck public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin slide-out-elliptic-left-fwd public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin slit-out-vertical public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin slit-out-horizontal public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin slit-out-diagonal-1 public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin slit-out-diagonal-2 public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin swing-out-top-bck public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin swing-out-top-fwd public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin swing-out-right-bck public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin swing-out-right-fwd public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin swing-out-bottom-bck public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin swing-out-bottom-fwd public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin swing-out-left-bck public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin swing-out-left-fwd public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin swirl-out-bck public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin swirl-out-right-bck public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin swirl-out-bl-bck public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin swirl-out-fwd public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin swirl-out-right-fwd public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin swirl-out-bl-fwd public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin swirl-out-top-bck public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin swirl-out-br-bck public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin swirl-out-left-bck public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin swirl-out-top-fwd public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin swirl-out-br-fwd public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin swirl-out-left-fwd public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin swirl-out-tr-bck public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin swirl-out-bottom-bck public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin swirl-out-tl-bck public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin swirl-out-tr-fwd public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin swirl-out-bottom-fwd public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin swirl-out-tl-fwd public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin flip-horizontal-bottom public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin flip-vertical-bck public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin flip-diagonal-2-br public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin flip-horizontal-top public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin flip-vertical-fwd public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin flip-diagonal-2-tl public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin flip-horizontal-bck public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin flip-diagonal-1-tr public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin flip-diagonal-2-bck public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin flip-horizontal-fwd public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin flip-diagonal-2-fwd public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin flip-diagonal-1-bl public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin flip-vertical-right public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin flip-diagonal-1-bck public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin flip-vertical-left public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin flip-diagonal-1-fwd public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin flip-2-hor-top-1 public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin flip-2-ver-right-bck public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin flip-2-ver-left-1 public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin flip-2-hor-top-2 public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin flip-2-ver-right-fwd public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin flip-2-ver-left-2 public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin flip-2-hor-top-bck public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin flip-2-hor-bottom-1 public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin flip-2-ver-left-bck public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin flip-2-hor-top-fwd public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin flip-2-hor-bottom-2 public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin flip-2-ver-left-fwd public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin flip-2-ver-right-1 public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin flip-2-hor-bottom-bck public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin flip-2-ver-right-2 public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin flip-2-hor-bottom-fwd public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin flip-scale-up-hor public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin flip-scale-up-diag-2 public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin flip-scale-down-hor public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin flip-scale-down-diag-2 public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin flip-scale-up-ver public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin flip-scale-down-ver public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin flip-scale-up-diag-1 public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin flip-scale-down-diag-1 public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin flip-scale-2-hor-top public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin flip-scale-2-ver-right public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin flip-scale-2-hor-bottom public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin flip-scale-2-ver-left public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin rotate-center public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin rotate-bl public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin rotate-vert-center public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin rotate-diagonal-br public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin rotate-top public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin rotate-left public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin rotate-vert-left public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin rotate-diagonal-bl public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin rotate-tr public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin rotate-tl public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin rotate-scale-up public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin rotate-scale-up-diag-1 public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin rotate-scale-down public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin rotate-scale-down-diag-1 public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin rotate-scale-up-hor public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin rotate-scale-up-diag-2 public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin rotate-scale-down-hor public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin rotate-scale-down-diag-2 public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin rotate-scale-up-ver public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin rotate-scale-down-ver public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin rotate-90-cw public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin rotate-90-right-cw public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin rotate-90-bl-cw public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin rotate-90-horizontal-fwd public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin rotate-90-ccw public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin rotate-90-right-ccw public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin rotate-90-bl-ccw public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin rotate-90-horizontal-bck public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin rotate-90-top-cw public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin rotate-90-br-cw public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin rotate-90-left-cw public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin rotate-90-vertical-fwd public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin rotate-90-top-ccw public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin rotate-90-br-ccw public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin rotate-90-left-ccw public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin rotate-90-vertical-bck public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin rotate-90-tr-cw public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin rotate-90-bottom-cw public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin rotate-90-tl-cw public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin rotate-90-tr-ccw public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin rotate-90-bottom-ccw public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin rotate-90-tl-ccw public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin scale-up-center public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin scale-up-bl public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin scale-up-ver-center public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin scale-up-top public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin scale-up-left public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin scale-up-ver-top public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin scale-up-tr public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin scale-up-tl public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin scale-up-ver-bottom public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin scale-up-right public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin scale-up-hor-center public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin scale-up-br public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin scale-up-hor-left public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin scale-up-bottom public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin scale-up-hor-right public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin scale-down-center public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin scale-down-bl public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin scale-down-ver-center public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin scale-down-top public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin scale-down-left public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin scale-down-ver-top public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin scale-down-tr public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin scale-down-tl public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin scale-down-ver-top-bottom public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin scale-down-right public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin scale-down-hor-center public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin scale-down-br public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin scale-down-hor-left public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin scale-down-bottom public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin scale-down-hor-right public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin scale-in-out public

Deprecation message:

パラメーター

$start-scale

アニメションを開始するスケール。

number

$end-scale

アニメーションの終点になるスケール。

number

必須

mix keyframes

作者

Simeon Simeonoff

mixin shadow-drop-center public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin shadow-drop-tb public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin shadow-drop-top public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin shadow-drop-tr public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin shadow-drop-right public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin shadow-drop-br public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin shadow-drop-bottom public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin shadow-drop-bl public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin shadow-drop-left public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin shadow-drop-tl public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin shadow-drop-lr public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin shadow-drop-2-center public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin shadow-drop-2-tb public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin shadow-drop-2-top public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin shadow-drop-2-tr public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin shadow-drop-2-right public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin shadow-drop-2-br public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin shadow-drop-2-bottom public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin shadow-drop-2-bl public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin shadow-drop-2-left public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin shadow-drop-2-tl public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin shadow-drop-2-lr public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin shadow-pop-tr public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin shadow-pop-br public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin shadow-pop-bl public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin shadow-pop-tl public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin shadow-inset-tb public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin shadow-inset-top public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin shadow-inset-center public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin shadow-inset-tr public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin shadow-inset-right public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin shadow-inset-br public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin shadow-inset-bottom public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin shadow-inset-bl public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin shadow-inset-left public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin shadow-inset-tl public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin shadow-inset-lr public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin slide-top public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin slide-tr public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin slide-right public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin slide-br public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin slide-bottom public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin slide-bl public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin slide-left public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin slide-tl public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin slide-bck-center public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin slide-bck-top public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin slide-bck-tr public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin slide-bck-right public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin slide-bck-br public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin slide-bck-bottom public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin slide-bck-bl public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin slide-bck-left public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin slide-bck-tl public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin slide-fwd-center public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin slide-fwd-top public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin slide-fwd-tr public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin slide-fwd-right public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin slide-fwd-br public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin slide-fwd-bottom public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin slide-fwd-bl public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin slide-fwd-left public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin slide-fwd-tl public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin slide-rotate-hor-top public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin slide-rotate-hor-t-bck public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin slide-rotate-hor-t-fwd public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin slide-rotate-ver-right public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin slide-rotate-ver-r-bck public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin slide-rotate-ver-r-fwd public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin slide-rotate-ver-l-fwd public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin slide-rotate-ver-l-bck public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin slide-rotate-ver-left public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin slide-rotate-hor-b-fwd public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin slide-rotate-hor-b-bck public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin slide-rotate-hor-bottom public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin swing-top-fwd public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin swing-bottom-right-fwd public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin swing-left-fwd public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin swing-top-bck public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin swing-bottom-right-bck public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin swing-left-bck public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin swing-top-right-fwd public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin swing-bottom-fwd public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin swing-top-left-fwd public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin swing-top-right-bck public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin swing-bottom-bck public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin swing-top-left-bck public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin swing-right-fwd public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin swing-bottom-left-fwd public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin swing-right-bck public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

mixin swing-bottom-left-bck public

Deprecation message:

必須

mix keyframes

作者

Simeon Simeonoff

bem

mixin bem-elem public

コンテキストに基づいて BEM 要素セレクターになります。ブロックの中で、ルートレベルの .block__elem を作成します。 Mod または疑似セレクターの中に入れ子にされた .block--mod .block__elem を作成します。 $Mod を含む場合、ブロックセレクターに追加されます。複数 $mods はサポートしません。

Deprecation message:

@include bem-block(block) {
   @include bem-elem(element) {
     background: blue;
   }
}
// Return
.block__element { background: blue; }

パラメーター

$elem

サブ要素の名前。

String

none

修飾の名前。

String

none

$mod

$m のエイリアス。

String

none

作者

mixin bem-mod public

BEM ブロック修飾になります。この mixin は要素修飾を生成しません。代わりに bem-elem mixin を使用してください。操作の意味が不明なため、疑似セレクター内に bem-mod のネストはサポートしません。

Deprecation message:

@include bem-block(block) {
   @include bem-mod(modifier) {
     background: red;
   }
}
// Return
.block--modifier { background: red; }

パラメーター

$mod

修飾の名前。

String

none

作者

mixin bem-mods public

block--modifier.[block--modifier...] .block__el になります。 Mixin はブロックまたはブロック要素に 2 つ以上の修飾は同時に適用されるときに役に立ちます。

Deprecation message:

@include bem-block(block) {
   @include bem-mods(error, warn) {
     position: absolute;
   }
}
// Return
.block--error,
.block--warn {
    position: absolute;
 }

パラメーター

$mods

修飾のリスト。

List

none

作者

mixin bem public

Deprecation message:

参照先

fun bem-selector

作者

mixin block public

Deprecation message:

参照先

mix bem-block

作者

mixin elem public

Deprecation message:

参照先

mix bem-elem

作者

mixin mod public

Deprecation message:

参照先

mix bem-mod

作者

mixin mods public

Deprecation message:

参照先

mix bem-mods

作者

mixin b public

Deprecation message:

参照先

mix bem-block

作者

mixin e public

Deprecation message:

参照先

mix bem-elem

作者

mixin m public

Deprecation message:

参照先

mix bem-mod

作者

mixin mx public

Deprecation message:

参照先

mix bem-mods

作者

color

mixin configure-colors public

カラーモジュールを構成します。

Deprecation message:

.enhanced-accessibility {
   @include configure-colors(true);
 }

パラメーター

$enhanced-accessibility

色覚障がいに配慮パレットなどの機能を有効にします。

Boolean

null

function text-contrast public

渡された色のコントラスト色を返します。

Deprecation message:

.my-component {
   background: #09f
   color: text-contrast(#09f)
 }

パラメーター

$background

コントラスト色/前景色を返すために使用される背景色。

Color

none

$foreground

指定された背景で使用できる前景色のリスト。

Color | List<Color>

#fff

$contrast

WCAG 2.0 規格に準拠したコントラストレベル。

AAA | AA | A

AAA

返却

Color

必要なコントラストレベルを満たす場合は、白、黒、または指定された前景色のいずれかを返します。

次で使用

fun shades

必須

fun contrast

function to-hsl public

指定された色の色相、彩度、および明度の値のコンマ区切りリストを返します。

Deprecation message:

$hsl-list: to-hsl(#000); // (0deg, 0%, 0%);

パラメーター

$color

HSL 値リストに変換される色。

Color

none

返却

List

この HSL 値のリスト。

function contrast public

2 つの色の中間の色のコントラストの比率を計算します。 https://www.w3.org/TR/WCAG20-TECHS/G17.html#G17-tests を参照してください

Deprecation message:

contrast(#09f, #000);

パラメーター

$background

背景色。

Color

none

$foreground

前景色。

Color

none

返却

Number

背景色と前景色のコントラストの比率。

次で使用

fun text-contrast

function luminance public

指定された色の輝度を計算します。 https://www.w3.org/TR/WCAG20-TECHS/G17.html#G17-tests を参照してください.

Deprecation message:

luminance(#09f);

パラメーター

$color

輝度が計算するための色。

Color

none

返却

Number | String

特定の色の計算された輝度。

次で使用

fun contrast
fun shade

elevations

function box-shadow public

有効な box-shadow のみのリストをソートします。

Deprecation message:

box-shadow((0 0 2px 3px black, 0 6px 9px orange));
// Return
box-shadow:
   0 0 calc(--ig-elevation-factor * 2px) calc(--ig-elevation-factor * 3px) black,
   0 calc(--ig-elevation-factor * 6px) calc(--ig-elevation-factor * 9px) orange;

パラメーター

$shadows

影値のリスト。

List

none

返却

List

変換された影リスト。

必須

fun _is-shadow
fun _transform-shadow

function elevation public

名前で CSS エレベーション変数を取得します。

Deprecation message:

.my-class {
  box-shadow: elevation(5);
}

パラメーター

$name

影の名前。

String

none

返却

String

CSS エレベーション変数

次で使用

fun digest-schema

mixin elevations public

指定したエレベーションマップの CSS 変数を生成します。

Deprecation message:

$elevations: (
    small: box-shadow(0 .125rem .25rem rgba(0 0 0 / 75%)),
    medium: box-shadow(0 .25rem .5rem rgba(0 0 0 / 85%)),
    large: box-shadow(0 .75rem 1rem rgba(0 0 0 / 95%))
);
:root {
    @include elevations($elevations);
}

パラメーター

$elevations

CSS 変数を生成するために使用するエレベーションマップ。

Map

none

必須

fun is-root

mixin elevation public

名前による立面図の box-shadow スタイルが含まれています

Deprecation message:

.my-class {
  @include elevation(small);
}

パラメーター

$name

影の名前。

String

none

palettes

variable brushes-regular public

チャートでブラシとして使用されるカラー値のリスト。

Deprecation message:

プロパティ

brush-1

Color

rgb(157 231 114)

brush-2

Color

rgb(139 91 177)

brush-3

Color

rgb(109 177 255)

brush-4

Color

rgb(154 242 228)

brush-5

Color

rgb(238 88 121)

brush-6

Color

rgb(115 86 86)

brush-7

Color

rgb(247 210 98)

brush-8

Color

rgb(168 168 183)

brush-9

Color

rgb(224 81 169)

brush-10

Color

rgb(248 161 95)

variable brushes-color-blind public

チャートで色覚障がいに配慮ブラシとして使用される色値のリスト。

Deprecation message:

プロパティ

brush-1

Color

rgb(86 180 233)

brush-2

Color

rgb(0 158 115)

brush-3

Color

rgb(240 228 68)

brush-4

Color

rgb(213 94 0)

brush-5

Color

rgb(214 0 254)

brush-6

Color

rgb(0 73 159)

brush-7

Color

rgb(230 159 0)

brush-8

Color

rgb(0 0 0)

brush-9

Color

rgb(132 240 223)

brush-10

Color

rgb(115 86 86)

variable palette public

Light material パレットを生成します。

Deprecation message:

プロパティ

primary

primary カラー。

Color

#0d6efd

secondary

secondary カラー。

Color

#6c757d

gray

gray カラー。

Color

#adb5bd

surface

surface カラー。

Color

#212529

info

info カラー。

Color

#0dcaf0

success

success カラー。

Color

#198754

warn

warn カラー。

Color

#ffc107

error

error カラー。

Color

#dc3545

variable green-palette public

Light green パレットを生成します。

Deprecation message:

プロパティ

primary

primary カラー。

Color

#09f

secondary

secondary カラー。

Color

#72da67

gray

gray カラー。

Color

#fff

surface

surface カラー。

Color

#222

info

info カラー。

Color

#1377d5

success

success カラー。

Color

#4eb862

warn

warn カラー。

Color

#fbb13c

error

error カラー。

Color

#ff134a

variable purple-palette public

Light purple パレットを生成します。

Deprecation message:

プロパティ

primary

primary カラー。

Color

#00b4d6

secondary

secondary カラー。

Color

#514590

gray

gray カラー。

Color

#fff

surface

surface カラー。

Color

#333

info

info カラー。

Color

#1377d5

success

success カラー。

Color

#4eb862

warn

warn カラー。

Color

#fbb13c

error

error カラー。

Color

#ff134a

variable palette public

Light material パレットを生成します。

Deprecation message:

プロパティ

primary

primary カラー。

Color

#0078d4

secondary

secondary カラー。

Color

#2b88d8

gray

gray カラー。

Color

#fff

surface

surface カラー。

Color

#1b1b1b

info

info カラー。

Color

#1377d5

success

success カラー。

Color

#107c10

warn

warn カラー。

Color

#797673

error

error カラー。

Color

#a80000

variable word-palette public

Light fluent word パレットを生成します。

Deprecation message:

プロパティ

primary

primary カラー。

Color

#2b579a

secondary

secondary カラー。

Color

#2b579a

gray

gray カラー。

Color

#fff

surface

surface カラー。

Color

#1b1b1b

info

info カラー。

Color

#1377d5

success

success カラー。

Color

#107c10

warn

warn カラー。

Color

#797673

error

error カラー。

Color

#a80000

variable excel-palette public

Dark green パレットを生成します。

Deprecation message:

プロパティ

primary

primary カラー。

Color

#217346

secondary

secondary カラー。

Color

#217346

gray

gray カラー。

Color

#fff

surface

surface カラー。

Color

#1b1b1b

info

info カラー。

Color

#1377d5

success

success カラー。

Color

#107c10

warn

warn カラー。

Color

#797673

error

error カラー。

Color

#a80000

variable palette public

Light material パレットを生成します。

Deprecation message:

プロパティ

primary

primary カラー。

Color

#3f51b5

secondary

secondary カラー。

Color

#3f51b5

gray

gray カラー。

Color

#9a9da2

info

info カラー。

Color

#9c27b0

success

success カラー。

Color

#689f38

warn

warn カラー。

Color

#f56b1d

error

error カラー。

Color

#cf1a2b

surface

surface カラー。

Color

#1e1f24

variable palette public

Light material パレットを生成します。

Deprecation message:

プロパティ

primary

primary カラー。

Color

#09f

secondary

secondary カラー。

Color

#df1b74

gray

gray カラー。

Color

#fff

surface

surface カラー。

Color

#222

info

info カラー。

Color

#1377d5

success

success カラー。

Color

#4eb862

warn

warn カラー。

Color

#faa419

error

error カラー。

Color

#ff134a

variable palette public

Light material パレットを生成します。

Deprecation message:

プロパティ

primary

primary カラー。

Color

#0d6efd

secondary

secondary カラー。

Color

#6c757d

gray

gray カラー。

Color

#adb5bd

surface

surface カラー。

Color

#f8f9fa

info

info カラー。

Color

#0dcaf0

success

success カラー。

Color

#198754

warn

warn カラー。

Color

#ffc107

error

error カラー。

Color

#dc3545

variable green-palette public

Light green パレットを生成します。

Deprecation message:

プロパティ

primary

primary カラー。

Color

#09f

secondary

secondary カラー。

Color

#72da67

gray

gray カラー。

Color

#000

surface

surface カラー。

Color

#fff

info

info カラー。

Color

#1377d5

success

success カラー。

Color

#4eb862

warn

warn カラー。

Color

#fbb13c

error

error カラー。

Color

#ff134a

variable purple-palette public

Light purple パレットを生成します。

Deprecation message:

プロパティ

primary

primary カラー。

Color

#00b4d6

secondary

secondary カラー。

Color

#514590

gray

gray カラー。

Color

#000

surface

surface カラー。

Color

#fff

info

info カラー。

Color

#1377d5

success

success カラー。

Color

#4eb862

warn

warn カラー。

Color

#fbb13c

error

error カラー。

Color

#ff134a

variable palette public

Light material パレットを生成します。

Deprecation message:

プロパティ

primary

primary カラー。

Color

#0078d4

secondary

secondary カラー。

Color

#2b88d8

gray

gray カラー。

Color

#000

surface

surface カラー。

Color

#fff

info

info カラー。

Color

#1377d5

success

success カラー。

Color

#107c10

warn

warn カラー。

Color

#797673

error

error カラー。

Color

#a80000

variable word-palette public

Light fluent word パレットを生成します。

Deprecation message:

プロパティ

primary

primary カラー。

Color

#2b579a

secondary

secondary カラー。

Color

#2b579a

gray

gray カラー。

Color

#000

surface

surface カラー。

Color

#fff

info

info カラー。

Color

#1377d5

success

success カラー。

Color

#107c10

warn

warn カラー。

Color

#797673

error

error カラー。

Color

#a80000

variable excel-palette public

Dark green パレットを生成します。

Deprecation message:

プロパティ

primary

primary カラー。

Color

#217346

secondary

secondary カラー。

Color

#217346

gray

gray カラー。

Color

#000

surface

surface カラー。

Color

#fff

info

info カラー。

Color

#1377d5

success

success カラー。

Color

#107c10

warn

warn カラー。

Color

#797673

error

error カラー。

Color

#a80000

variable palette public

Light material パレットを生成します。

Deprecation message:

プロパティ

primary

primary カラー。

Color

#3f51b5

secondary

secondary カラー。

Color

#3f51b5

gray

gray カラー。

Color

#9a9da2

info

info カラー。

Color

#9c27b0

success

success カラー。

Color

#689f38

warn

warn カラー。

Color

#f56b1d

error

error カラー。

Color

#cf1a2b

surface

surface カラー。

Color

#f8f8fa

variable palette public

Light material パレットを生成します。

Deprecation message:

プロパティ

primary

primary カラー。

Color

#09f

secondary

secondary カラー。

Color

#df1b74

gray

gray カラー。

Color

#000

surface

surface カラー。

Color

#fff

info

info カラー。

Color

#1377d5

success

success カラー。

Color

#4eb862

warn

warn カラー。

Color

#faa419

error

error カラー。

Color

#ff134a

variable light-palette public

$light-material-palette と同じです。

Deprecation message:

プロパティ

primary

primary カラーの 500 バリアント (デフォルト)。

Color

#09f

secondary

secondary カラーの 500 バリアント (デフォルト)。

Color

#e41c77

gray

gray カラーの色合いの基本色。

Color

#000

surface

カード、シート、およびメニューのようなコンポーネントに使用される背景色。

Color

#fff

info

info カラー。指定されない場合、各パレットにデフォルトです。

Color

#1377d5

success

success カラー。指定されない場合、各パレットにデフォルトです。

Color

#4eb862

warn

warn カラー。指定されない場合、各パレットにデフォルトです。

Color

#fbb13c

error

error カラー。指定されない場合、各パレットにデフォルトです。

Color

#ff134a

作者

Simeon Simeonoff

variable dark-palette public

$dark-material-palette と同じですが、gray と surface カラーを変更します。

Deprecation message:

プロパティ

primary

primary カラーの 500 バリアント (デフォルト)。

Color

#09f

secondary

secondary カラーの 500 バリアント (デフォルト)。

Color

#e41c77

gray

gray カラーの色合いの基本色。

Color

#fff

surface

カード、シート、およびメニューのようなコンポーネントに使用される背景色。

Color

#222

info

info カラー。指定されない場合、各パレットにデフォルトです。

Color

#1377d5

success

success カラー。指定されない場合、各パレットにデフォルトです。

Color

#4eb862

warn

warn カラー。指定されない場合、各パレットにデフォルトです。

Color

#fbb13c

error

error カラー。指定されない場合、各パレットにデフォルトです。

Color

#ff134a

作者

Simeon Simeonoff

function palette public

カラーパレットを生成します。

Deprecation message:

// $primary、$secondary、$surface は必須パラメーターです。
$my-palette: palette($primary: #09f,$secondary #222, $surface: #fff);

パラメーター

$primary

基本パレットの生成に使用する primary カラー (必須)。

Color

none

$secondary

二次色パレットの生成に使用する secondary カラー (必須)。

Color

none

$surface

コンポーネントに使用されるカラー (必須)。

Color

none

$gray

グレースケールパレットの生成に使用するカラー (オプション)。

Color

null

$info

アプリケーション内で使用する information カラー (オプション)。

Color

#1377d5

$success

アプリケーション内で使用する success カラー (オプション)。

Color

#4eb862

$warn

アプリケーション内で使用する warning カラー (オプション)。

Color

#faa419

$error

アプリケーション内で使用する error カラー (オプション)。

Color

#ff134a

$variant

内部で使用されます (オプション)。

String

null

返却

Map

渡された基本色 (primary、secondary、gray など) の色合いで構成されるマップ。

必須

fun shades

function shades public

基本色からマテリアルのようなカラーパレットを生成します。

Deprecation message:

$special-color-shades: shades('accent', #09f, (50,100,200,300,400,500,600,700,800,900))

パラメーター

$name

カラーの名前。

String

none

$color

パレットの生成に使用する基本色。

Color

none

$shades

色合いのリスト。

List

none

$surface

surface のカラー。gray の色合いを生成するときに便利です (オプション)。

Color

null

返却

Map

hsla 色合いとそれぞれのコントラストカラーで構成されるマップ。

次で使用

fun palette

必須

fun shade
fun text-contrast

function color public

カラーパレットから色を取得します。

Deprecation message:

// No palette
.my-component-1 {
   background: color($color: 'primary', $variant: 200);
 }
 // Using certain palette and adding .5% opacity to the color variant
.my-component-2 {
   background: color($my-palette, 'primary', 200, .5);
 }

パラメーター

$palette

ソースのパレットマップ (オプション)。

Map

null

$color

カラーパレットからターゲット色を取得します。

String

primary

$variant

カラーパレットからのターゲット色の影

Number | String

500

$opacity

色合いに適用するオプションの不透明度。

Number

null

返却

Color | String

パレットからの生の色合いまたは CSS 変数参照。

次で使用

fun contrast-color

function contrast-color public

カラーレットから指定のカラーバリアントのためコントラストテキスト色を取得します。

Deprecation message:

.my-component {
   background: color($color: 'primary', $variant: 200);
   color: contrast-color($color: 'primary', $variant: 200);
 }

パラメーター

$palette

ソースのパレットマップ (オプション)。

Map

null

$color

カラーパレットからターゲット色を取得します。

String

primary

$variant

カラーパレットからのターゲット色の影。

Number | String

500

$opacity

Optional opacity to apply to the color shade.

Number

null

返却

Color | String

パレットからの生のコントラスト色合いまたは CSS 変数。

必須

fun color

function chart-brushes public

チャートブラシとして使用される色のリストを返します。

Deprecation message:

返却

List

チャートブラシとして使用されるカラーのリスト。

次で使用

fun digest-schema

mixin palette public

指定されたパレットのため CSS 変数を生成します。

Deprecation message:

$palette: palette($primary: red, $secondary: blue, $gray: #000);
@include palette($palette);

パラメーター

$palette

CSS 変数の生成に使用するパレット。

Map

none

$contrast

コントラスト色を含めるかどうかを指定します。

Boolean

true

必須

fun is-root

schemas

variable dark-material-category-chart public

$material-category-chart と $base-dark-category-chart の組み合わせに基づいて dark category-chart スキーマを生成します。

Deprecation message:

必須

var material-category-chart

作者

Silvia Ivanova

variable dark-fluent-category-chart public

$fluent-category-chart と $base-dark-category-chart の組み合わせに基づいて dark fluent category-chart スキーマを生成します。

Deprecation message:

必須

var fluent-category-chart

作者

Silvia Ivanova

variable dark-bootstrap-category-chart public

$bootstrap-category-chart と $base-dark-category-chart の組み合わせに基づいて bootstrap category-chart スキーマを生成します。

Deprecation message:

必須

var bootstrap-category-chart

作者

Silvia Ivanova

variable dark-indigo-category-chart public

$indigo-category-chart と $base-dark-category-chart の組み合わせに基づいて indigo category-chart スキーマを生成します。

Deprecation message:

必須

var indigo-category-chart

作者

Silvia Ivanova

variable dark-material-data-chart public

Dark data chart スキーマを生成します。

Deprecation message:

必須

var material-data-chart

作者

Simeon Simeonoff

variable dark-fluent-data-chart public

Dark fluent data-chart スキーマを生成します。

Deprecation message:

必須

var fluent-data-chart

作者

Simeon Simeonoff

variable dark-bootstrap-data-chart public

Dark bootstrap data-chart スキーマを生成します。

Deprecation message:

必須

var bootstrap-data-chart

作者

Simeon Simeonoff

variable dark-indigo-data-chart public

Dark indigo data-chart スキーマを生成します。

Deprecation message:

必須

var indigo-data-chart

作者

Simeon Simeonoff

variable dark-material-doughnut-chart public

Dark doughnut chart スキーマを生成します。

Deprecation message:

必須

fun extend

作者

Simeon Simeonoff

variable dark-fluent-doughnut-chart public

Dark fluent doughnut-chart スキーマを生成します。

Deprecation message:

必須

var fluent-doughnut-chart

作者

Simeon Simeonoff

variable dark-bootstrap-doughnut-chart public

Dark bootstrap doughnut-chart スキーマを生成します。

Deprecation message:

必須

var bootstrap-doughnut-chart

作者

Simeon Simeonoff

variable dark-indigo-doughnut-chart public

Dark indigo doughnut-chart スキーマを生成します。

Deprecation message:

必須

var indigo-doughnut-chart

作者

Simeon Simeonoff

variable dark-material-financial-chart public

Dark financial chart スキーマを生成します。

Deprecation message:

必須

var material-financial-chart

作者

Dilyana Dimova

variable dark-fluent-financial-chart public

Dark fluent financial-chart スキーマを生成します。

Deprecation message:

必須

var fluent-financial-chart

作者

Dilyana Dimova

variable dark-bootstrap-financial-chart public

Dark bootstrap financial-chart スキーマを生成します。

Deprecation message:

必須

var bootstrap-financial-chart

作者

Dilyana Dimova

variable dark-indigo-financial-chart public

Dark indigo financial-chart スキーマを生成します。

Deprecation message:

必須

var indigo-financial-chart

作者

Dilyana Dimova

variable dark-material-funnel-chart public

Dark funnel chart スキーマを生成します。

Deprecation message:

必須

var material-funnel-chart

作者

Marin Popov

variable dark-fluent-funnel-chart public

Dark fluent funnel-chart スキーマを生成します。

Deprecation message:

必須

var fluent-funnel-chart

作者

Marin Popov

variable dark-bootstrap-funnel-chart public

Dark bootstrap funnel-chart スキーマを生成します。

Deprecation message:

必須

var bootstrap-funnel-chart

作者

Marin Popov

variable dark-indigo-funnel-chart public

Dark indigo funnel-chart スキーマを生成します。

Deprecation message:

必須

var indigo-funnel-chart

作者

Marin Popov

variable dark-material-linear-gauge public

Dark gauge スキーマを生成します。

Deprecation message:

必須

var material-linear-gauge

作者

Silvia Ivanova

variable dark-material-radial-gauge public

Dark gauge スキーマを生成します。

Deprecation message:

必須

var material-radial-gauge

作者

Silvia Ivanova

variable dark-fluent-linear-gauge public

Dark fluent gauge スキーマを生成します。

Deprecation message:

必須

var fluent-linear-gauge

作者

Silvia Ivanova

variable dark-fluent-radial-gauge public

Dark fluent gauge スキーマを生成します。

Deprecation message:

必須

var fluent-radial-gauge

作者

Silvia Ivanova

variable dark-bootstrap-linear-gauge public

Dark bootstrap gauge スキーマを生成します。

Deprecation message:

必須

var bootstrap-linear-gauge

作者

Silvia Ivanova

variable dark-bootstrap-radial-gauge public

Dark bootstrap gauge スキーマを生成します。

Deprecation message:

必須

var bootstrap-radial-gauge

作者

Silvia Ivanova

variable dark-indigo-linear-gauge public

Dark indigo gauge スキーマを生成します。

Deprecation message:

必須

var indigo-linear-gauge

作者

Silvia Ivanova

variable dark-indigo-radial-gauge public

Dark indigo gauge スキーマを生成します。

Deprecation message:

必須

var indigo-radial-gauge

作者

Silvia Ivanova

variable dark-material-geo-map public

Dark base geo map スキーマを生成します。

Deprecation message:

variable dark-fluent-geo-map public

Dark fluent geo map スキーマを生成します。

Deprecation message:

参照先

var fluent-geo-map

必須

var fluent-geo-map

作者

Dilyana Dimova

variable dark-bootstrap-geo-map public

Dark bootstrap geo map スキーマを生成します。

Deprecation message:

参照先

var bootstrap-geo-map

必須

var bootstrap-geo-map

作者

Dilyana Dimova

variable dark-indigo-geo-map public

Dark indigo geo map スキーマを生成します。

Deprecation message:

参照先

var indigo-geo-map

必須

var indigo-geo-map

作者

Dilyana Dimova

variable dark-material-graph public

Dark graph スキーマを生成します。

Deprecation message:

必須

var material-graph

作者

Simeon Simeonoff

variable dark-fluent-graph public

Dark fluent graph スキーマを生成します。

Deprecation message:

必須

var fluent-graph

作者

Simeon Simeonoff

variable dark-bootstrap-graph public

Dark bootstrap graph スキーマを生成します。

Deprecation message:

必須

var bootstrap-graph

作者

Simeon Simeonoff

variable dark-indigo-graph public

Dark indigo graph スキーマを生成します。

Deprecation message:

必須

var indigo-graph

作者

Simeon Simeonoff

variable dark-material-schema public

Мaterial コンポーネントテーマを作成するために使用されます。ダークパレットと組み合わせて使用します。

Deprecation message:

作者

Marin Popov

variable dark-bootstrap-schema public

Bootstrap コンポーネントテーマの作成に使用します。ダークパレットと組み合わせて使用します。

Deprecation message:

作者

Marin Popov

variable dark-fluent-schema public

Fluent コンポーネントテーマの作成に使用します。ダークパレットと組み合わせて使用します。

Deprecation message:

作者

Marin Popov

variable dark-indigo-schema public

Indigo コンポーネントテーマの作成に使用します。ダークパレットと組み合わせて使用します。

Deprecation message:

作者

Marin Popov

variable dark-material-pie-chart public

Dark base pie chart スキーマを生成します。

Deprecation message:

参照先

var material-pie-chart

必須

var material-pie-chart

作者

Simeon Simeonoff

variable dark-fluent-pie-chart public

Dark fluent pie chart スキーマを生成します。

Deprecation message:

参照先

var fluent-pie-chart

必須

var fluent-pie-chart

作者

Simeon Simeonoff

variable dark-bootstrap-pie-chart public

Dark bootstrap pie chart スキーマを生成します。

Deprecation message:

参照先

var bootstrap-pie-chart

必須

var bootstrap-pie-chart

作者

Simeon Simeonoff

variable dark-indigo-pie-chart public

Dark indigo pie chart スキーマを生成します。

Deprecation message:

参照先

var indigo-pie-chart

必須

var indigo-pie-chart

作者

Simeon Simeonoff

variable dark-material-shape-chart public

Dark shape chart スキーマを生成します。

Deprecation message:

必須

var material-shape-chart

作者

Simeon Simeonoff

variable dark-fluent-shape-chart public

Dark fluent shape-chart スキーマを生成します。

Deprecation message:

必須

var fluent-shape-chart

作者

Simeon Simeonoff

variable dark-bootstrap-shape-chart public

Dark bootstrap shape-chart スキーマを生成します。

Deprecation message:

必須

var bootstrap-shape-chart

作者

Simeon Simeonoff

variable dark-indigo-shape-chart public

Dark indigo shape-chart スキーマを生成します。

Deprecation message:

必須

var indigo-shape-chart

作者

Simeon Simeonoff

variable dark-material-sparkline public

Dark sparkline スキーマを生成します。

Deprecation message:

必須

var material-sparkline

作者

Simeon Simeonoff

variable dark-fluent-sparkline public

Dark fluent sparkline スキーマを生成します。

Deprecation message:

必須

var fluent-sparkline

作者

Simeon Simeonoff

variable dark-bootstrap-sparkline public

Dark bootstrap sparkline スキーマを生成します。

Deprecation message:

必須

var bootstrap-sparkline

作者

Simeon Simeonoff

variable dark-indigo-sparkline public

Dark indigo sparkline スキーマを生成します。

Deprecation message:

必須

var indigo-sparkline

作者

Simeon Simeonoff

variable material-category-chart public

Material category chart スキーマを生成します。

Deprecation message:

プロパティ

margin

チャートコンテンツのマージン (top、right、bottom および left) を設定します。

List

null

brushes

自動的に割り当てられるシリーズのブラシ色から選択されるパレットを定義します。

List

series

marker-brushes

自動的に割り当てられるシリーズのマーカーブラシ色から選択されるパレットを定義します。

List

series

negative-brushes

ウォーターフォールなどのコンテキストの色を持つチャートタイプで負の要素の描画に使用するパレットを定義します。

List

hsl(347, 82%, 64%)

negative-outlines

ウォーターフォールなどのコンテキストの色を持つチャートタイプで負の要素の描画に使用するブラシを定義します。

List

hsl(347, 82%, 64%)

outlines

自動的に割り当てられるシリーズのアウトライン色から選択されるパレットを定義します。

List

series

marker-outlines

自動的に割り当てられるシリーズのマーカーアウトライン色から選択されるパレットを定義します。

List

series

title-alignment

タイトルに使用する水平方向。

String

null

title-margin

チャートタイトルのマージン (top、right、bottom および left) を設定します。

List

null

title-text-color

チャートタイトルの色を設定します。

Color

color: ('gray', 900)

title-text-style

チャートタイトルの CSS フォントプロパティを設定します。

String

null

subtitle-margin

チャートサブタイトルのマージン (top、right、bottom および left) を設定します。

List

null

subtitle-alignment

サブタイトルに使用する水平方向。

String

null

subtitle-text-color

チャートサブタイトルの色を設定します。

Color

color: ('gray', 700)

subtitle-text-style

チャートサブタイトルの CSS フォントプロパティを設定します。

String

null

thickness

チャートのすべてのシリーズの太さを設定します。

Number

null

trend-line-brushes

チャートでトレンドラインの色に使用されるブラシのパレットを定義します。

List

series

trend-line-thickness

ポイント、折れ線、スプラインまたはバブル型のチャートのトレンドラインの太さを設定します。

Number

null

x-axis-label-margin

X 軸のラベルのマージン (top、right、bottom および left) を設定します。

List

null

x-axis-label-text-color

X 軸のラベルの色を設定します。

Color

color: ('gray', 700)

x-axis-label-text-style

X 軸のラベルに CSS フォントプロパティを設定します。

String

null

x-axis-label-vertical-alignment

X 軸ラベルの垂直方向の配置を設定します。

String

null

x-axis-major-stroke

X 軸の主グリッド線に適用する色を設定します。

Color

null

x-axis-major-stroke-thickness

X 軸の主グリッド線に適用する太さを設定します。

Number

null

x-axis-minor-stroke

X 軸の副グリッド線に適用する色を設定します。

Color

null

x-axis-minor-stroke-thickness

X 軸の副グリッド線に適用する太さを設定します。

Number

null

x-axis-strip

X 軸の背景の縞模様に適用する色を設定します。

Color

null

x-axis-stroke

X 軸線に適用する色を設定します。

Color

color: ('gray', 500)

x-axis-stroke-thickness

X 軸線に適用する太さを設定します。

Number

null

x-axis-tick-length

X 軸の目盛りの長さを設定します。

Number

null

x-axis-tick-stroke

X 軸の目盛りに適用する色を設定します。

Color

color: ('gray', 500)

x-axis-tick-stroke-thickness

X 軸の目盛りに適用する太さを設定します。

Number

null

x-axis-title-alignment

X 軸タイトルの水平方向の配置を設定します。

String

null

x-axis-title-margin

X 軸のタイトルのマージン (top、right、bottom および left) を設定します。

List

null

x-axis-title-text-color

X 軸のタイトルの色を設定します。

Color

color: ('gray', 900)

x-axis-title-text-style

X 軸のタイトルに CSS フォントプロパティを設定します。

String

null

y-axis-label-margin

Y 軸のラベルのマージン (top、right、bottom および left) を設定します。

List

null

y-axis-label-text-color

Y 軸のラベルの色を設定します。

Color

color: ('gray', 700)

y-axis-label-text-style

Y 軸のラベルに CSS フォントプロパティを設定します。

String

null

y-axis-label-vertical-alignment

Y 軸ラベルの垂直方向の配置を設定します。

String

null

y-axis-major-stroke

Y 軸の主グリッド線に適用する色を設定します。

Color

color: ('gray', 300)

y-axis-major-stroke-thickness

Y 軸の主グリッド線に適用する太さを設定します。

Number

null

y-axis-minor-stroke

Y 軸の副グリッド線に適用する色を設定します。

Color

null

y-axis-minor-stroke-thickness

Y 軸の副グリッド線に適用する太さを設定します。

Number

null

y-axis-strip

Y 軸の背景の縞模様に適用する色を設定します。

Color

null

y-axis-stroke

Y 軸線に適用する色を設定します。

Color

null

y-axis-stroke-thickness

Y 軸線に適用する太さを設定します。

Number

null

y-axis-title-alignment

Y 軸タイトルの水平方向の配置を設定します。

String

null

y-axis-title-margin

Y 軸のタイトルのマージン (top、right、bottom および left) を設定します。

List

null

y-axis-title-text-color

Y 軸のタイトルの色を設定します。

Color

color: ('gray', 900)

y-axis-title-text-style

Y 軸のタイトルに CSS フォントプロパティを設定します。

String

null

y-axis-tick-length

Y 軸の目盛りの長さを設定します。

Number

null

y-axis-tick-stroke

Y 軸の目盛りに適用する色を設定します。

Color

color: ('gray', 500)

y-axis-tick-stroke-thickness

Y 軸の目盛りに適用する太さを設定します。

Number

null

次で使用

var dark-material-category-chart
var fluent-category-chart
var bootstrap-category-chart
var indigo-category-chart

作者

Silvia Ivanova

variable fluent-category-chart public

Fluent category-chart スキーマを生成します。

Deprecation message:

次で使用

var dark-fluent-category-chart

必須

fun extend
var material-category-chart

作者

Silvia Ivanova

variable bootstrap-category-chart public

Bootstrap category-chart スキーマを生成します。

Deprecation message:

次で使用

var dark-bootstrap-category-chart

必須

fun extend
var material-category-chart

作者

Silvia Ivanova

variable indigo-category-chart public

Indigo category-chart スキーマを生成します。

Deprecation message:

次で使用

var dark-indigo-category-chart

必須

fun extend
var material-category-chart

作者

Silvia Ivanova

variable material-data-chart public

Material base data chart スキーマを生成します。

Deprecation message:

プロパティ

margin

チャートコンテンツのマージン (top、right、bottom および left) を設定します。

List

null

title-text-color

チャートタイトルの色を設定します。

Color

color: ('gray', 900)

title-margin

チャートタイトルのマージン (top、right、bottom および left) を設定します。

List

null

subtitle-text-color

チャートサブタイトルの色を設定します。

Color

color: ('gray', 600)

subtitle-margin

チャートサブタイトルのマージン (top、right、bottom および left) を設定します。

List

null

brushes

自動的に割り当てられるシリーズの色から選択されるパレットを定義します。

List

series

marker-brushes

自動的に割り当てられるマーカーブラシから選択されるパレットを定義します。

List

series

outlines

自動的に割り当てられるシリーズのアウトライン色から選択されるパレットを定義します。

List

series

marker-outlines

自動的に割り当てられるマーカーアウトラインから選択されるパレットを定義します。

List

series

plot-area-background

現在の Chart オブジェクトのプロット領域の背景として使用するブラシを設定します。

Color

color: ('surface', 500)

title-horizontal-alignment

タイトルに使用する水平方向。

String

null

subtitle-horizontal-alignment

サブタイトルに使用する水平方向。

String

null

次で使用

var dark-material-data-chart
var fluent-data-chart
var bootstrap-data-chart
var indigo-data-chart

作者

Simeon Simeonoff

variable fluent-data-chart public

Fluent data-chart スキーマを生成します。

Deprecation message:

次で使用

var dark-fluent-data-chart

必須

fun extend
var material-data-chart

作者

Simeon Simeonoff

variable bootstrap-data-chart public

Bootstrap data-chart スキーマを生成します。

Deprecation message:

次で使用

var dark-bootstrap-data-chart

必須

fun extend
var material-data-chart

作者

Simeon Simeonoff

variable indigo-data-chart public

Indigo data-chart スキーマを生成します。

Deprecation message:

次で使用

var dark-indigo-data-chart

必須

fun extend
var material-data-chart

作者

Simeon Simeonoff

variable material-doughnut-chart public

Material base doughnut chart スキーマを生成します。

Deprecation message:

プロパティ

brushes

自動的に割り当てられるシリーズの色から選択されるパレットを定義します。

List

series

outlines

自動的に割り当てられるシリーズのアウトライン色から選択されるパレットを定義します。

List

series

others-category-fill

その他のカテゴリの塗りつぶし色を設定します。

Color

null

others-category-opacity

その他のカテゴリの不透明度を設定します。

Number

null

others-category-stroke

その他のカテゴリのストローク色を設定します。

Color

null

others-category-stroke-thickness

その他のカテゴリのストロークの太さを設定します。

Number

null

selected-slice-fill

選択されたスライスの塗りつぶし色を設定します。

Color

null

selected-slice-opacity

選択されたスライスの不透明度を設定します。

Number

null

selected-slice-stroke

選択されたスライスのストローク色を設定します。

Color

null

selected-slice-stroke-thickness

選択されたスライスのストロークの太さを設定します。

Number

null

次で使用

var fluent-doughnut-chart
var bootstrap-doughnut-chart
var indigo-doughnut-chart

作者

Simeon Simeonoff

variable fluent-doughnut-chart public

Fluent doughnut-chart スキーマを生成します。

Deprecation message:

次で使用

var dark-fluent-doughnut-chart

必須

fun extend
var material-doughnut-chart

作者

Simeon Simeonoff

variable bootstrap-doughnut-chart public

Bootstrap doughnut-chart スキーマを生成します。

Deprecation message:

次で使用

var dark-bootstrap-doughnut-chart

必須

fun extend
var material-doughnut-chart

作者

Simeon Simeonoff

variable indigo-doughnut-chart public

Indigo doughnut-chart スキーマを生成します。

Deprecation message:

次で使用

var dark-indigo-doughnut-chart

必須

fun extend
var material-doughnut-chart

作者

Simeon Simeonoff

variable material-financial-chart public

Material base chart スキーマを生成します。

Deprecation message:

プロパティ

margin

チャートコンテンツのマージン (top、right、bottom および left) を設定します。

List

null

title-alignment

タイトルに使用する水平方向。

String

null

title-text-color

チャートタイトルの色を設定します。

Color

null

title-margin

チャートタイトルのマージン (top、right、bottom および left) を設定します。

List

null

subtitle-text-color

チャートサブタイトルの色を設定します。

Color

null

subtitle-margin

チャートサブタイトルのマージン (top、right、bottom および left) を設定します。

List

null

subtitle-alignment

コントロールの左右端に相対するサブタイトルの配置を決定する水平配置を取得または設定します。

String

null

brushes

自動的に割り当てられるシリーズのブラシ色から選択されるパレットを定義します。

List

series

marker-brushes

自動的に割り当てられるシリーズのマーカーブラシ色から選択されるパレットを定義します。

List

series

negative-brushes

ウォーターフォールなどのコンテキストの色を持つチャートタイプで負の要素の描画に使用するパレットを定義します。

List

series

outlines

自動的に割り当てられるシリーズのアウトライン色から選択されるパレットを定義します。

List

series

marker-outlines

自動的に割り当てられるシリーズのマーカーアウトライン色から選択されるパレットを定義します。

List

series

negative-outlines

ウォーターフォールなどのコンテキストの色を持つチャートタイプで負の要素の描画に使用するブラシを定義します。

List

series

indicator-brushes

財務指標に使用されるブラシを定義します。

List

series

indicator-negative-brushes

財務指標で負の要素に使用されるブラシを定義します。

List

series

indicator-thickness

自動的に割り当てられるシリーズのマーカーブラシ色から選択されるパレットを定義します。

Number

null

plot-area-background

現在の Chart オブジェクトのプロット領域の背景として使用するブラシを取得または設定します。

Color

null

thickness

チャートのすべてのシリーズの太さを設定します。

Number

null

toolbar-height

ツールバーの高さを設定します。

Number

null

trend-line-brushes

チャートでトレンドラインの色に使用されるブラシのパレットを定義します。

List

series

trend-line-thickness

ポイント、折れ線、スプラインまたはバブル型のチャートのトレンドラインの太さを設定します。

Number

null

volume-brushes

ボリュームペインのボリュームシリーズを塗りつぶすためのブラシを定義します。

List

series

volume-outlines

ボリュームペインのボリュームシリーズのアウトラインのためのブラシを定義します。

List

series

volume-thickness

ボリュームペインのボリュームシリーズのアウトラインの太さを定義します。

Number

null

x-axis-label-margin

X 軸のラベルのマージン (top、right、bottom および left) を設定します。

List

null

x-axis-label-text-color

X 軸のラベルの色を設定します。

Color

null

x-axis-label-vertical-alignment

X 軸ラベルの垂直方向の配置を設定します。

String

null

x-axis-major-stroke

X 軸の主グリッド線に適用する色を設定します。

Color

null

x-axis-major-stroke-thickness

X 軸の主グリッド線に適用する太さを設定します。

Number

null

x-axis-minor-stroke

X 軸の副グリッド線に適用する色を設定します。

Color

null

x-axis-minor-stroke-thickness

X 軸の副グリッド線に適用する太さを設定します。

Number

null

x-axis-strip

X 軸の背景の縞模様に適用する色を設定します。

Color

null

x-axis-stroke

X 軸線に適用する色を設定します。

Color

null

x-axis-stroke-thickness

X 軸線に適用する太さを設定します。

Number

null

x-axis-tick-length

X 軸の目盛りの長さを設定します。

Number

null

x-axis-tick-stroke

X 軸の目盛りに適用する色を設定します。

Color

null

x-axis-tick-stroke-thickness

X 軸の目盛りに適用する太さを設定します。

Number

null

x-axis-title-alignment

X 軸タイトルの水平方向の配置を設定します。

String

null

x-axis-title-margin

X 軸のタイトルのマージン (top、right、bottom および left) を設定します。

List

null

x-axis-title-text-color

X 軸のタイトルの色を設定します。

Color

null

y-axis-label-margin

Y 軸のラベルのマージン (top、right、bottom および left) を設定します。

List

null

y-axis-label-text-color

Y 軸のラベルの色を設定します。

Color

null

y-axis-label-vertical-alignment

Y 軸ラベルの垂直方向の配置を設定します。

String

null

y-axis-major-stroke

Y 軸の主グリッド線に適用する色を設定します。

Color

null

y-axis-major-stroke-thickness

Y 軸の主グリッド線に適用する太さを設定します。

Number

null

y-axis-minor-stroke

Y 軸の副グリッド線に適用する色を設定します。

Color

null

y-axis-minor-stroke-thickness

Y 軸の副グリッド線に適用する太さを設定します。

Number

null

y-axis-strip

Y 軸の背景の縞模様に適用する色を設定します。

Color

null

y-axis-stroke

Y 軸線に適用する色を設定します。

Color

null

y-axis-stroke-thickness

Y 軸線に適用する太さを設定します。

Number

null

y-axis-title-alignment

Y 軸タイトルの水平方向の配置を設定します。

String

null

y-axis-title-margin

Y 軸のタイトルのマージン (top、right、bottom および left) を設定します。

List

null

y-axis-title-text-color

Y 軸のタイトルの色を設定します。

Color

null

y-axis-tick-length

Y 軸の目盛りの長さを設定します。

Number

null

y-axis-tick-stroke

Y 軸の目盛りに適用する色を設定します。

Color

null

y-axis-tick-stroke-thickness

Y 軸の目盛りに適用する太さを設定します。

Number

null

zoom-slider-x-axis-major-stroke

ズームスライダーペインの X 軸上の主グリッド線のストロークブラシを取得または設定します。

String

null

zoom-slider-x-axis-major-stroke-thickness

ズームスライダーペインの X 軸上の主グリッド線の太さを取得または設定します。

Number

null

次で使用

var dark-material-financial-chart
var fluent-financial-chart
var bootstrap-financial-chart
var indigo-financial-chart

作者

Dilyana Dimova

variable fluent-financial-chart public

Fluent financial-chart スキーマを生成します。

Deprecation message:

次で使用

var dark-fluent-financial-chart

必須

var material-financial-chart

作者

Dilyana Dimova

variable bootstrap-financial-chart public

Bootstrap financial-chart スキーマを生成します。

Deprecation message:

次で使用

var dark-bootstrap-financial-chart

必須

var material-financial-chart

作者

Dilyana Dimova

variable indigo-financial-chart public

Indigo financial-chart スキーマを生成します。

Deprecation message:

次で使用

var dark-indigo-financial-chart

必須

var material-financial-chart

作者

Dilyana Dimova

variable material-funnel-chart public

Material funnel chart スキーマを生成します。

Deprecation message:

プロパティ

brushes

自動的に割り当てられるシリーズの色から選択されるパレットを定義します。

List

series

outlines

自動的に割り当てられるシリーズのアウトライン色から選択されるパレットを定義します。

List

series

outer-label-alignment

チャートのどちら側にアウターラベルを表示するかを設定します。

String

null

outer-label-text-color

外部ラベルで使用する色を設定します。

Color

null

outer-label-text-style

外部ラベルのテキストスタイルを設定します。

String

null

outer-label-visibility

外部ラベルを表示するかどうかを設定します。

Color

null

outline-thickness

スライスの周りのアウトラインの太さを設定します。

Number

null

text-color

内部ラベルで使用する色を設定します。

Color

null

text-style

内部ラベルのテキストスタイルを設定します。

String

null

次で使用

var dark-material-funnel-chart
var fluent-funnel-chart
var bootstrap-funnel-chart
var indigo-funnel-chart

作者

Marin Popov

variable fluent-funnel-chart public

Fluent funnel-chart スキーマを生成します。

Deprecation message:

次で使用

var dark-fluent-funnel-chart

必須

fun extend
var material-funnel-chart

作者

Marin Popov

variable bootstrap-funnel-chart public

Bootstrap funnel-chart スキーマを生成します。

Deprecation message:

次で使用

var dark-bootstrap-funnel-chart

必須

fun extend
var material-funnel-chart

作者

Marin Popov

variable indigo-funnel-chart public

Indigo funnel-chart スキーマを生成します。

Deprecation message:

次で使用

var dark-indigo-funnel-chart

必須

fun extend
var material-funnel-chart

作者

Marin Popov

variable material-gauge public

Material gauge スキーマを生成します。

Deprecation message:

プロパティ

backing-brush

リニアゲージの裏張りを塗りつぶすために使用する色を設定します。

Color

(color: 'surface', darken: 8%)

backing-outline

裏張りのアウトラインに使用する色を設定します。

Color

(color: 'surface', darken: 8%)

backing-stroke-thickness

裏張りのアウトラインのストロークの太さを設定します。

Number

null

font-brush

ラベルのフォントに使用する色を設定します。

Color

(color: 'surface', rgba: .62)

minor-tick-brush

主目盛に使用する色を設定します。

Color

(color: 'surface', rgba: .62)

minor-tick-stroke-thickness

副目盛を描画する際に使用するストロークの太さを設定します。

Number

null

needle-brush

針要素の色を設定します。

Color

(color: 'primary')

needle-outline

針要素のアウトラインを描画する色を設定します。

Color

(color: 'surface')

needle-stroke-thickness

単一の実際値の要素を描画するときに使用するストロークの太さを設定します。

Number

null

range-brushes

リニアゲージ範囲のパレットとして使用される色のコレクションを設定します。

List

series

range-outlines

リニアゲージアウトラインのパレットとして使用される色のコレクションを設定します。

List

series

scale-brush

リニアゲージのスケールを塗りつぶすために使用する色を設定します。

Color

(color: 'surface', darken: 8%)

tick-brush

主目盛に使用する色を設定します。

Color

(color: 'surface', rgba: .62)

tick-stroke-thickness

目盛を描画する際に使用するストロークの太さを設定します。

Number

null

次で使用

var material-linear-gauge
var material-radial-gauge

作者

Silvia Ivanova

variable material-linear-gauge public

Material linear gauge スキーマを生成します。

Deprecation message:

プロパティ

needle-breadth

針の幅を設定します。

Number

null

needle-inner-base-width

針の内部ベースの幅を設定します。

Number

null

needle-inner-point-width

針の内部ポイントの幅を設定します。

Number

null

needle-outer-base-width

針の外部ベースの幅を設定します。

Number

null

needle-outer-point-width

針の外部ポイントの幅を設定します。

Number

null

scale-outline

スケールのアウトラインに使用する色を設定します。

Color

(color: 'surface', darken: 8%)

scale-stroke-thickness

スケールのアウトラインのストロークの太さを設定します。

Number

null

次で使用

var dark-material-linear-gauge
var fluent-linear-gauge
var bootstrap-linear-gauge
var indigo-linear-gauge

必須

fun extend
var material-gauge

作者

Silvia Ivanova

variable material-radial-gauge public

Material radial gauge スキーマを生成します。

Deprecation message:

プロパティ

needle-pivot-brush

針のピボットポイントの色を設定します。

Color

color: 'primary'

needle-pivot-outline

針のピボットポイントのアウトライン色を設定します。

Color

color: 'surface'

次で使用

var dark-material-radial-gauge
var fluent-radial-gauge
var bootstrap-radial-gauge
var indigo-radial-gauge

必須

fun extend
var material-gauge

作者

Silvia Ivanova

variable fluent-linear-gauge public

Material fluent gauge スキーマを生成します。

Deprecation message:

次で使用

var dark-fluent-linear-gauge

必須

var material-linear-gauge

作者

Silvia Ivanova

variable fluent-radial-gauge public

Material fluent gauge スキーマを生成します。

Deprecation message:

次で使用

var dark-fluent-radial-gauge

必須

var material-radial-gauge

作者

Silvia Ivanova

variable bootstrap-linear-gauge public

Material bootstrap gauge スキーマを生成します。

Deprecation message:

次で使用

var dark-bootstrap-linear-gauge

必須

var material-linear-gauge

作者

Silvia Ivanova

variable bootstrap-radial-gauge public

Material bootstrap gauge スキーマを生成します。

Deprecation message:

次で使用

var dark-bootstrap-radial-gauge

必須

var material-radial-gauge

作者

Silvia Ivanova

variable indigo-linear-gauge public

Мaterial indigo gauge スキーマを生成します。

Deprecation message:

次で使用

var dark-indigo-linear-gauge

必須

var material-linear-gauge

作者

Silvia Ivanova

variable indigo-radial-gauge public

Мaterial indigo gauge スキーマを生成します。

Deprecation message:

次で使用

var dark-indigo-radial-gauge

必須

var material-radial-gauge

作者

Silvia Ivanova

variable material-geo-map public

Material geo map スキーマを生成します。

Deprecation message:

プロパティ

plot-area-background

現在の Map オブジェクトのプロット領域の背景として使用するブラシを取得または設定します。

String

null

次で使用

var dark-material-geo-map
var fluent-geo-map
var bootstrap-geo-map
var indigo-geo-map

作者

Simeon Simeonoff

variable fluent-geo-map public

Fluent geo map スキーマを生成します。

Deprecation message:

次で使用

var dark-fluent-geo-map

必須

fun extend
var material-geo-map

作者

Simeon Simeonoff

variable bootstrap-geo-map public

Bootstrap geo map スキーマを生成します。

Deprecation message:

次で使用

var dark-bootstrap-geo-map

必須

fun extend
var material-geo-map

作者

Simeon Simeonoff

variable indigo-geo-map public

Indigo geo map スキーマを生成します。

Deprecation message:

次で使用

var dark-indigo-geo-map

必須

fun extend
var material-geo-map

作者

Simeon Simeonoff

variable material-graph public

Material graph スキーマを生成します。

Deprecation message:

プロパティ

backing-brush

ブレットグラフのバッキングを塗りつぶすために使用するブラシを設定します。

Color

(color: 'surface', darken: 5%)

backing-outline

バッキングのアウトラインに使用するブラシを設定します。

Color

(color: 'surface', darken: 8%)

backing-stroke-thickness

裏張りのアウトラインのストロークの太さを設定します。

Number

null

font-brush

ラベルのフォントに使用するブラシを設定します。

Color

(contrast-color: 'surface')

minor-tick-brush

副目盛に使用するブラシを設定します。

Color

(contrast-color: 'surface')

minor-tick-thickness

副目盛を描画する際に使用するストロークの太さ。

Number

null

range-brushes

ブレットグラフ範囲のパレットとして使用されるブラシのコレクションを設定します。

List

series

range-outlines

ブレットグラフアウトラインのパレットとして使用されるブラシのコレクションを設定します。

List

series

scale-background-brush

スケールの背景ブラシを設定します。

Color

(color: 'primary')

scale-background-outline

スケールの背景アウトラインを設定します。

Color

(color: 'surface')

scale-background-thickness

スケールの背景アウトラインの太さを設定します。

Number

null

target-value-breadth

ターゲット値要素の幅を設定します。

Number

null

target-value-brush

比較マーカーの塗りつぶしを描画する際に使用するブラシを設定します。

Color

color('gray', 800)

target-value-outline

ターゲット値のアウトラインを描画する際に使用するブラシを設定します。

Color

null

target-value-thickness

ターゲット値バーのアウトラインのストローク幅を設定します。

Number

null

tick-brush

主目盛に使用するブラシを設定します。

Color

(contrast-color: 'surface')

tick-stroke-thickness

目盛を描画する際に使用するストロークの太さを設定します。

Number

null

value-brush

実際の値要素に使用するブラシを設定します。

Color

(color: ('gray', 800))

value-outline

実際の値要素のアウトラインに使用するブラシを設定します。

Color

null

value-stroke-thickness

単一の実際値の要素を描画するときに使用するストロークの太さを設定します。

Number

null

次で使用

var dark-material-graph
var fluent-graph
var bootstrap-graph
var indigo-graph

作者

Simeon Simeonoff

variable fluent-graph public

Fluent graph スキーマを生成します。

Deprecation message:

次で使用

var dark-fluent-graph

必須

var material-graph

作者

Simeon Simeonoff

variable bootstrap-graph public

Bootstrap graph スキーマを生成します。

Deprecation message:

次で使用

var dark-bootstrap-graph

必須

var material-graph

作者

Simeon Simeonoff

variable indigo-graph public

Indigo graph スキーマを生成します。

Deprecation message:

次で使用

var dark-indigo-graph

必須

var material-graph

作者

Simeon Simeonoff

variable light-material-schema public

Мaterial コンポーネントテーマを作成するために使用されます。ライトパレットと組み合わせて使用します。

Deprecation message:

次で使用

fun avatar-theme
fun badge-theme
fun banner-theme
fun bottom-nav-theme
fun button-group-theme
fun button-theme
fun calendar-theme
fun card-theme
fun carousel-theme
fun checkbox-theme
fun chip-theme
fun column-actions-theme
fun combo-theme
fun dialog-theme
fun divider-theme
fun dock-manager-theme
fun drop-down-theme
fun expansion-panel-theme
fun grid-summary-theme
fun grid-toolbar-theme
fun grid-theme
fun highlight-theme
fun icon-theme
fun list-theme
fun navbar-theme
fun navdrawer-theme
fun overlay-theme
fun paginator-theme
fun progress-linear-theme
fun progress-circular-theme
fun radio-theme
fun rating-theme
fun ripple-theme
fun scrollbar-theme
fun select-theme
fun slider-theme
fun snackbar-theme
mix splitter
fun stepper-theme
fun switch-theme
fun tabs-theme
fun time-picker-theme
fun toast-theme
fun tooltip-theme
fun tree-theme
fun watermark-theme
fun category-chart-theme
fun data-chart-theme
fun doughnut-chart-theme
fun financial-chart-theme
fun funnel-chart-theme
fun linear-gauge-theme
fun radial-gauge-theme
fun geo-map-theme
fun bullet-graph-theme
fun pie-chart-theme
fun shape-chart-theme
fun sparkline-theme
mix theme
mix theme-internal

作者

Marin Popov

variable light-bootstrap-schema public

Bootstrap コンポーネントテーマの作成に使用します。ライトパレットと組み合わせて使用します。

Deprecation message:

作者

Marin Popov

variable light-fluent-schema public

Fluent コンポーネントテーマの作成に使用します。ライトパレットと組み合わせて使用します。

Deprecation message:

作者

Marin Popov

variable light-indigo-schema public

Indigo コンポーネントテーマの作成に使用します。ライトパレットと組み合わせて使用します。

Deprecation message:

作者

Marin Popov

variable material-pie-chart public

Material pie chart スキーマを生成します。

Deprecation message:

プロパティ

brushes

自動的に割り当てられるシリーズの色から選択されるパレットを定義します。

List

series

outlines

自動的に割り当てられるシリーズのアウトライン色から選択されるパレットを定義します。

List

series

label-extent

スライスの端からラベルをオフセットするピクセル量を設定します。

Number

label-inner-color

円チャート内に描画されるラベルの色を設定します。

Color

null

label-outer-color

円チャートの外に描画されるラベルの色を設定します。

Color

color: ('gray', 700)

labels-position

チャートラベルの位置を設定します。有効な値は: 'none'、'center'、'insideEnd'、'outsideEnd'、'bestFit' です。

String

null

leader-line-margin

ラベルおよびその引き出し線の終了の間のマージンを設定します。

Number

null

leader-line-type

外部の終了ラベルのために使用される引き出し線のタイプを設定します。有効な値は: 'Straight'、'spline' および 'arc' です。

String

null

leader-line-visibility

引き出し線が表示されるかどうかを設定します。有効な値は: 'visible' および 'collapsed' です。

String

null

radius-factor

チャートの半径のスケール率を設定します。0 と 1 の間の値。

Number

null

次で使用

var dark-material-pie-chart
var fluent-pie-chart
var bootstrap-pie-chart
var indigo-pie-chart

作者

Simeon Simeonoff

variable fluent-pie-chart public

Fluent pie chart スキーマを生成します。

Deprecation message:

参照先

var material-pie-chart

次で使用

var dark-fluent-pie-chart

必須

var material-pie-chart

作者

Simeon Simeonoff

variable bootstrap-pie-chart public

Bootstrap pie chart スキーマを生成します。

Deprecation message:

参照先

var material-pie-chart

次で使用

var dark-bootstrap-pie-chart

必須

var material-pie-chart

作者

Simeon Simeonoff

variable indigo-pie-chart public

Indigo pie chart スキーマを生成します。

Deprecation message:

参照先

var material-pie-chart

次で使用

var dark-indigo-pie-chart

必須

var material-pie-chart

作者

Simeon Simeonoff

variable material-shape-chart public

Material base shape chart スキーマを生成します。

Deprecation message:

プロパティ

margin

チャートコンテンツのマージン (top、right、bottom および left) を設定します。

List

null

title-alignment

コントロールの左右端に相対するタイトルの配置を決定する水平配置を設定します。

Color

null

title-text-color

チャートタイトルの色を設定します。

Color

null

title-margin

チャートタイトルのマージン (top、right、bottom および left) を設定します。

List

null

subtitle-alignment

コントロールの左右端に相対するサブタイトルの配置を決定する水平配置を設定します。

String

null

subtitle-text-color

チャートサブタイトルの色を設定します。

Color

null

subtitle-margin

チャートサブタイトルのマージン (top、right、bottom および left) を設定します。

List

null

brushes

自動的に割り当てられるシリーズの色から選択されるパレットを定義します。

List

series

marker-brushes

データポイントマーカーの塗りつぶし領域を描画するために使用されるブラシのパレットを設定します。

List

series

outlines

チャートシリーズのアウトラインに使用するブラシのパレットを設定します。

List

series

marker-outlines

データポイントマーカーのアウトラインのを描画するために使用されるブラシのパレットを設定します。

List

series

thickness

このチャートのすべてのシリーズの太さを設定します。

Number

null

trend-line-brushes

このチャートでトレンドラインの色に使用されるブラシのパレットを設定します。

List

series

trend-line-thickness

このチャートのトレンドラインの太さを設定します。このプロパティはポイント、折れ線、スプライン、およびバブルのチャート型のみに適用できます。

Number

null

x-axis-label-margin

X 軸のラベルのマージンを設定します。

List

null

x-axis-label-text-color

X 軸のラベルの色を設定します。

Color

null

x-axis-label-vertical-alignment

X 軸ラベルの垂直方向の配置を設定します。

String

null

x-axis-major-stroke

X 軸の主グリッド線に適用する色を設定します。

Color

null

x-axis-major-stroke-thickness

X 軸の主グリッド線に適用する太さを設定します。

Number

null

x-axis-minor-stroke

X 軸の副グリッド線に適用する色を設定します。

Color

null

x-axis-minor-stroke-thickness

X 軸の副グリッド線に適用する太さを設定します。

Number

null

x-axis-strip

X 軸の背景の縞模様に適用する色を設定します。

Color

null

x-axis-stroke

X 軸線に適用する色を設定します。

Color

null

x-axis-stroke-thickness

X 軸線に適用する太さを設定します。

Number

null

x-axis-title-alignment

X 軸タイトルの水平方向の配置を設定します。

String

null

x-axis-title-color

X 軸のタイトルの色を設定します。

Color

null

x-axis-title-margin

X 軸のタイトルの周りのマージンを設定します。

List

null

y-axis-label-margin

Y 軸のラベルのマージンを設定します。

List

null

y-axis-label-text-color

Y 軸のラベルの色を設定します。

Color

null

y-axis-label-vertical-alignment

Y 軸ラベルの垂直方向の配置を設定します。

String

null

y-axis-major-stroke

Y 軸の主グリッド線に適用する色を設定します。

Color

null

y-axis-major-stroke-thickness

Y 軸の主グリッド線に適用する太さを設定します。

Number

null

y-axis-minor-stroke

Y 軸の副グリッド線に適用する色を設定します。

Color

null

y-axis-minor-stroke-thickness

Y 軸の副グリッド線に適用する太さを設定します。

Number

null

y-axis-strip

Y 軸の背景の縞模様に適用する色を設定します。

Color

null

y-axis-stroke

Y 軸線に適用する色を設定します。

Color

null

y-axis-stroke-thickness

Y 軸線に適用する太さを設定します。

Number

null

y-axis-title-alignment

Y 軸タイトルの水平方向の配置を設定します。

String

null

y-axis-title-color

Y 軸のタイトルの色を設定します。

Color

null

y-axis-title-margin

Y 軸のタイトルの周りのマージンを設定します。

List

null

次で使用

var dark-material-shape-chart
var fluent-shape-chart
var bootstrap-shape-chart
var indigo-shape-chart

作者

Simeon Simeonoff

variable fluent-shape-chart public

Fluent shape-chart スキーマを生成します。

Deprecation message:

次で使用

var dark-fluent-shape-chart

必須

fun extend
var material-shape-chart

作者

Simeon Simeonoff

variable bootstrap-shape-chart public

Bootstrap shape-chart スキーマを生成します。

Deprecation message:

次で使用

var dark-bootstrap-shape-chart

必須

fun extend
var material-shape-chart

作者

Simeon Simeonoff

variable indigo-shape-chart public

Indigo shape-chart スキーマを生成します。

Deprecation message:

次で使用

var dark-indigo-shape-chart

必須

fun extend
var material-shape-chart

作者

Simeon Simeonoff

variable material-sparkline public

Material base sparkline スキーマを生成します。

Deprecation message:

プロパティ

brush

スパークラインブラシを設定します。

Color

color: ('primary', 500)

line-thickness

スパークラインの線の太さを設定します。

Number

null

marker-brush

スパークラインのマーカーブラシを設定します。

Color

null

marker-size

スパークラインのマーカーサイズを設定します。

Color

null

first-marker-brush

スパークラインの始値マーカーブラシを設定します。

Color

null

first-marker-size

スパークラインの始値マーカーサイズを設定します。

Number

null

last-marker-brush

スパークラインの終値マーカーブラシを設定します。

Color

null

last-marker-size

スパークラインの終値マーカーサイズを設定します。

Number

null

low-marker-brush

スパークラインの最小値マーカーブラシを設定します。

Color

null

low-marker-size

スパークラインの最小値マーカーサイズを設定します。

Number

null

high-marker-brush

スパークラインの最大値マーカーブラシを設定します。

Color

null

high-marker-size

スパークラインの最大値マーカーサイズを設定します。

Number

null

negative-brush

スパークラインの負値ブラシを設定します。

Color

null

negative-marker-brush

スパークラインの負値マーカーブラシを設定します。

Color

null

negative

marker-size [null] - スパークラインの負値マーカーのサイズを取得または設定します。

Number

none

trend-line-brush

スパークラインのトレンドラインマーカーブラシを設定します。

Color

null

trend-line-thickness

スパークラインのトレンドラインの太さを設定します。

Color

null

horizontal-axis-brush

スパークラインの横軸線ブラシを設定します。

Color

null

vertical-axis-brush

スパークラインの縦軸線ブラシを設定します。

Color

null

normal-range-fill

スパークラインの標準範囲ブラシを設定します。

Color

null

次で使用

var dark-material-sparkline
var fluent-sparkline
var bootstrap-sparkline
var indigo-sparkline

作者

Simeon Simeonoff

variable fluent-sparkline public

Fluent sparkline スキーマを生成します。

Deprecation message:

次で使用

var dark-fluent-sparkline

必須

fun extend
var material-sparkline

作者

Simeon Simeonoff

variable bootstrap-sparkline public

Bootstrap sparkline スキーマを生成します。

Deprecation message:

次で使用

var dark-bootstrap-sparkline

必須

fun extend
var material-sparkline

作者

Simeon Simeonoff

variable indigo-sparkline public

Indigo sparkline スキーマを生成します。

Deprecation message:

次で使用

var dark-indigo-sparkline

必須

fun extend
var material-sparkline

作者

Simeon Simeonoff

variable dark-material-action-strip public

Dark material action-strip スキーマを生成します。

Deprecation message:

必須

var material-action-strip

variable dark-fluent-action-strip public

Dark fluent action strip スキーマを生成します。

Deprecation message:

プロパティ

actions-background

アクションの背景に使用される色。

Map

color: ('gray', 600)

必須

var fluent-action-strip

variable dark-bootstrap-action-strip public

Dark bootstrap action strip スキーマを生成します。

Deprecation message:

プロパティ

actions-background

アクションの背景に使用される色。

Map

color: ('gray', 100)

必須

var bootstrap-action-strip

variable dark-indigo-action-strip public

Dark indigo action strip スキーマを生成します。

Deprecation message:

必須

var indigo-action-strip

variable dark-material-avatar public

Dark material avatar スキーマを生成します。

Deprecation message:

必須

var material-avatar

variable dark-fluent-avatar public

Dark fluent avatar スキーマを生成します。

Deprecation message:

必須

var fluent-avatar

variable dark-bootstrap-avatar public

Dark bootstrap avatar スキーマを生成します。

Deprecation message:

プロパティ

background

アバターの背景色。

Map

color: ('gray', 200)

color

アバターのテキストの色。

Map

contrast-color: ('gray', 200)

icon-color

アバターのアイコンの色。

Map

contrast-color: ('gray', 200)

必須

var bootstrap-avatar

variable dark-indigo-avatar public

Dark indigo avatar スキーマを生成します。

Deprecation message:

プロパティ

color

アバターのテキストの色。

Map

contrast-color: ('gray', 300)

icon-color

アバターのアイコンの色。

Map

contrast-color: ('gray', 300)

必須

var indigo-avatar

variable dark-material-badge public

Dark material badge スキーマを生成します。

Deprecation message:

必須

var material-badge

variable dark-fluent-badge public

Dark fluent badge スキーマを生成します。

Deprecation message:

必須

var fluent-badge

variable dark-bootstrap-badge public

Dark bootstrap badge スキーマを生成します。

Deprecation message:

プロパティ

border-color

境界線の色。

Map

contrast-color: ('gray', 50)

必須

var bootstrap-badge

variable dark-indigo-badge public

Dark indigo badge スキーマを生成します。

Deprecation message:

必須

var indigo-badge

variable dark-material-banner public

Dark material banner スキーマを生成します。

Deprecation message:

必須

var material-banner

variable dark-fluent-banner public

Dark fluent banner スキーマを生成します。

Deprecation message:

必須

var fluent-banner

variable dark-bootstrap-banner public

Dark bootstrap banner スキーマを生成します。

Deprecation message:

必須

var bootstrap-banner

variable dark-indigo-banner public

Dark indigo banner スキーマを生成します。

Deprecation message:

プロパティ

banner-background

バナーの背景に使用される色。

Map

color: ('gray', 50)

banner-border-color

バナーの境界線に使用される色。

Map

color: ('gray', 100)

必須

var indigo-banner

variable dark-material-bottom-nav public

Dark material bottom-nav スキーマを生成します。

Deprecation message:

必須

var material-bottom-nav

variable dark-fluent-bottom-nav public

Dark fluent bottom-nav スキーマを生成します。

Deprecation message:

必須

var fluent-bottom-nav

variable dark-bootstrap-bottom-nav public

Dark bootstrap bottom-nav スキーマを生成します。

Deprecation message:

必須

var bootstrap-bottom-nav

variable dark-indigo-bottom-nav public

Dark indigo bottom-nav スキーマを生成します。

Deprecation message:

プロパティ

border-color

下部のナビゲーションの境界線の色。

Map

color: ('gray', 100)

icon-color

アイドル状態のアイコンの色。

Map

contrast-color: ('gray', 50, .6)

icon-selected-color

選択した項目に使用されるアイコンの色。

Map

color: ('primary', 200)

label-color

アイドル状態のラベルの色。

Map

contrast-color: ('gray', 50, .8)

label-selected-color

選択した項目に使用されるラベルの色。

Map

color: ('primary', 200)

icon-disabled-color

アイコンの無効な色。

Map

contrast-color: ('gray', 50, .2)

label-disabled-color

ラベルの無効な色。

Map

contrast-color: ('gray', 50, .2)

必須

var indigo-bottom-nav

variable base-dark-button-group public

Base dark button-group スキーマを生成します。

Deprecation message:

プロパティ

item-border-color

ボタングループ項目の間の境界線の色。

Map

color: ('gray', 100)

item-hover-border-color

ボタングループ項目間のホバー境界線の色。

Map

color: ('gray', 100)

item-focused-border-color

ボタングループの項目のフォーカス境界線の色。

Map

color: ('gray', 100)

item-hover-background

ボタングループ項目のホバー背景色。

Map

color: ('gray', 100), .8

item-focused-background

ボタングループ項目のフォーカス背景色。

Map

color: ('gray', 700), .3

item-selected-background

ボタングループの選択された項目のための背景色。

Map

color: ('gray', 200)

item-selected-hover-background

ボタングループ内でホバーまたはフォーカス状態にある選択された項目のホバー背景色。

Map

color: ('gray', 300, .8)

item-selected-border-color

ボタングループ選択された項目の境界線の色。

Map

color: ('gray', 300)

item-selected-hover-border-color

ボタングループで選択された項目のホバー境界線の色。

Map

color: ('gray', 300)

item-disabled-border

ボタングループの無効にされた項目のための境界線の色。

Map

color: ('gray', 100)

disabled-selected-border-color

ボタングループから選択された項目の無効な境界線の色。

Map

color: ('gray', 100)

次で使用

var dark-material-button-group
var dark-fluent-button-group

variable dark-material-button-group public

$light-button-group と $base-dark-button-group の組み合わせに基づいて dark material button-group スキーマを生成します。

Deprecation message:

プロパティ

item-focused-hover-background

ボタングループ項目のフォーカスおよびホバー背景色。

Map

color: ('gray', 500, .3)

item-selected-focus-hover-background

ボタングループ内のフォーカス状態およびホバー状態で選択された項目の背景色。

Map

color: ('gray', 400, .8)

必須

var material-button-group
var base-dark-button-group

variable dark-fluent-button-group public

$fluent-button-group と $base-dark-button-group の組み合わせに基づいて dark fluent button-group スキーマを生成します。

Deprecation message:

プロパティ

item-border-color

ボタングループ項目の境界線の色。

Map

color: ('gray', 400)

item-hover-border-color

ボタングループ項目間のホバー境界線の色。

Map

color: ('gray', 400)

item-focused-border-color

ボタングループ項目のフォーカス境界線の色。

Map

color: ('gray', 400)

item-hover-background

ホバー時のボタングループ項目の背景色。

Map

color: ('gray', 50)

item-focused-background

ボタングループ項目のフォーカス背景色。

Map

color: ('gray', 100)

item-selected-background

ボタングループ選択された項目の背景色。

Map

color: ('gray', 200)

item-selected-border-color

ボタングループ選択された項目の境界線の色。

Map

color: ('gray', 400)

item-selected-focus-background

ボタングループ内のフォーカス状態で選択された項目の背景色。

Map

color: ('gray', 300)

item-selected-hover-background

ボタングループ内でホバー状態またはフォーカス状態にある選択された項目の背景色。

Map

color: ('gray', 400, .3)

item-selected-hover-border-color

ボタングループ内のホバー状態で選択されている項目の境界線の色。

Map

color: ('gray', 400)

item-disabled-border:

ボタングループ無効項目の境界線の色。

Map

color: ('gray', 400)

disabled-text-color

ボタングループの無効にされた項目のためのテキスト/アイコンの色。

Map

color: ('gray', 300)

disabled-selected-text-color

ボタングループで選択された項目の無効なテキストの色。

Map

color: ('gray', 300)

disabled-selected-icon-color

ボタングループで選択された項目の無効なアイコンの色。

Map

color: ('gray', 300)

disabled-selected-border-color

ボタングループから選択された項目の無効な境界線の色。

Map

color: ('gray', 400)

必須

var fluent-button-group
var base-dark-button-group

variable dark-bootstrap-button-group public

$bootstrap-button-group の組み合わせに基づいて dark bootstrap button-group スキーマを生成します。

Deprecation message:

必須

var bootstrap-button-group

variable dark-indigo-button-group public

Dark indigo button-group スキーマを生成します。

Deprecation message:

プロパティ

item-background

ボタングループ項目の背景色。

Map

contrast-color: ('gray', 50, .05)

item-text-color

ボタングループ項目のテキストの色。

Map

contrast-color: ('gray', 50, .8)

item-icon-color

ボタングループ項目のアイコンの色。

Map

contrast-color: ('gray', 50, .8)

item-border-color

ボタングループ項目の間の境界線の色。

Map

color: ('gray', 100)

idle-shadow-color

ボタングループ項目のアウトラインの色。

Map

contrast-color: ('gray', 50, .2)

item-hover-background

ボタングループ項目のホバー背景色。

Map

contrast-color: ('gray', 50, .1)

item-hover-text-color

ボタングループ項目のホバーテキストの色。

Map

contrast-color: ('gray', 50)

item-hover-icon-color

ボタングループ項目のホバーアイコンの色。

Map

contrast-color: ('gray', 50)

item-hover-border-color

ボタングループ項目間のホバー境界線の色。

Map

color: ('gray', 200)

item-focused-border-color

ボタングループの項目のフォーカス境界線の色。

Map

color: ('gray', 100)

item-focused-text-color

ボタングループ項目のフォーカスされているテキストの色。

Map

contrast-color: ('gray', 50, .8)

item-focused-background

ボタングループ項目のフォーカス背景色。

Map

contrast-color: ('gray', 50, .05)

disabled-background-color

ボタングループの無効にされた項目のための背景色。

Color

transparent

disabled-text-color

ボタングループの無効にされた項目のためのテキスト/アイコンの色。

Map

contrast-color: ('gray', 50, .2)

item-disabled-border

ボタングループの無効にされた項目のための境界線の色。

Map

color: ('gray', 50)

disabled-selected-text-color

ボタングループで選択された項目の無効なテキストの色。

Map

contrast-color: ('primary', 500, .2)

disabled-selected-icon-color

ボタングループで選択された項目の無効なアイコンの色。

Map

contrast-color: ('primary', 500, .2)

必須

var indigo-button-group

variable material-base-button-dark public

Deprecation message:

プロパティ

disabled-background

ボタンの無効表示の背景色。

Map

color: ('gray', 100)

disabled-foreground

ボタンの無効表示の前景色。

Map

color: ('gray', 500)

disabled-icon-color

無効になっているボタンのアイコンの色。

Map

color: ('gray', 500)

次で使用

var material-flat-button-dark
var material-outlined-button-dark
var material-contained-button-dark
var material-fab-button-dark

variable material-flat-button-dark public

Deprecation message:

プロパティ

disabled-background

Flat ボタンの無効表示の背景色。

Color

transparent

次で使用

var dark-material-button

必須

var material-base-button-dark
var material-flat-button

variable material-outlined-button-dark public

Deprecation message:

プロパティ

disabled-border-color

Outlined ボタンの無効表示のフォーカス境界線の色。

Map

color: ('gray', 300)

disabled-background

Outlined ボタンの無効表示の背景色。

Color

transparent

次で使用

var dark-material-button

必須

var material-outlined-button
var material-base-button-dark

variable material-contained-button-dark public

Deprecation message:

次で使用

var dark-material-button

必須

var material-contained-button
var material-base-button-dark

variable material-fab-button-dark public

Deprecation message:

次で使用

var dark-material-button

必須

var material-fab-button
var material-base-button-dark

variable dark-material-button public

Dark material button スキーマを生成します。

Deprecation message:

必須

var material-flat-button-dark
var material-outlined-button-dark
var material-contained-button-dark
var material-fab-button-dark

variable fluent-base-button-dark public

Deprecation message:

プロパティ

focus-visible-border-color

Contained ボタンのフォーカス表示の境界線の色。

Map

color: ('gray', 400)

hover-background

Contained ボタンのホバー背景色。

Map

color: ('gray', 50)

focus-background

クリックとキーボードでフォーカスされたときの Contained ボタンの背景色。

Map

color: ('gray', 100)

focus-hover-background

ボタンのフォーカス時のホバー状態の背景色。

Map

color: ('gray', 50)

active-background

Contained ボタンのアクティブな背景色。

Map

color: ('gray', 100)

disabled-background

ボタンの無効表示の背景色。

Map

color: ('gray', 50)

disabled-foreground

ボタンの無効表示の前景色。

Map

color: ('gray', 200)

disabled-icon-color

無効になっているボタンのアイコンの色。

Map

color: ('gray', 200)

次で使用

var fluent-flat-button-dark
var fluent-outlined-button-dark
var fluent-contained-button-dark
var fluent-fab-button-dark

variable fluent-flat-button-dark public

Deprecation message:

プロパティ

disabled-background

Outlined ボタンの無効表示の背景色。

Color

transparent

次で使用

var dark-fluent-button

必須

var fluent-flat-button
var fluent-base-button-dark

variable fluent-outlined-button-dark public

Deprecation message:

プロパティ

border-color

Outlined ボタンの境界線の色。

Map

color: ('gray', 400)

hover-border-color

Outlined ボタンのホバー境界線の色。

Map

color: ('gray', 400)

focus-border-color

Contained ボタンのフォーカス境界線の色。

Map

color: ('gray', 400)

active-border-color

Outlined ボタンのアクティブな境界線の色。

Map

color: ('gray', 400)

disabled-border-color

Outlined ボタンの無効なフォーカス境界線の色。

Map

color: ('gray', 100)

次で使用

var dark-fluent-button

必須

var fluent-outlined-button
var fluent-base-button-dark

variable fluent-contained-button-dark public

Deprecation message:

プロパティ

background

Contained ボタンの背景色。

Map

color: ('primary', 300)

foreground

Contained ボタンのアイドルテキストの色。

Map

contrast-color: ('primary', 300)

icon-color

ボタンのアイドル状態のアイコンの色。

Map

contrast-color: ('primary', 300)

icon-color-hover

ボタンのホバーアイコンの色。

Map

contrast-color: ('primary', 300)

focus-visible-border-color

Contained ボタンのフォーカス表示の境界線の色。

Map

contrast-color: ('primary', 300)

hover-background

Contained ボタンのホバー背景色。

Map

color: ('primary', 200)

hover-foreground

Contained ボタンのホバー表示のテキストの色。

Map

contrast-color: ('primary', 500)

focus-background

クリックとキーボードでフォーカスされたときの Contained ボタンの背景色。

Map

color: ('primary', 100)

focus-foreground

クリックとキーボードでフォーカスされたときの Contained ボタンのテキストの色。

Map

contrast-color: ('primary', 500)

focus-hover-background

ボタンのフォーカス時のホバー状態の背景色。

Map

color: ('primary', 200)

focus-hover-foreground

ボタンのフォーカス時のホバー状態のテキストの色。

Map

contrast-color: ('primary', 500)

focus-visible-background

Contained ボタンのフォーカス表示の背景色。

Map

color: ('primary', 300)

focus-visible-foreground

Contained ボタンのフォーカス表示のテキストの色。

Map

contrast-color: ('primary', 500)

active-background

Contained ボタンのアクティブ表示の背景色。

Map

color: ('primary', 100)

active-foreground

Contained ボタンのアクティブ表示のテキストの色。

Map

contrast-color: ('primary', 500)

次で使用

var dark-fluent-button

必須

var fluent-contained-button
var fluent-base-button-dark

variable fluent-fab-button-dark public

Deprecation message:

プロパティ

background

Contained ボタンの背景色。

Map

color: ('primary', 300)

foreground

Contained ボタンのアイドルテキストの色。

Map

contrast-color: ('primary', 300)

icon-color

ボタンのアイドル状態のアイコンの色。

Map

contrast-color: ('primary', 300)

icon-color-hover

ボタンのホバーアイコンの色。

Map

contrast-color: ('primary', 300)

focus-visible-border-color

Contained ボタンのフォーカス表示の境界線の色。

Map

contrast-color: ('primary', 300)

active-border-color

Contained ボタンのアクティブ表示の境界線の色。

Map

color: ('primary', 200)

hover-background

Contained ボタンのホバー背景色。

Map

color: ('primary', 200)

hover-foreground

Contained ボタンのホバー表示のテキストの色。

Map

contrast-color: ('primary', 300)

focus-background

クリックとキーボードでフォーカスされたときの Contained ボタンの背景色。

Map

color: ('primary', 100)

focus-foreground

クリックとキーボードでフォーカスされたときの Contained ボタンのテキストの色。

Map

contrast-color: ('primary', 300)

focus-hover-background

ボタンのフォーカス時のホバー状態の背景色。

Map

color: ('primary', 200)

focus-hover-foreground

ボタンのフォーカス時のホバー状態のテキストの色。

Map

contrast-color: ('primary', 300)

focus-visible-background

Contained ボタンのフォーカス表示の背景色。

Map

color: ('primary', 300)

focus-visible-foreground

Contained ボタンのフォーカス表示のテキストの色。

Map

contrast-color: ('primary', 300)

active-background

Contained ボタンのアクティブ表示の背景色。

Map

color: ('primary', 100)

active-foreground

Contained ボタンのアクティブ表示のテキストの色。

Map

contrast-color: ('primary', 300)

次で使用

var dark-fluent-button

必須

var fluent-fab-button
var fluent-base-button-dark

variable dark-fluent-button public

Dark fluent button スキーマを生成します。

Deprecation message:

必須

var fluent-flat-button-dark
var fluent-outlined-button-dark
var fluent-contained-button-dark
var fluent-fab-button-dark

variable dark-bootstrap-button public

Dark bootstrap button スキーマを生成します。

Deprecation message:

必須

var bootstrap-flat-button
var bootstrap-outlined-button
var bootstrap-contained-button
var bootstrap-fab-button

variable indigo-base-button-dark public

Deprecation message:

プロパティ

foreground

ボタンのアイドルテキストの色。

Map

contrast-color: ('primary', 500)

icon-color

ボタンのアイドル状態のアイコンの色。

Map

contrast-color: ('primary', 500, 0.8)

icon-color-hover

ボタンのホバーアイコンの色。

Map

contrast-color: ('primary', 500)

hover-foreground

ボタンのホバーテキストの色。

Map

contrast-color: ('primary', 500)

focus-foreground

クリックとキーボードでフォーカスされたときのボタンのテキストの色。

Map

contrast-color: ('primary', 500)

focus-hover-foreground

ボタンのフォーカス時のホバー状態のテキストの色。

Map

contrast-color: ('primary', 500)

active-foreground

ボタンのアクティブなテキストの色。

Map

contrast-color: ('primary', 500)

focus-visible-foreground

ボタンのフォーカス表示テキストの色。

Map

contrast-color: ('primary', 500)

disabled-foreground

ボタンの無効表示の前景色。

Map

contrast-color: ('primary', 500, 0.20)

disabled-icon-color

無効になっているボタンのアイコンの色。

Map

contrast-color: ('primary', 500, 0.30)

次で使用

var indigo-flat-button-dark
var indigo-outlined-button-dark
var indigo-contained-button-dark
var indigo-fab-button-dark

variable indigo-flat-button-dark public

Deprecation message:

プロパティ

hover-background

Flat ボタンのホバー背景色。

Map

contrast-color: ('primary', 500, 0.1)

focus-hover-background

Flat ボタンのフォーカス時のホバー状態の背景色。

Map

contrast-color: ('primary', 500, 0.1

focus-background

クリックとキーボードでフォーカスされたときの Flat ボタンの背景色。

Map

contrast-color: ('primary', 500, 0.1)

active-background

Flat ボタンのアクティブ表示の背景色。

Map

contrast-color: ('primary', 500, 0.1)

shadow-color

Flat ボタンの影の色。

Map

contrast-color: ('primary', 500, 0.2)

必須

var indigo-flat-button
var indigo-base-button-dark

variable indigo-outlined-button-dark public

Deprecation message:

プロパティ

border-color

Outlined ボタンの境界線の色。

Map

contrast-color: ('primary', 500, 0.6)

hover-background

Outlined ボタンのホバー背景色。

Map

contrast-color: ('primary', 500, 0.1)

hover-border-color

Outlined ボタンのホバー境界線の色。

Map

contrast-color: ('primary', 500, 0.8)

focus-hover-background

Outlined ボタンのフォーカス時のホバー状態の背景色。

Map

contrast-color: ('primary', 500, 0.1)

focus-background

クリックとキーボードでフォーカスされたときの Outlined ボタンの背景色。

Map

contrast-color: ('primary', 500, 0.1)

focus-border-color

Outlined ボタンのフォーカス境界線の色。

Map

contrast-color: ('primary', 500, 0.6)

focus-visible-border-color

Outlined ボタンのフォーカス表示の境界線の色。

Map

contrast-color: ('primary', 500, 0.6)

active-background

Outlined ボタンのアクティブな背景色。

Map

contrast-color: ('primary', 500, 0.1)

active-border-color

Outlined ボタンのアクティブ表示の境界線の色。

Map

contrast-color: ('primary', 500, 0.8)

shadow-color

Outlined ボタンの影の色。

Map

contrast-color: ('primary', 500, 0.2)

disabled-border-color

Outlined ボタンの無効なフォーカス境界線の色。

Map

contrast-color: ('primary', 500, 0.2)

必須

var indigo-outlined-button
var indigo-base-button-dark

variable indigo-contained-button-dark public

Deprecation message:

必須

var indigo-contained-button
var indigo-base-button-dark

variable indigo-fab-button-dark public

Deprecation message:

必須

var indigo-fab-button
var indigo-base-button-dark

variable dark-indigo-button public

Dark indigo button スキーマを生成します。

Deprecation message:

必須

var indigo-flat-button
var indigo-outlined-button
var indigo-contained-button
var indigo-fab-button

variable dark-material-calendar public

Dark material calendar スキーマを生成します。

Deprecation message:

プロパティ

navigation-hover-color

月間ナビゲーションを行うアイコンボタンの :hover 色。

Map

color: ('secondary', 200)

navigation-focus-color

月間ナビゲーションを行うアイコンボタンの :focus 色。

Map

color: ('secondary', 200)

date-special-foreground

特別な日付の前景色。

Map

color: ('secondary', 200)

date-special-hover-foreground

特別な日付の :hover 前景色。

Map

color: ('secondary', 100)

date-special-focus-foreground

特別な日付の :focus 前景色。

Map

color: ('secondary', 100)

date-special-range-foreground

範囲選択内の特別な日付の前景色。

Map

color: ('secondary', 200)

date-special-border-color

特別な日付の周囲のアウトラインの色。

Map

color: ('secondary', 200)

date-special-hover-border-color

特別な日付の周囲のアウトラインの色。

Map

color: ('secondary', 100)

date-special-range-border-color

範囲選択内の特別な日付の周囲のアウトラインの色。

Map

color: ('secondary', 200)

picker-hover-foreground

月と年ピッカーの :hover 前景色。

Map

color: ('secondary', 200)

picker-focus-foreground

月と年ピッカーの :focus 前景色。

Map

color: ('secondary', 200)

actions-divider-color

日付ピッカーのアクション区切り線に使用される境界線の色。

Map

color: ('gray', 100)

必須

var material-calendar

variable dark-fluent-calendar public

Dark fluent calendar スキーマを生成します。

Deprecation message:

プロパティ

picker-hover-foreground

月と年ピッカーの :hover 前景色。

Map

color: ('primary', 200)

picker-focus-foreground

月と年ピッカーの :focus 前景色。

Map

color: ('primary', 200)

navigation-hover-color

ナビゲーションを行うボタンの :hover 色。

Map

color: ('primary', 200)

navigation-focus-color

ナビゲーションを行うボタンの :focus 色。

Map

color: ('primary', 200)

ym-selected-current-hover-background

現在/選択した月/年の :hover 背景色。

Map

color: ('primary', 600)

ym-selected-background

選択した月/年の背景色。

Map

color: ('primary', 800)

ym-selected-hover-background

選択した月/年の :hover 背景色。

Map

color: ('primary', 600)

ym-selected-current-background

現在/選択した月/年の背景色。

Map

color: ('primary', 800)

ym-selected-current-hover-background

現在/選択した月/年の :hover 背景色。

Map

color: ('primary', 600)

date-current-foreground

現在の日付の前景色。

Map

contrast-color: ('gray', 900)

date-current-background

現在の日付の背景色。

Map

color: ('primary', 200)

date-current-hover-foreground

現在の日付の :hover 前景色。

Map

contrast-color: ('gray', 900)

date-current-focus-foreground

現在の日付の :focus 前景色。

Map

contrast-color: ('gray', 900)

date-selected-current-foreground

選択した現在の日付の前景色。

Map

contrast-color: ('gray', 900)

date-selected-current-hover-foreground

選択した現在の日付の :hover 前景色。

Map

contrast-color: ('gray', 900)

date-selected-current-focus-foreground

選択した現在の日付の :focus 前景色。

Map

contrast-color: ('gray', 900)

date-selected-current-range-foreground

選択した範囲内の現在の日付の前景色。

Map

contrast-color: ('gray', 900)

date-selected-current-range-hover-foreground

選択した範囲内の現在の日付の :hover 前景色。

Map

contrast-color: ('gray', 900)

date-selected-current-range-focus-foreground

選択した範囲内の現在の日付の :focus 前景色。

Map

contrast-color: ('gray', 900)

date-special-border-color

特別な日付の周囲のアウトラインの色。

Map

color: ('primary', 50)

date-special-hover-border-color

特別な日付の周囲のアウトラインの色。

Map

color: ('primary', 50)

date-special-range-border-color

範囲選択内の特別な日付の周囲のアウトラインの色。

Map

color: ('primary', 50)

header-foreground

ヘッダーの前景色。

Map

contrast-color: ('primary', 200)

header-background

月と年ピッカーの背景色。

Map

color: ('primary', 200)

actions-divider-color

日付ピッカーのアクション区切り線に使用される境界線の色。

Мap

color: ('gray', 100)

date-selected-special-border-color

選択された特別な日付の境界線の色。

Map

color: ('primary', 50)

date-selected-special-hover-border-color

選択された特別な日付の :hover 境界線の色。

Map

color: ('primary', 50)

date-selected-special-focus-border-color

選択された特別な日付の :focus 境界線の色。

Map

color: ('primary', 50)

必須

var fluent-calendar

variable dark-bootstrap-calendar public

Dark bootstrap calendar スキーマを生成します。

Deprecation message:

プロパティ

ym-hover-background

月/年の :hover 背景色。

Map

color: ('gray', 100)

ym-current-hover-background

現在の月/年の :hover 背景色。

Map

color: ('gray', 100)

date-special-hover-background

特別な日付の背景色。

Map

color: ('gray', 100)

date-special-focus-background

特別な日付の背景色。

Map

color: ('gray', 100)

date-special-range-hover-background

範囲選択内の特別な日付の :hover 背景色。

Map

color: ('gray', 100)

date-special-range-focus-background

範囲選択内の特別な日付の :focus 背景色。

Map

color: ('gray', 100)

date-hover-background

日付の :hover 背景色。

Map

color: ('gray', 100)

date-focus-background

日付の :focus 背景色。

Map

color: ('gray', 100)

picker-hover-foreground

月と年ピッカーの :hover 前景色。

Map

color: ('secondary', 200)

picker-focus-foreground

月と年ピッカーの :focus 前景色。

Map

color: ('secondary', 200)

navigation-hover-color

ナビゲーションを行うボタンの :hover 色。

Map

color: ('secondary', 200)

navigation-focus-color

ナビゲーションを行うボタンの :focus 色。

Map

color: ('secondary', 200)

date-special-border-color

特別な日付の周囲のアウトラインの色。

Map

color: ('primary', 200)

date-special-hover-border-color

特別な日付の周囲のアウトラインの色。

Map

color: ('primary', 200)

date-special-range-border-color

範囲選択内の特別な日付の周囲のアウトラインの色。

Map

color: ('primary', 200)

date-current-hover-background

現在の日付の :hover 背景色。

Map

color: ('gray', 100)

date-current-focus-background

現在の日付の :focus 背景色。

Map

color: ('gray', 100)

date-selected-range-hover-background

選択した範囲の :hover 背景色。

Map

color: ('gray', 100)

date-selected-range-focus-background

選択した範囲の :focus 背景色。

Map

color: ('gray', 100)

date-selected-current-range-focus-background

選択した範囲内の現在の日付の :focus 背景色。

Map

color: ('gray', 100)

date-selected-current-range-hover-background

選択した範囲内の現在の日付の :hover 背景色。

Map

color: ('gray', 100)

必須

var bootstrap-calendar

variable dark-indigo-calendar public

Dark indigo calendar スキーマを生成します。

Deprecation message:

プロパティ

header-foreground

ヘッダーの前景色。

Map

contrast-color: ('gray', 50)

content-foreground

日、月、年ビューの前景色。

Map

color: ('gray', 900)

weekend-color

週末の前景色。

Map

color: ('gray', 900)

ym-hover-background

月/年の :hover 背景色。

Map

contrast-color: ('gray', 50, .1)

ym-current-hover-background

現在の月/年の :hover 背景色。

Map

contrast-color: ('gray', 900, .1)

header-background

ヘッダーの背景色。

Map

color: ('gray', 50)

content-background

日、月、年ビューの背景色。

Map

color: ('gray', 50)

picker-background

月と年ピッカーの背景色。

Map

color: ('gray', 50)

border-color

カレンダーの境界線の色。

Map

color: ('gray', 100)

date-hover-foreground

日付の :hover 前景色。

Map

contrast-color: ('gray', 50)

date-hover-background

日付の :hover 背景色。

Map

contrast-color: ('gray', 50, .1)

date-focus-foreground

日付の :focus 前景色。

Map

contrast-color: ('gray', 50)

date-focus-background

日付の :focus 背景色。

Map

contrast-color: ('gray', 50, .1)

date-disabled-foreground

無効な日付の前景色。

Map

color: ('gray', 400, .38,)

date-disabled-range-foreground

無効な日付の前景色。

Map

color: ('gray', 600)

date-current-foreground

現在の日付の前景色。

Map

color: ('gray', 900)

date-current-background

現在の日付の背景色。

Map

color: ('primary', 700, .5)

date-current-hover-background

現在の日付の :hover 背景色。

Map

color: ('primary', 700)

date-current-focus-background

現在の日付の :focus 背景色。

Map

color: ('primary', 700)

date-current-hover-foreground

現在の日付の :hover 前景色。

Map

contrast-color: ('gray', 50)

date-current-focus-foreground

現在の日付の :focus 前景色。

Map

contrast-color: ('gray', 50)

date-current-border-color

現在の日付の境界線の色。

Map

color: ('primary', 300)

date-current-hover-border-color

現在の日付の :hover 境界線の色。

Map

color: ('primary', 200)

date-current-focus-border-color

現在の日付の :focus 境界線の色。

Map

color: ('primary', 200)

date-special-range-foreground

範囲選択内の特別な日付の前景色。

Map

color: ('primary', 100)

date-special-foreground

特別な日付の前景色。

Map

color: ('primary', 100)

date-special-hover-foreground

特別な日付の :hover 前景色。

Map

color: ('primary', 50)

date-special-hover-background

特別な日付の :hover 背景色。

Map

contrast-color: ('gray', 50, .1)

date-special-focus-foreground

特別な日付の :focus 前景色。

Map

color: ('primary', 50)

date-special-focus-background

特別な日付の :focus 背景色。

Map

contrast-color: ('gray', 50, .1)

date-special-range-hover-background

範囲選択内の特別な日付の :hover 背景色。

Map

contrast-color: ('gray', 600, .1)

date-special-range-focus-background

範囲選択内の特別な日付の :focus 背景色。

Map

contrast-color: ('gray', 600, .1)

date-special-border-color

特別な日付の周囲のアウトラインの色。

Map

color: ('primary', 100)

date-special-hover-border-color

ホバー時の特別な日付の周囲のアウトラインの色。

Map

color: ('primary', 50)

date-special-range-border-color

範囲選択内の特別な日付の周囲のアウトラインの色。

Map

color: ('primary', 100)

navigation-hover-color

月間ナビゲーションを行うアイコンボタンの :hover 色。

Map

color: ('primary', 300)

navigation-focus-color

月間ナビゲーションを行うアイコンボタンの :focus 色。

Map

color: ('primary', 300)

actions-divider-color

日付ピッカーのアクション区切り線に使用される境界線の色。

Мап

color: ('gray', 100)

picker-hover-foreground

月と年ピッカーの :hover 前景色。

Map

color: ('primary', 300)

picker-focus-foreground

月と年ピッカーの :focus 前景色。

Map

color: ('primary', 300)

week-number-foreground

週番号列の前景色。

Map

color: ('gray', 500)

week-number-background

週番号列の背景色。

Map

contrast-color: ('gray', 50, .05)

date-selected-range-background

選択した範囲の背景色。

Map

color: ('primary', 400, .2)

ym-selected-current-outline-color

現在選択されている月/年のアウトラインの色。

Map

color: ('primary', 300)

ym-current-foreground

現在の月/年の前景色。

Map

color: ('gray', 900)

ym-current-hover-foreground

現在の月/年の :hover 前景色。

Map

color: ('gray', 900)

ym-current-background

現在の月/年の背景色。

Map

color: ('primary', 700, .5)

ym-current-hover-background

現在の月/年の :hover 背景色。

Map

color: ('primary', 700)

ym-current-outline-hover-color

現在の月/年の :hover アウトラインの色。

Map

color: ('primary', 200)

ym-current-outline-focus-color

現在の月/年の :focus アウトラインの色。

Map

color: ('primary', 200)

ym-current-outline-color

現在の月/年のアウトラインの色。

Map

color: ('primary', 300)

ym-hover-foreground

月/年の :hover 前景色。

Map

color: ('gray', 900)

date-selected-range-hover-background

選択した範囲の :hover 背景色。

Map

contrast-color: ('gray', 50, .1)

date-selected-range-focus-background

選択した範囲の :focus 背景色。

Map

contrast-color: ('gray', 50, .1)

date-selected-range-hover-foreground

選択した範囲の :hover 前景色。

Map

contrast-color: ('gray', 50)

date-selected-range-focus-foreground

選択した範囲の :focus 前景色。

Map

contrast-color: ('gray', 50)

date-selected-range-foreground

選択した範囲の前景色。

Map

color: ('gray', 900)

date-selected-current-border-color

選択した現在の日付の境界線の色。

Map

contrast-color: ('primary', 300)

date-selected-current-range-background

選択した範囲内の現在の日付の背景色。

Map

color: ('primary', 700, .5)

date-selected-current-range-hover-background

選択した範囲内の現在の日付の :hover 背景色。

Map

color: ('primary', 700)

date-selected-current-range-focus-background

選択した範囲内の現在の日付の :focus 背景色。

Map

color: ('primary', 700)

date-selected-current-range-foreground

選択した範囲内の現在の日付の前景色。

Map

color: ('gray', 900)

date-selected-current-range-hover-foreground

選択した範囲内の現在の日付の :hover 前景色。

Map

contrast-color: ('gray', 50)

date-selected-current-range-focus-foreground

選択した範囲内の現在の日付の :focus 前景色。

Map

contrast-color: ('gray', 50)

必須

var indigo-calendar

variable dark-base-card public

Base dark card スキーマを生成します。

Deprecation message:

プロパティ

background

カードの背景色。

Map

color: ('gray', 50)

outline-color

Outlined タイプのカードのアウトラインの色。

Map

color: ('gray', 100)

次で使用

var dark-bootstrap-card
var dark-indigo-card

variable dark-material-card public

Dark material card スキーマを生成します。

Deprecation message:

プロパティ

outline-color

Outlined タイプのカードのアウトラインの色。

Map

color: ('gray', 400, .38)

必須

var material-card

variable dark-fluent-card public

Dark fluent card スキーマを生成します。

Deprecation message:

必須

var fluent-card

variable dark-bootstrap-card public

Dark bootstrap card スキーマを生成します。

Deprecation message:

必須

var bootstrap-card
var dark-base-card

variable dark-indigo-card public

Dark indigo card スキーマを生成します。

Deprecation message:

プロパティ

header-text-color

カードタイトルのテキストの色。

Map

contrast-color: ('gray', 50, .9)

subtitle-text-color

カードのサブタイトルのテキストの色。

Map

contrast-color: ('gray', 50, .8)

必須

var indigo-card
var dark-base-card

variable base-dark-carousel public

Base dark carousel スキーマを生成します。

Deprecation message:

プロパティ

indicator-focus-color

フォーカス時のインジケーターの境界線と点の色。

Map

color: ('secondary', 200)

button-focus-border-color

フォーカス時のナビゲーションボタンの境界線の色。

Map

color: ('secondary', 200)

次で使用

var dark-material-carousel

必須

var light-carousel

variable dark-material-carousel public

$material-carousel と $base-dark-carousel の組み合わせに基づいて dark material carousel スキーマを生成します。

Deprecation message:

必須

var material-carousel
var base-dark-carousel

variable dark-fluent-carousel public

$fluent-carousel と $base-dark-carousel の組み合わせに基づいてに基づいて dark fluent carousel スキーマを生成します。

Deprecation message:

プロパティ

button-disabled-background

前へ/次へボタンの無効な背景色。

Map

color: ('gray', 50)

button-disabled-arrow-color

前へ/次へボタンの無効の色。

Map

color: ('gray' 200)

indicator-focus-color

フォーカス時のボタン/インジケーターの境界線の色。

Map

color: ('primary', 200)

button-focus-border-color

フォーカス時のナビゲーションボタンの境界線の色。

Map

color: ('gray', 400)

必須

var fluent-carousel

variable dark-bootstrap-carousel public

$bootstrap-carousel と $base-dark-carousel の組み合わせに基づいて dark bootstrap carousel スキーマを生成します。

Deprecation message:

プロパティ

indicator-focus-color

フォーカス時のボタン/インジケーターの境界線の色。

Map

color: ('primary', 200)

必須

var bootstrap-carousel

variable dark-indigo-carousel public

$indigo-carousel と $base-dark-carousel の組み合わせに基づいて dark indigo carousel スキーマを生成します。

Deprecation message:

プロパティ

button-hover-background

前へ/次へボタンのホバー背景色。

Map

color: ('gray', 100)

button-arrow-color

前へ/次へボタンのアイドル矢印の色。

Map

contrast-color: ('gray', 50, .8)

button-hover-arrow-color

前へ/次へボタンのホバー矢印の色。

Map

color: ('gray', 50)

button-border-color

前へ/次へボタンのアイドル状態の境界線の色。

Map

color: ('gray', 200)

button-hover-border-color

前へ/次へボタンのホバーの境界線の色。

Map

color: ('gray', 300)

button-disabled-border-color

前へ/次へボタンの無効な境界線の色。

Map

contrast-color: ('gray', 50, .15)

button-disabled-arrow-color

前へ/次へボタンの無効の色。

Map

contrast-color: ('gray' 50, .2)

indicator-dot-color

アイドルインジケーター点の色。

Map

color: ('gray', 400)

indicator-hover-dot-color

ホバーインジケーターの点の色。

Map

color: ('gray', 500)

必須

var indigo-carousel

variable dark-material-checkbox public

Dark material checkbox スキーマを生成します。

Deprecation message:

必須

var material-checkbox

作者

Simeon Simeonoff

variable dark-fluent-checkbox public

Dark fluent checkbox スキーマを生成します。

Deprecation message:

プロパティ

tick-color-hover

コントロールがチェックされていないときのホバー時のチェックマークの色。

Map

color: ('gray', 400)

focus-outline-color

フォーカスアウトラインの色。

Map

color: ('gray', 400)

fill-color

チェックされた境界と塗りつぶし色。

Map

color: ('primary', 300)

fill-color-hover

ホバー時にチェックされた境界線と塗りつぶしの色。

Map

color: ('primary', 100)

disabled-color

無効にされた境界と塗りつぶし色。

Map

color: ('gray', 100)

disabled-color-label

ラベルの無効な色。

Map

color: ('gray', 300)

error-color

無効な状態の境界線と塗りつぶしの色。

Map

color: ('error', 100)

error-color-hover

ホバー時に無効な状態の境界線と塗りつぶしの色。

Map

color: ('error', 50)

必須

var fluent-checkbox

作者

Simeon Simeonoff

variable dark-bootstrap-checkbox public

Dark bootstrap checkbox スキーマを生成します。

Deprecation message:

プロパティ

focus-outline-color

フォーカスアウトラインの色。

Map

color: ('primary', 900, 0.5)

focus-outline-color-error

フォーカスされた無効な状態のフォーカスのアウトラインの色。

Map

color: ('error', 900, 0.5)

disabled-color

無効の境界線の色。

Map

color: ('gray', 100)

disabled-color-label

ラベルの無効な色。

Map

color: ('gray', 300)

error-color

無効な状態の境界線と塗りつぶしの色。

Map

color: ('error', 300)

error-color-hover

ホバー時に無効な状態の境界線と塗りつぶしの色。

Map

color: ('error', 400)

必須

var bootstrap-checkbox

作者

Simeon Simeonoff

variable dark-indigo-checkbox public

Dark indigo checkbox スキーマを生成します。

Deprecation message:

プロパティ

label-color

ラベルテキストに使用されるテキストの色。

Map

color: ('gray', 900, .8)

label-color-hover

ホバー時のラベルテキストに使用されるテキストの色。

Map

color: ('gray', 900)

focus-outline-color

フォーカスアウトラインの色。

Map

color: ('gray', 900, .2)

empty-color

未チェック境界線の色。

Map

color: ('gray', 900, .6)

empty-color-hover

ホバー時の未チェック境界線の色。

Map

color: ('gray', 900, .8)

error-color

無効な状態の境界線と塗りつぶしの色。

Map

color: ('error', 400)

error-color-hover

ホバー時に無効な状態の境界線と塗りつぶしの色。

Map

color: ('error', 300)

disabled-color

無効にされた境界と塗りつぶし色。

Map

color: ('gray', 900, .2)

disabled-color-label

無効のラベルの色。

Map

color: ('gray', 900, .2)

必須

var indigo-checkbox

作者

Simeon Simeonoff

variable dark-material-chip public

Dark material chip スキーマを生成します。

Deprecation message:

必須

var material-chip

variable dark-fluent-chip public

Dark fluent chip スキーマを生成します。

Deprecation message:

必須

var fluent-chip

variable dark-bootstrap-chip public

Dark bootstrap chip スキーマを生成します。

Deprecation message:

必須

var bootstrap-chip

variable dark-indigo-chip public

Dark indigo chip スキーマを生成します。

Deprecation message:

プロパティ

text-color

チップのテキストの色。

Map

contrast-color: ('gray', 50, .8)

hover-text-color

ホバー時のチップテキストの色。

Map

contrast-color: ('gray', 50)

focus-text-color

フォーカスされたチップのテキストの色。

Map

contrast-color: ('gray', 50, .8)

background

チップの背景色。

Map

contrast-color: ('gray', 50, .05)

hover-background

ホバー時のチップの背景色。

Map

contrast-color: ('gray', 50, .1)

focus-background

フォーカスされたチップの背景色。

Map

contrast-color: ('gray', 50, .05)

border-color

チップの境界線の色。

Map

color: ('gray', 100)

hover-border-color

ホバー時のチップの境界線の色。

Map

color: ('gray', 200)

focus-border-color

チップのフォーカス境界線の色。

Map

color: ('gray', 100)

focus-outline-color

チップのフォーカスアウトラインの色。

Map

contrast-color: ('gray', 50, .2)

ghost-background

チップゴーストの背景色。

Map

color: ('gray', 100)

disabled-text-color

無効なチップのテキストの色。

Map

contrast-color: ('gray', 50, .2)

disabled-background

無効なチップの背景色。

Map

contrast-color: ('gray', 50, .05)

disabled-border-color

無効なチップの境界線の色。

Map

color: ('gray', 50)

必須

var indigo-chip

variable dark-material-combo public

Dark material combo スキーマを生成します。

Deprecation message:

必須

var material-combo

variable dark-fluent-combo public

Dark fluent combo スキーマを生成します。

Deprecation message:

必須

var fluent-combo

variable dark-bootstrap-combo public

Dark bootstrap combo スキーマを生成します。

Deprecation message:

必須

var bootstrap-combo

variable dark-indigo-combo public

Dark indigo combo スキーマを生成します。

Deprecation message:

プロパティ

clear-button-foreground

コンボトグルクリアの前景色。

Map

contrast-color: ('gray', 100, .6)

clear-button-foreground-focus

コンボがフォーカスされている時のコンボクリアボタンの前景色。

Map

contrast-color: ('gray', 100, .6)

toggle-button-foreground

コンボトグルボタンの前景色。

Map

contrast-color: ('gray', 100, .6)

toggle-button-foreground-focus

コンボがフォーカスされている時のコンボトグルボタンの前景色。

Map

contrast-color: ('gray', 100, .8)

toggle-button-foreground-filled

コンボがフォーカスされている時のコンボトグルボタンの前景色。

Map

contrast-color: ('gray', 100, .6)

toggle-button-foreground-disabled

コンボが無効になっている時のコンボトグルボタンの前景色。

Map

contrast-color: ('gray', 100, .2)

必須

var indigo-combo

variable dark-material-date-range-picker public

Dark material date-range-picker スキーマを生成します。

Deprecation message:

必須

var material-date-range-picker

variable dark-fluent-date-range-picker public

Dark fluent date-range-picker スキーマを生成します。

Deprecation message:

必須

var fluent-date-range-picker

variable dark-bootstrap-date-range-picker public

Dark bootstrap date-range-picker スキーマを生成します。

Deprecation message:

必須

var bootstrap-date-range-picker

variable dark-indigo-date-range-picker public

Dark indigo date-range-picker スキーマを生成します。

Deprecation message:

必須

var indigo-date-range-picker

variable base-dark-dialog public

Base dark dialog スキーマを生成します。

Deprecation message:

プロパティ

message-color

ダイアログメッセージテキストの色。

Map

color: ('gray', 500)

次で使用

var dark-material-dialog
var dark-bootstrap-dialog

variable dark-material-dialog public

Dark material dialog スキーマを生成します。

Deprecation message:

必須

var material-dialog
var base-dark-dialog

variable dark-fluent-dialog public

Dark fluent dialog スキーマを生成します。

Deprecation message:

必須

var fluent-dialog

variable dark-bootstrap-dialog public

Dark bootstrap dialog スキーマを生成します。

Deprecation message:

プロパティ

border-color

ダイアログコンポーネントの境界線の色。

Map

color: ('gray', 100)

必須

var bootstrap-dialog
var base-dark-dialog

variable dark-indigo-dialog public

Dark indigo dialog スキーマを生成します。

Deprecation message:

プロパティ

background

ダイアログの背景色。

Map

color: ('gray', 50)

elevation

ダイアログに使用される 0 から 24 までのエレベーションレベル。

Number

必須

var indigo-dialog
var dark-indigo-elevation-dialog

variable dark-material-divider public

Dark material divider スキーマを生成します。

Deprecation message:

必須

var material-divider

variable dark-fluent-divider public

Dark fluent divider スキーマを生成します。

Deprecation message:

必須

var fluent-divider

variable dark-bootstrap-divider public

Dark bootstrap divider スキーマを生成します。

Deprecation message:

必須

var bootstrap-divider

variable dark-indigo-divider public

Dark indigo divider スキーマを生成します。

Deprecation message:

プロパティ

color

ディバイダに使用される色。

Map

color: ('gray', 100)

必須

var indigo-divider

variable dark-base-dock-manager public

Dark base dock-manager スキーマを生成します。

Deprecation message:

プロパティ

dock-background

ドックマネージャの背景色を設定します。

Color

color: ('gray', 50)

background-color

ドックマネージャーの基本色、ペインヘッダーおよびタブ背景色を設定します。

Color

color: ('gray', 50)

pane-header-background

ペインヘッダーの背景色を設定します。

Color

color: ('gray', 50)

border-color

ドックマネージャーでグローバル境界線の色を設定します。ペインコンテンツの背景およびコンテキストメニューのアクティブ表示の背景色も設定します。

Color

color: ('gray', 100)

floating-pane-border-color

フローティングペインの境界線の色を設定します。

Color

color: ('gray', 50)

joystick-background

ジョイスティックの背景色を設定します。

Color

color: ('gray', 100)

joystick-background-active

ジョイスティックの背景色を設定します。

Color

color: ('gray', 50)

joystick-border-color

ジョイスティックの境界線の色を設定します。

Color

color: ('gray', 200, .5)

joystick-icon-color

ジョイスティックアイコンの色を設定します。

Color

contrast-color: 'surface'

joystick-icon-color-active

アクティブなジョイスティックアイコンの色を設定します。

Color

contrast-color: 'surface'

context-menu-background-active

アクティブなコンテキストメニューの背景色を設定します。

Color

color: ('gray', 50)

context-menu-color-active

アクティブなコンテキストメニューのテキストの色を設定します。

Color

contrast-color: ('gray', 50)

context-menu-background

コンテキストメニューの背景色を設定します。

Color

color: ('gray', 100)

context-menu-color

コンテキストメニューのテキストの色を設定します。

Color

contrast-color: 'surface'

tab-background

タブの背景色を設定します。

Color

color: ('gray', 100, .3)

tab-background-active

アクティブなタブの背景色を設定します。

Color

color: ('gray', 100, .3)

tab-border-color-active

アクティブなタブの境界線の色を設定します。

Color

color: ('gray', 100)

button-text

ボタンのテキストの色を設定します。

Color

contrast-color: 'surface'

flyout-shadow-color

フライアウトの影の色を設定します。

Color

color: ('gray', 50, .3)

drop-shadow-background

影付きの背景色を設定します。

Color

color: ('primary', 900, .3)

splitter-background

スプリッターの背景色を設定します。

Color

color: ('gray', 100)

次で使用

var dark-material-dock-manager
var dark-dock-manager
var dark-bootstrap-dock-manager
var dark-indigo-dock-manager

variable dark-material-dock-manager public

Dark material dock-manager スキーマを生成します。

Deprecation message:

必須

var material-dock-manager
var dark-base-dock-manager

variable dark-dock-manager public

Dark dock-manager スキーマを生成します。

Deprecation message:

必須

var light-dock-manager
var dark-base-dock-manager

variable dark-fluent-dock-manager public

Dark fluent dock-manager スキーマを生成します。

Deprecation message:

プロパティ

tab-text-active

アクティブなタブのテキストの色を設定します。

Color

color: ('primary', 200)

floating-pane-border-color

フローティングペインの境界線の色を設定します。

Color

transparent

joystick-border-color

ジョイスティックの境界線の色を設定します。

Color

transparent

splitter-handle

スプリッターハンドルの背景色を設定します。

Color

color: ('gray', 50)

必須

var fluent-dock-manager

variable dark-bootstrap-dock-manager public

Dark bootstrap dock-manager スキーマを生成します。

Deprecation message:

プロパティ

joystick-background

ジョイスティックの背景色を設定します。

Color

color: ('surface')

joystick-background-active

ジョイスティックの背景色を設定します。

Color

color: ('gray', 50)

joystick-icon-color

ジョイスティックアイコンの色を設定します。

Color

contrast-color: 'surface'

joystick-icon-color-active

アクティブなジョイスティックアイコンの色を設定します。

Color

contrast-color: ('primary', 600)

context-menu-background-active

アクティブなコンテキストメニューの背景色を設定します。

Color

color: ('gray', 50)

context-menu-color-active

アクティブなコンテキストメニューのテキストの色を設定します。

Color

contrast-color: ('primary', 600),

context-menu-background

コンテキストメニューの背景色を設定します。

Color

color: ('gray', 500)

context-menu-color

コンテキストメニューのテキストの色を設定します。

Color

contrast-color: ('gray', 500)

必須

var bootstrap-dock-manager
var dark-base-dock-manager

variable dark-indigo-dock-manager public

Dark indigo dock-manager スキーマを生成します。

Deprecation message:

プロパティ

button-text

ボタンのテキストの色を設定します。

Color

color: ('primary', 200)

joystick-background

ジョイスティックの背景色を設定します。

Color

color: ('surface')

joystick-background-active

ジョイスティックの背景色を設定します。

Color

color: ('primary')

joystick-border-color

ジョイスティックの境界線の色を設定します。

Color

color: ('gray', 100)

joystick-icon-color-active

アクティブなジョイスティックアイコンの色を設定します。

Color

contrast-color: ('primary', 600)

context-menu-background-active

アクティブなコンテキストメニューの背景色を設定します。

Color

color: ('primary')

context-menu-color-active

アクティブなコンテキストメニューのテキストの色を設定します。

Color

contrast-color: ('primary', 600)

context-menu-background

コンテキストメニューの背景色を設定します。

Color

contrast-color: ('primary', 600)

context-menu-color

コンテキストメニューのテキストの色を設定します。

Color

contrast-color: ('primary', 600)

必須

var indigo-dock-manager
var dark-base-dock-manager

variable base-dark-drop-down public

Base dark drop-down スキーマを生成します。

Deprecation message:

プロパティ

border-color

ドロップダウンコンポーネントに使用される 0 から 1 までの境界線の色。

Map

color: ('gray', 100)

次で使用

var dark-material-drop-down
var dark-fluent-drop-down
var dark-bootstrap-drop-down
var dark-indigo-drop-down

variable dark-material-drop-down public

Dark material drop-down スキーマを生成します。

Deprecation message:

必須

var material-drop-down
var base-dark-drop-down

variable dark-fluent-drop-down public

Dark fluent drop-down スキーマを生成します。

Deprecation message:

プロパティ

selected-item-text-color

ドロップダウン選択された項目のテキストの色。

Map

contrast-color: 'surface'

selected-item-icon-color

選択されたドロップダウン項目のアイコンの色。

Map

contrast-color: 'surface'

selected-hover-item-text-color

ドロップダウン選択された項目ホバーのテキストの色。

Map

contrast-color: 'surface'

selected-hover-item-icon-color

選択されたドロップダウン項目のホバーのアイコンの色。

Map

contrast-color: 'surface'

selected-focus-item-text-color

ドロップダウン選択された項目フォーカスのテキストの色。

Map

contrast-color: 'surface'

border-color

フォーカス状態のドロップダウン項目に使用される境界線の色。

Map

color: ('gray', 400)

disabled-item-text-color

ドロップダウンが無効にされた項目のテキストの色。

Map

color: ('gray', 200)

必須

var fluent-drop-down
var base-dark-drop-down

variable dark-bootstrap-drop-down public

Dark bootstrap drop-down スキーマを生成します。

Deprecation message:

プロパティ

item-text-color

ドロップダウン項目のテキストの色。

Map

contrast-color: 'surface'

item-icon-color

ドロップダウン項目のアイコンの色。

Map

contrast-color: 'surface'

hover-item-text-color

ドロップダウン項目のホバーのテキストの色。

Map

contrast-color: 'surface'

hover-item-icon-color

ドロップダウン項目のホバーのアイコンの色。

Map

contrast-color: 'surface'

disabled-item-text-color

ドロップダウンが無効にされた項目のテキストの色。

Map

color: ('gray', 200)

必須

var bootstrap-drop-down
var base-dark-drop-down

variable dark-indigo-drop-down public

Dark indigo drop-down スキーマを生成します。

Deprecation message:

プロパティ

background-color

ドロップダウンの背景色。

Map

color: ('gray', 50)

header-text-color

ドロップダウンヘッダーテキストの色。

Map

contrast-color: ('gray', 50, .6)

item-text-color

ドロップダウン項目のテキストの色。

Map

contrast-color: ('gray', 50, .8)

item-icon-color

ドロップダウン項目のアイコンの色。

Map

contrast-color: ('gray', 50, .6)

hover-item-background

ドロップダウン項目のホバーの背景色。

Map

contrast-color: ('gray', 50, .1)

hover-item-text-color

ドロップダウン項目のホバーのテキストの色。

Map

contrast-color: ('gray', 50)

hover-item-icon-color

ドロップダウン項目のホバーのアイコンの色。

Map

contrast-color: ('gray', 50, .8)

focused-item-background

ドロップダウンフォーカスされた項目の背景色。

Color

transparent

focused-item-text-color

ドロップダウンフォーカスされた項目のテキストの色。

Map

contrast-color: ('gray', 50, .8)

selected-item-background

ドロップダウン選択された項目の背景色。

Map

color: ('primary', 400, .3)

selected-item-text-color

ドロップダウン選択された項目のテキストの色。

Map

contrast-color: ('gray', 50)

selected-item-icon-color

選択されたドロップダウン項目のアイコンの色。

Map

contrast-color: ('gray', 50, .8)

selected-hover-item-background

ドロップダウン選択された項目ホバーの背景色。

Map

color: ('primary', 400, .5)

selected-hover-item-text-color

ドロップダウン選択された項目ホバーのテキストの色。

Map

contrast-color: ('gray', 50)

selected-hover-item-icon-color

選択されたドロップダウン項目のホバーのアイコンの色。

Map

contrast-color: ('gray', 50)

selected-focus-item-background

ドロップダウン選択された項目フォーカスの背景色。

Map

color: ('primary', 400, .3)

selected-focus-item-text-color

ドロップダウン選択された項目フォーカスのテキストの色。

Map

contrast-color: ('gray', 50)

disabled-item-text-color

ドロップダウンが無効にされた項目のテキストの色。

Map

contrast-color: ('gray', 50, .2)

elevation

ドロップダウン影に使用される 0 から 24 までのエレベーションレベル。

Number

必須

var indigo-drop-down
var base-dark-drop-down
var dark-indigo-elevation-drop-down

variable base-dark-expansion-panel public

Dark expansion panel スキーマを生成します。

Deprecation message:

プロパティ

header-focus-background

パネルヘッダーフォーカスの背景色。

Map

color: ('gray', 100, .3)

次で使用

var dark-material-expansion-panel
var dark-fluent-expansion-panel
var dark-bootstrap-expansion-panel

variable dark-material-expansion-panel public

$material-expansion-panel と $base-dark-expansion-panel の組み合わせに基づいて dark material expansion panel スキーマを生成します。

Deprecation message:

必須

var material-expansion-panel
var base-dark-expansion-panel

variable dark-fluent-expansion-panel public

$fluent-expansion-panel と $base-dark-expansion-panel の組み合わせに基づいて dark fluent expansion panel スキーマを生成します。

Deprecation message:

必須

var fluent-expansion-panel
var base-dark-expansion-panel

variable dark-bootstrap-expansion-panel public

$bootstrap-expansion-panel と $base-dark-expansion-panel の組み合わせに基づいて dark bootstrap expansion panel スキーマを生成します。

Deprecation message:

プロパティ

header-background

パネルヘッダーの背景色。

Map

color: ('gray', 50)

body-background

パネル本体の背景色。

Map

color: ('gray', 50)

必須

var bootstrap-expansion-panel
var base-dark-expansion-panel

variable dark-indigo-expansion-panel public

Dark indigo expansion panel スキーマを生成します。

Deprecation message:

プロパティ

header-title-color

パネルヘッダータイトルテキストの色。

Map

contrast-color: ('gray', 50, 0.9)

header-description-color

パネルヘッダー説明のテキストの色。

Map

contrast-color: ('gray', 50, 0.7)

header-icon-color

パネルヘッダーのアイコンの色。

Map

contrast-color: ('gray', 50, 0.8)

body-color

パネル本体のテキストの色。

Map

contrast-color: ('gray', 50, 0.8)

disabled-text-color

パネルが無効なテキストの色。

Map

contrast-color: ('gray', 50, 0.2)

disabled-description-color

無効になっているパネルヘッダーの説明のテキストの色。

Map

contrast-color: ('gray', 50, 0.2)

必須

var indigo-expansion-panel

variable dark-material-grid-filtering public

Dark material grid-filtering スキーマを生成します。

Deprecation message:

必須

var material-grid-filtering

variable dark-fluent-grid-filtering public

Dark fluent grid-filtering スキーマを生成します。

Deprecation message:

必須

var fluent-grid-filtering

variable dark-bootstrap-grid-filtering public

Dark bootstrap grid-filtering スキーマを生成します。

Deprecation message:

必須

var bootstrap-grid-filtering

variable dark-indigo-grid-filtering public

Dark indigo grid-filtering スキーマを生成します。

Deprecation message:

必須

var indigo-grid-filtering

variable dark-material-grid-summary public

Dark material grid-summary スキーマを生成します。

Deprecation message:

必須

var material-grid-summary

variable dark-fluent-grid-summary public

Dark fluent grid-summary スキーマを生成します。

Deprecation message:

必須

var fluent-grid-summary

variable dark-bootstrap-grid-summary public

Dark bootstrap grid-summary スキーマを生成します。

Deprecation message:

必須

var bootstrap-grid-summary

variable dark-indigo-grid-summary public

Dark indigo grid-summary スキーマを生成します。

Deprecation message:

プロパティ

focus-background-color

集計項目にフォーカスがあるときの背景色。

Map

color: ('gray', 100)

label-color

集計ラベルの色。

Map

color: ('primary', 200)

label-hover-color

集計のホバーラベルの色。

Map

color: ('primary', 200)

result-color

集計の結果/値の色。

Map

contrast-color: 'surface'

border-color

集計の境界線の色。

Map

color: ('gray', 200)

pinned-border-color

集計パネルの境界線の色。

Map

color: ('gray', 200)

必須

var indigo-grid-summary

variable dark-indigo-grid-toolbar public

Dark indigo grid-toolbar スキーマを生成します。

Deprecation message:

プロパティ

border-color

ツールバーの下の境界線の色。

Map

color: ('gray', 200)

必須

var indigo-grid-toolbar

variable base-dark-grid public

Base dark grid スキーマを生成します。

Deprecation message:

プロパティ

content-background

テーブル本体の背景色。

Color

color: 'surface'

drop-area-background

ドロップ領域の背景色。

Map

color: ('gray', 100, .4)

header-border-color

ヘッダー境界線に使用される色。

Map

color: ('gray', 200, .24)

header-background

テーブルヘッダーの背景色。

Map

color: ('gray', 100)

header-selected-background

選択時のテーブルヘッダーの背景色 (列の選択など)。

Map

color: ('secondary', 600)

header-selected-text-color

選択時のテーブルヘッダーのテキストの色 (列の選択など)。

Map

contrast-color: ('secondary', 600)

row-border-color

行の下の境界線の色。

Map

color: ('gray', 200, .24)

row-hover-background

ホバー行の背景色。

Map

color: ('gray', 100)

row-hover-text-color

ホバー行のテキストの色。

Map

contrast-color: ('gray', 100)

row-selected-background

選択された行の背景色。

Map

color: ('secondary', 'A700')

row-selected-hover-background

選択された行のホバー背景色。

Map

color: ('secondary', 'A400')

row-selected-text-color

選択された行のテキストの色。

Map

contrast-color: ('secondary', 'A700')

row-selected-hover-text-color

選択された行のホバーテキストの色。

Map

contrast-color: ('secondary', 'A400')

row-highlight

行のハイライトの色。

Map

color: ('secondary', 500)

row-ghost-background

ドラッグされた行の背景色。

Map

color: ('primary', 900)

cell-selected-background

選択されたセルの背景色。

Map

color: ('gray', 100)

cell-selected-text-color

選択されたセルのテキストの色。

Map

contrast-color: ('gray', 100)

cell-selected-within-background

選択した行/列内の選択したセルの背景。

Map

color: ('secondary', 'A400')

cell-selected-within-text-color

選択した行/列内の選択したセルの色。

Map

contrast-color: ('secondary', 'A400')

grouparea-background

グリッドグループ領域の背景色。

Map

color: ('gray', 50)

group-row-background

グリッドグループ行の背景色。

Map

color: ('gray', 50)

group-row-selected-background

ドロップ色のドロップ領域の背景。

Map

color: ('gray', 100)

body-summaries-background

本体に配置される集計グループの背景色。

Map

color: ('gray', 100)

body-summaries-text-color

本体に配置される集計グループのテキストの色。

Map

contrast-color: ('gray', 100)

root-summaries-background

フッターに配置される集計グループの背景色。

Map

color: ('gray', 50)

root-summaries-text-color

フッターに配置される集計グループのテキストの色。

Map

contrast-color: ('gray', 200)

次で使用

var dark-material-grid
var dark-fluent-grid
var dark-bootstrap-grid

variable dark-material-grid public

$material-grid と $base-dark-grid の組み合わせに基づいて dark material grid スキーマを生成します。

Deprecation message:

必須

var material-grid
var base-dark-grid

variable dark-fluent-grid public

$fluent-grid と $base-dark-grid の混合に基づいて dark fluent grid スキーマを生成します。

Deprecation message:

プロパティ

header-selected-background

選択時のテーブルヘッダーの背景色 (列の選択など)。

Map

color: ('gray', 200)

header-selected-text-color

選択時のテーブルヘッダーのテキストの色 (列の選択など)。

Map

contrast-color: ('gray', 200)

row-selected-background

選択された行の背景色。

Map

color: ('gray', 100)

row-selected-hover-background

選択された行のホバー背景色。

Map

color: ('gray', 200)

row-selected-hover-text-color

選択された行のホバーテキストの色。

Map

contrast-color: ('gray', 200)

cell-selected-within-background

選択した行/列内の選択したセルの背景。

Map

color: ('gray', 200)

cell-selected-within-text-color

選択した行/列内の選択したセルの色。

Map

contrast-color: ('gray', 200)

group-row-background

グリッドグループ行の背景色。

Map

color: ('gray', 100, .5)

必須

var fluent-grid
var base-dark-grid

variable dark-bootstrap-grid public

$bootstrap-grid と $base-dark-grid の混合に基づいて dark bootstrap grid スキーマを生成します。

Deprecation message:

プロパティ

group-row-background

グリッドグループ行の背景色。

Map

color: 'surface'

group-row-selected-background

ドロップ色のドロップ領域の背景。

Map

color: 'surface'

header-background

テーブルヘッダーの背景色。

Map

color: ('gray', 50)

content-background

テーブル本体の背景色。

Map

color: ('gray', 50)

drop-area-background

ドロップ領域の背景色。

Map

color: ('gray', 100, .5)

grouparea-background

グリッドグループ領域の背景色。

Map

color: 'surface'

grouparea-color

グリッドグループ領域の色。

Map

contrast-color: 'surface'

root-summaries-background

フッターに配置される集計グループの背景色。

Map

color: ('gray', 100)

必須

var bootstrap-grid
var base-dark-grid

variable dark-indigo-grid public

Dark indigo grid スキーマを生成します。

Deprecation message:

プロパティ

content-text-color

テーブル本体のテキストの色。

Map

contrast-color: ('gray', 50, .8)

header-border-color

ヘッダー境界線に使用される色。

Map

color: ('gray', 200)

header-text-color

テーブルヘッダーテキストの色。

MAp

contrast-color: ('gray', 50, .9)

header-selected-background

選択時のテーブルヘッダーの背景色 (列の選択など)。

Map

color: ('primary', 900)

header-selected-text-color

選択時のテーブルヘッダーのテキストの色 (列の選択など)。

Map

contrast-color: ('gray' 50)

filtering-header-background

フィルター済み列ヘッダーの背景色。

Map

color: ('gray', 100)

filtering-header-text-color

フィルター済み列ヘッダーテキストの色。

Map

contrast-color: ('gray', 50)

pinned-border-color

ピン固定境界線の色。

Map

color: ('gray', 200)

drop-area-text-color

ドロップ領域テキストの色。

Map

contrast-color: ('gray', 50, .6)

drop-area-icon-color

ドロップ領域アイコンの色。

Map

contrast-color: ('gray', 50, .6)

row-border-color

行の下の境界線の色。

Map

color: ('gray', 100)

row-hover-background

ホバー行の背景色。

Map

color: ('primary', 100)

row-hover-text-color

ホバー行のテキストの色。

Map

contrast-color: ('gray', 50)

row-selected-background

選択された行の背景色。

Map

color: ('primary', 900)

row-selected-text-color

選択された行のテキストの色。

Map

contrast-color: ('primary', 900)

row-selected-hover-background

選択された行のホバーの背景色。

Map

color: ('primary', 700)

row-selected-hover-text-color

選択された行のテキストの色。

Map

contrast-color: ('gray', 50)

group-row-background

グリッドグループ行の背景色。

Map

color: 'surface'

group-row-selected-background

ドロップ色のドロップ領域の背景。

Map

color: ('gray', 200)

group-label-column-name-text

グリッドグループ行名前のテキストの色。

Map

contrast-color: ('gray', 50, .8)

group-label-icon

グリッドグループ行アイコンの色。

Map

contrast-color: ('gray', 50, .8)

group-label-text

グリッドグループ行テキストの色。

Map

contrast-color: ('gray', 50)

cell-selected-within-background

選択した行/列内の選択したセルの背景。

Map

color: ('primary', 700)

cell-selected-within-text-color

選択した行/列内の選択したセルの色。

Map

contrast-color: ('primary', 900)

cell-selected-background

選択されたセルの背景色。

Map

color: ('primary', 900)

cell-selected-text-color

選択されたセルのテキストの色。

Map

contrast-color: ('primary', 900)

root-summaries-background

フッターに配置される集計グループの背景色。

Map

color: 'surface'

root-summaries-text-color

フッターに配置される集計グループのテキストの色。

Map

contrast-color: 'surface'

body-summaries-background

本体に配置される集計グループの背景色。

Map

color: 'surface'

body-summaries-text-color

本体に配置される集計グループのテキストの色。

Map

contrast-color: 'surface'

expand-icon-color

グリッド行の展開アイコンの色。

Map

contrast-color: ('gray', 50, .8)

expand-icon-hover-color

グリッド行の展開アイコンホバーの色。

Map

contrast-color: ('gray', 50)

active-expand-icon-color

ドロップ色のドロップ領域の背景。

Map

contrast-color: ('gray', 50, .8)

drop-area-on-drop-background

ドロップ色のドロップ領域の背景。

Map

color: ('gray', 100)

header-background

テーブルヘッダーの背景色。

Map

color: ('surface', 500)

content-background

テーブル本体の背景色。

Map

color: ('surface', 500)

cell-editing-background

セルが編集モードに入っているペインを返します。

Map

color: ('gray' 100)

cell-editing-foreground

編集モードのセルのテキストの色。

Map

contrast-color: ('gray', 50)

cell-edited-value-color

セル編集値の色。

Map

contrast-color: ('gray', 50)

cell-disabled-color

無効なセルのテキストの色。

Map

contrast-color: ('gray', 50, .2)

drop-area-background

ドロップ領域の背景色。

Map

color: ('gray', 100)

excel-filtering-actions-foreground

Excel スタイルフィルタリングオプションのテキストの色。

Map

contrast-color: ('gray', 50, .9)

excel-filtering-actions-hover-foreground

ホバー/フォーカス状態の Excel スタイルフィルタリングオプションのテキストの色。

Map

contrast-color: ('gray', 50)

excel-filtering-actions-disabled-foreground

無効な状態の Excel スタイルフィルタリングオプションのテキストの色。

Map

contrast-color: ('gray', 50, .2)

row-ghost-background

ドラッグされた行の背景色。

Map

color: ('gray', 100)

必須

var indigo-grid

variable dark-base-highlight public

Base dark grid-toolbar スキーマを生成します。

Deprecation message:

プロパティ

resting-background

静止状態の強調表示に使用される背景色。

Map

color: ('gray', 200)

resting-color

静止状態の強調表示に使用されるアイコンの色。

Map

contrast-color: ('gray', 200)

次で使用

var dark-material-highlight
var dark-highlight
var dark-fluent-highlight
var dark-bootstrap-highlight
var dark-indigo-highlight

variable dark-material-highlight public

Dark material highlight スキーマを生成します。

Deprecation message:

必須

var material-highlight
var dark-base-highlight

variable dark-highlight public

Dark highlight スキーマを生成します。

Deprecation message:

必須

var light-highlight
var dark-base-highlight

variable dark-fluent-highlight public

Dark fluent highlight スキーマを生成します。

Deprecation message:

必須

var fluent-highlight
var dark-base-highlight

variable dark-bootstrap-highlight public

Dark bootstrap highlight スキーマを生成します。

Deprecation message:

プロパティ

active-background

アクティブ状態の強調表示に使用される背景色。

Map

color: ('primary', A100)

active-color

[contrast-color: ('primary', A100) - アクティブ状態の強調表示に使用されるテキストの色。

Map

none

必須

var bootstrap-highlight
var dark-base-highlight

variable dark-indigo-highlight public

Dark indigo highlight スキーマを生成します。

Deprecation message:

必須

var indigo-highlight
var dark-base-highlight

variable material-flat-icon-button-dark public

Dark material flat icon button スキーマを生成します。

Deprecation message:

次で使用

var dark-material-icon-button

必須

var material-flat-icon-button

variable material-contained-icon-button-dark public

Dark material contained icon button スキーマを生成します。

Deprecation message:

プロパティ

background

Material contained icon button の背景色。

Map

color: ('gray', 900, .24)

hover-background

Material contained icon button のホバー背景色。

Map

color: ('gray', 900, .32)

focus-background

Material contained icon button のフォーカス表示の背景色。

Map

color: ('gray', 900, .4)

focus-hover-background

Material contained icon button のフォーカス時ホバー状態の背景色。

Map

color: ('gray', 900, .44)

active-background

Material contained icon button のアクティブ表示の背景色。

Map

color: ('gray', 900, .5)

disabled-background

Material contained icon button の無効な背景色。

Map

color: ('gray', 900, .16)

次で使用

var dark-material-icon-button

必須

var material-contained-icon-button

variable material-outlined-icon-button-dark public

Dark material outlined icon button スキーマを生成します。

Deprecation message:

次で使用

var dark-material-icon-button

必須

var material-outlined-icon-button

variable dark-material-icon-button public

Dark material icon button スキーマを生成します。

Deprecation message:

必須

var material-flat-icon-button-dark
var material-outlined-icon-button-dark
var material-contained-icon-button-dark

variable fluent-base-icon-button-dark public

Deprecation message:

プロパティ

hover-background

Fluent icon button のホバー背景色。

Map

color: ('gray', 50)

focus-border-color

Fluent dark icon button のフォーカス表示の境界線の色。

Map

color: ('gray', 400)

focus-hover-background

Icon button のフォーカス時のホバー状態の背景色。

Map

color: ('gray', 50)

active-background

Fluent icon button のアクティブ表示の背景色。

Map

color: ('gray', 100)

disabled-background

Icon button の無効表示の背景色。

Map

color: ('gray', 50)

disabled-foreground

Icon button の無効表示の前景色。

Map

color: ('gray', 200)

次で使用

var fluent-flat-icon-button-dark
var fluent-contained-icon-button-dark
var fluent-outlined-icon-button-dark

variable fluent-flat-icon-button-dark public

Dark fluent flat icon button スキーマを生成します。

Deprecation message:

プロパティ

foreground

Fluent icon button のアイドルテキストの色。

Map

color: ('primary', 300)

hover-foreground

Fluent icon button のホバーテキストの色。

Map

color: ('primary', 200)

focus-foreground

Fluent icon button のフォーカス表示のテキストの色。

Map

color: ('primary', 300)

focus-hover-foreground

Icon button のフォーカス時のホバー状態の前景色。

Map

color: ('primary', 200)

active-foreground

Fluent icon button のアクティブ表示のテキストの色。

Map

color: ('primary', 100)

次で使用

var dark-fluent-icon-button

必須

var fluent-flat-icon-button
var fluent-base-icon-button-dark

variable fluent-contained-icon-button-dark public

Dark fluent contained icon button スキーマを生成します。

Deprecation message:

プロパティ

background

Fluent dark contained icon button の背景色。

Map

color: ('primary', 300)

foreground

Dark contained icon button のアイドルテキストの色。

Map

contrast-color: ('primary', 300)

hover-background

Fluent dark contained icon button のホバー背景色。

Map

color: ('primary', 200)

hover-foreground

Fluent dark contained icon button のホバーテキストの色。

Map

contrast-color: ('primary', 300)

focus-background

Fluent dark contained icon button のフォーカス背景色。

Map

color: ('primary', 300)

focus-foreground

Fluent dark contained icon button のフォーカス表示のテキストの色。

Map

contrast-color: ('primary', 300)

focus-hover-background

Icon button のフォーカス時のホバー状態の背景色。

Map

color: ('primary', 200)

focus-hover-foreground

Icon button のフォーカス時のホバー状態の前景色。

Map

contrast-color: ('primary', 300)

active-background

Fluent dark contained icon button のアクティブ表示の背景色。

Map

color: ('primary', 100)

active-foreground

Fluent dark contained icon button のアクティブ表示のテキストの色。

Map

contrast-color: ('primary', 300)

focus-border-color

Fluent dark contained icon button のフォーカス表示の境界線の色。

Map

contrast-color: ('primary', 300)

次で使用

var dark-fluent-icon-button

必須

var fluent-contained-icon-button
var fluent-base-icon-button-dark

variable fluent-outlined-icon-button-dark public

Dark fluent outlined icon button スキーマを生成します。

Deprecation message:

プロパティ

border-color

Fluent outlined icon button の境界線の色。

Map

color: ('gray', 400)

disabled-border-color

Outlined icon button の無効なフォーカス境界線の色。

Map

color: ('gray', 100)

次で使用

var dark-fluent-icon-button

必須

var fluent-outlined-icon-button
var fluent-base-icon-button-dark

variable dark-fluent-icon-button public

Dark fluent icon button スキーマを生成します。

Deprecation message:

必須

var fluent-flat-icon-button-dark
var fluent-outlined-icon-button-dark
var fluent-contained-icon-button-dark

variable bootstrap-flat-icon-button-dark public

Dark bootstrap flat icon button スキーマを生成します。

Deprecation message:

次で使用

var dark-bootstrap-icon-button

必須

var bootstrap-flat-icon-button

variable bootstrap-contained-icon-button-dark public

Dark bootstrap contained icon button スキーマを生成します。

Deprecation message:

次で使用

var dark-bootstrap-icon-button

必須

var bootstrap-contained-icon-button

variable bootstrap-outlined-icon-button-dark public

Dark bootstrap outlined icon button スキーマを生成します。

Deprecation message:

次で使用

var dark-bootstrap-icon-button

必須

var bootstrap-outlined-icon-button

variable dark-bootstrap-icon-button public

Dark bootstrap icon button スキーマを生成します。

Deprecation message:

必須

var bootstrap-flat-icon-button-dark
var bootstrap-outlined-icon-button-dark
var bootstrap-contained-icon-button-dark

variable indigo-base-icon-button-dark public

Dark base indigo icon button スキーマを生成します。

Deprecation message:

プロパティ

foreground

Indigo icon button のアイドルテキストの色。

Map

contrast-color: ('primary', 500, .8)

hover-background

Indigo icon button のホバー背景色。

Map

contrast-color: ('primary', 500, .1)

hover-foreground

Indigo icon button のホバーテキストの色。

Map

contrast-color: ('primary', 500)

focus-foreground

Indigo icon button のフォーカス表示のテキストの色。

Map

contrast-color: ('primary', 500, .8)

focus-hover-background

Icon button のフォーカス時のホバー状態の背景色。

Map

contrast-color: ('primary', 500, .1)

focus-hover-foreground

Icon button のフォーカス時のホバー状態の前景色。

Map

contrast-color: ('primary', 500)

focus-border-color

Indigo icon button のフォーカス表示の境界線の色。

Map

contrast-color: ('primary', 500, .2)

active-background

Indigo icon button のアクティブ表示の背景色。

Map

contrast-color: ('primary', 500, .1)

active-foreground

Indigo icon button のアクティブ表示のテキストの色。

Map

contrast-color: ('primary', 500)

disabled-foreground

Indigo icon button の無効表示の前景色。

Map

contrast-color: ('gray', 50, .2)

shadow-color

Indigo icon button の影の色。

Map

contrast-color: ('primary', 500, 0.2)

variable indigo-flat-icon-button-dark public

Dark indigo flat icon button スキーマを生成します。

Deprecation message:

次で使用

var dark-indigo-icon-button

必須

var indigo-flat-icon-button

variable indigo-outlined-icon-button-dark public

Dark indigo outlined icon button スキーマを生成します。

Deprecation message:

プロパティ

border-color

Indigo outlined icon button の境界線の色。

Map

contrast-color: ('primary', 500, 0.6)

disabled-border-color

Indigo outlined icon button の無効表示の境界線の色。

Map

contrast-color: ('primary', 500, 0.2)

次で使用

var dark-indigo-icon-button

必須

var indigo-outlined-icon-button

variable indigo-contained-icon-button-dark public

Dark indigo contained icon button スキーマを生成します。

Deprecation message:

プロパティ

hover-background

Indigo icon button のホバー背景色。

Map

color: ('primary', 400)

focus-hover-background

Icon button のフォーカス時のホバー状態の背景色。

Map

color: ('primary', 400)

focus-border-color

Indigo icon button のフォーカス表示の境界線の色。

Map

contrast-color: ('primary', 400, .5)

active-background

Indigo contained icon button のアクティブ表示の背景色。

Map

color: ('primary', 400)

次で使用

var dark-indigo-icon-button

必須

var indigo-contained-icon-button

variable dark-indigo-icon-button public

Dark indigo icon button スキーマを生成します。

Deprecation message:

必須

var indigo-flat-icon-button-dark
var indigo-outlined-icon-button-dark
var indigo-contained-icon-button-dark

variable dark-material-icon public

Dark material icon スキーマを生成します。

Deprecation message:

必須

var material-icon

variable dark-fluent-icon public

Dark fluent icon スキーマを生成します。

Deprecation message:

プロパティ

disabled-color

アイコンの色。

Map

color: ('gray' 500)

必須

var fluent-icon

variable dark-bootstrap-icon public

Dark bootstrap icon スキーマを生成します。

Deprecation message:

必須

var bootstrap-icon

variable dark-indigo-icon public

Dark indigo icon スキーマを生成します。

Deprecation message:

必須

var indigo-icon

variable dark-material-schema public

Мaterial コンポーネントテーマを作成するために使用されます。ダークパレットと組み合わせて使用します。

Deprecation message:

variable dark-fluent-schema public

Fluent コンポーネントテーマの作成に使用します。ダークパレットと組み合わせて使用します。

Deprecation message:

variable dark-bootstrap-schema public

Bootstrap コンポーネントテーマの作成に使用します。ダークパレットと組み合わせて使用します。

Deprecation message:

variable dark-indigo-schema public

Indigo コンポーネントテーマの作成に使用します。ダークパレットと組み合わせて使用します。

Deprecation message:

variable dark-material-input-group public

Dark material input-group スキーマを生成します。

Deprecation message:

プロパティ

box-background-focus

フォーカス時の Box 型の入力グループの背景色。

Map

color: ('gray', 100)

hover-bottom-line-color

ホバー状態の下線と境界線の色。

Map

color: ('gray', 800)

必須

var material-input-group

variable dark-fluent-input-group public

Dark fluent input-group スキーマを生成します。

Deprecation message:

プロパティ

input-prefix-background

Line、box および border 型の入力プレフィックスのための背景色。

Map

color: ('gray', 100)

input-suffix-background

Line、box および border 型の入力サフィックスのための背景色。

Map

color: ('gray', 100)

box-background

Box 型の入力グループのための背景色。

Map

color: ('gray', 100)

border-color

Border および fluent 型の入力グループのための境界線の色。

Map

color: ('gray', 500)

hover-border-color

Border および fluent 型の入力グループのためのホバー入力の境界線。

Map

color: ('gray', 700)

focused-border-color

Border および fluent 型の入力グループのためのフォーカスされた入力の境界線の色。

Map

color: ('gray', 500)

disabled-border-color

Border および fluent 型の入力グループのための無効な境界線の色。

Map

color: ('gray', 100)

必須

var fluent-input-group

variable dark-bootstrap-input-group public

Dark bootstrap input-group スキーマを生成します。

Deprecation message:

必須

var bootstrap-input-group

variable dark-indigo-input-group public

Dark indigo input-group スキーマを生成します。

Deprecation message:

プロパティ

input-prefix-color

Line、box および border 型の入力プレフィックスのためのテキストの色。

Map

contrast-color: ('gray', 50, .6)

input-suffix-color

Line、box および border 型の入力サフィックスのためのテキストの色。

Map

contrast-color: ('gray', 50, .6)

input-prefix-color--filled

塗りつぶされた状態の入力プレフィックスの色。

Map

contrast-color: ('gray', 50, .6)

input-suffix-color--filled

塗りつぶされた状態の入力サフィックスの色。

Map

contrast-color: ('gray', 50, .6)

input-prefix-color--focused

フォーカス状態の入力プレフィックスの色。

Map

contrast-color: ('gray', 50, .6)

input-suffix-color--focused

フォーカス状態の入力サフィックスの色。

Map

contrast-color: ('gray', 50, .6)

idle-bottom-line-color

アイドル状態の下線と境界線の色。

Map

contrast-color: ('gray', 50, .4)

hover-bottom-line-color

ホバー状態の下線と境界線の色。

Map

contrast-color: ('gray', 50, .8)

disabled-bottom-line-color

無効な状態の下線と境界線の色。

Map

contrast-color: ('gray', 50, .15)

helper-text-color

ヘルパーのテキストの色。

Map

contrast-color: ('gray', 50, .8)

idle-text-color

アイドル状態の入力テキストの色。

Map

contrast-color: ('gray', 50, .8)

filled-text-color

塗りつぶされた状態の入力テキストの色。

Map

contrast-color: ('gray', 50, .8)

filled-text-hover-color

ホバー時の塗りつぶされた状態の入力テキストの色。

Map

contrast-color: ('gray', 50)

disabled-text-color

無効な状態の入力テキストの色。

Map

contrast-color: ('gray', 50, .2)

box-background-hover

ホバー時の Box 型の入力グループの背景色。

Map

contrast-color: ('gray', 50, .1)

idle-secondary-color

アイドル状態のラベルの色。

Map

contrast-color: ('gray', 50, .6)

focused-text-color

フォーカスした状態の入力テキストの色。

Map

contrast-color: ('gray', 50)

focused-secondary-color

フォーカスした状態のラベルの色。

Map

contrast-color: ('gray', 50, .6)

placeholder-color

入力グループのプレースホルダーの色。

Map

contrast-color: ('gray', 50, .6)

hover-placeholder-color

ホバー時の入力グループのプレースホルダーの色。

Map

contrast-color: ('gray', 50, .8)

disabled-placeholder-color

無効の入力グループのプレースホルダーの色。

Map

contrast-color: ('gray', 50, .2)

必須

var indigo-input-group

variable dark-material-label public

Dark material label スキーマを生成します。

Deprecation message:

必須

var material-label

variable dark-fluent-label public

Dark fluent label スキーマを生成します。

Deprecation message:

必須

var fluent-label

variable dark-bootstrap-label public

Dark bootstrap label スキーマを生成します。

Deprecation message:

必須

var bootstrap-label

variable dark-indigo-label public

Dark indigo label スキーマを生成します。

Deprecation message:

プロパティ

color

ラベルの色。

Color

contrast-color: ('surface')

variable base-dark-list public

Base dark list スキーマを生成します。

Deprecation message:

プロパティ

item-background-hover

リスト項目ホバーの背景色。

Map

color: ('gray', 100)

item-background-active

アクティブリスト項目の背景色。

Map

color: ('gray', 100)

次で使用

var dark-material-list
var dark-fluent-list

variable dark-material-list public

Dark material list スキーマを生成します。

Deprecation message:

必須

var material-list
var base-dark-list

variable dark-fluent-list public

Dark fluent list スキーマを生成します。

Deprecation message:

必須

var fluent-list
var base-dark-list

variable dark-bootstrap-list public

Dark bootstrap list スキーマを生成します。

Deprecation message:

プロパティ

border-color

リストの境界線の色。

Map

color: ('gray', 100)

item-background

リスト項目の背景色。

Map

color: ('gray', 50)

item-background-hover

リスト項目ホバーの背景色。

Map

color: ('gray', 100)

item-background-active

アクティブリスト項目の背景色。

Map

color: ('gray', 100)

header-background

リストヘッダーの背景色。

Map

color: ('gray', 50)

必須

var bootstrap-list

variable dark-indigo-list public

Dark indigo list スキーマを生成します。

Deprecation message:

プロパティ

header-text-color

リストヘッダーのテキストの色。

Map

contrast-color: ('gray', 50, .6)

item-background-hover

リスト項目ホバーの背景色。

Map

color: ('primary', 400, .3)

item-background-active

アクティブリスト項目の背景色。

Map

color: ('primary')

item-text-color

リスト項目テキストの色。

Map

contrast-color: ('gray', 50, .9)

item-text-color-hover

リスト項目テキストの色。

Map

contrast-color: ('gray', 50)

item-text-color-active

アクティブリスト項目テキストの色。

Map

contrast-color: ('gray', 50)

item-subtitle-color

リスト項目サブタイトルの色。

Map

contrast-color: ('gray', 50, .7)

item-subtitle-color-hover

リスト項目サブタイトルホバーの色。

Map

contrast-color: ('gray', 50, .8)

item-subtitle-color-active

リスト項目サブタイトルアクティブの色。

Map

contrast-color: ('gray', 50, .8)

item-thumbnail-color

リスト項目サムネイルの色。

Map

contrast-color: ('gray', 50, .6)

item-thumbnail-color-hover

リスト項目サムネイルホバーの色。

Map

contrast-color: ('gray', 50, .8)

item-thumbnail-color-active

リスト項サムネイルアクティブの色。

Map

contrast-color: ('gray', 50, .8)

item-action-color

リスト項目アクションの色。

Map

contrast-color: ('gray', 50, .6)

item-action-color-hover

リスト項目アクションホバーの色。

Map

contrast-color: ('gray', 50, .8)

item-action-color-active

リスト項目アクションアクティブの色。

Map

contrast-color: ('gray', 50, .8)

必須

var indigo-list

variable dark-material-navbar public

Dark material navbar スキーマを生成します。

Deprecation message:

プロパティ

background

ナビゲーションバーの背景色。

Map

color: ('primary', 800)

border-color

ナビゲーションバーの境界線の色。

Color

transparent

text-color

ナビゲーションバーのテキストの色。

Map

contrast-color: ('primary', 800)

必須

var material-navbar

variable dark-fluent-navbar public

Dark fluent navbar スキーマを生成します。

Deprecation message:

必須

var fluent-navbar

variable dark-bootstrap-navbar public

Dark bootstrap navbar スキーマを生成します。

Deprecation message:

必須

var bootstrap-navbar

variable dark-indigo-navbar public

Dark indigo navbar スキーマを生成します。

Deprecation message:

プロパティ

text-color

ナビゲーションバーのテキストの色。

Map

contrast-color: ('gray', 100)

idle-icon-color

ナビゲーションバーのアイドルアイコンの色。

Map

contrast-color: ('gray', 100, 0.8)

hover-icon-color

ナビゲーションバーのホバーアイコンの色。

Map

contrast-color: ('gray', 100)

border-color

ナビゲーションバーの境界線の色。

Color

color: ('primary', 200)

必須

var indigo-navbar

variable dark-base-navdrawer public

Base dark navdrawer スキーマを生成します。

Deprecation message:

プロパティ

item-disabled-text-color

無効な項目のテキストの色。

Map

color: ('gray', 200)

item-disabled-icon-color

無効な項目のアイコンの色。

Map

color: ('gray', 200)

必須

var material-navdrawer

variable dark-material-navdrawer public

Dark material navdrawer スキーマを生成します。

Deprecation message:

プロパティ

item-disabled-text-color

無効な項目のテキストの色。

Map

color: ('gray', 300)

必須

var material-navdrawer

variable dark-fluent-navdrawer public

Dark fluent navdrawer スキーマを生成します。

Deprecation message:

プロパティ

item-hover-icon-color

項目のホバーアイコンの色。

Map

color: ('primary', 100)

item-icon-color

項目のアイコンの色。

Map

color: ('primary', 200)

item-hover-background

項目のホバーの背景色。

Map

color: ('gray', 200, .12)

item-active-text-color

項目のアクティブテキストの色。

Map

color: ('primary', 200)

item-active-icon-color

項目のアイコンアクティブの色。

Map

color: ('primary', 100)

item-active-background

項目のアクティブの背景色。

Map

color: ('primary', 300, .12)

必須

var fluent-navdrawer

variable dark-bootstrap-navdrawer public

Dark bootstrap navdrawer スキーマを生成します。

Deprecation message:

プロパティ

item-hover-background

項目のホバーの背景色。

Map

color: ('gray', 200, .8)

必須

var bootstrap-navdrawer

variable dark-indigo-navdrawer public

Dark indigo navdrawer スキーマを生成します。

Deprecation message:

プロパティ

item-header-text-color

ヘッダーのアイドルテキストの色。

Map

contrast-color: ('gray', 50, 0.6)

item-text-color

項目のアイドルテキストの色。

Map

contrast-color: ('gray', 50, 0.8)

item-icon-color

項目のアイコンの色。

Map

contrast-color: ('gray', 50, 0.6)

item-active-text-color

項目のアクティブテキストの色。

Map

color: ('primary', 100)

item-active-background

項目のアクティブの背景色。

Map

color: ('primary', 400, .3)

item-active-icon-color

項目のアイコンアクティブの色。

Map

color: ('primary', 200)

item-hover-background

項目のホバーの背景色。

Map

contrast-color: ('gray', 50, 0.1)

item-hover-text-color

項目のホバーテキストの色。

Map

contrast-color: ('gray', 50)

item-hover-icon-color

項目のホバーアイコンの色。

Map

contrast-color: ('gray', 50, 0.8)

item-disabled-text-color

無効な項目のテキストの色。

Map

contrast-color: ('gray', 50, 0.2)

item-disabled-icon-color

無効な項目のアイコンの色。

Map

contrast-color: ('gray', 50, 0.2)

border-color

ナビゲーションドロワーの右境界線の色。

Map

color: ('gray', 100)

必須

var indigo-navdrawer

variable dark-material-overlay public

Dark material overlay スキーマを生成します。

Deprecation message:

必須

var material-overlay

variable dark-fluent-overlay public

Dark fluent overlay スキーマを生成します。

Deprecation message:

プロパティ

background-color

モーダルオーバレイのために使用される背景色。

Color

rgba(0, 0, 0, .4)

必須

var fluent-overlay

variable dark-bootstrap-overlay public

Dark bootstrap overlay スキーマを生成します。

Deprecation message:

必須

var bootstrap-overlay

variable dark-indigo-overlay public

Dark indigo overlay スキーマを生成します。

Deprecation message:

必須

var indigo-overlay

variable base-dark-pagination public

Base dark pagination スキーマを生成します。

Deprecation message:

プロパティ

background-color

ページングパネルの背景色。

Map

color: ('surface')

次で使用

var dark-material-pagination
var dark-fluent-pagination

variable dark-material-pagination public

Dark material pagination スキーマを生成します。

Deprecation message:

必須

var material-pagination
var base-dark-pagination

variable dark-fluent-pagination public

Dark fluent pagination スキーマを生成します。

Deprecation message:

必須

var fluent-pagination
var base-dark-pagination

variable dark-bootstrap-pagination public

Dark bootstrap pagination スキーマを生成します。

Deprecation message:

必須

var bootstrap-pagination

variable dark-indigo-pagination public

Dark indigo pagination スキーマを生成します。

Deprecation message:

プロパティ

border-color

ページングパネルの境界線の色。

Map

color: ('gray', 200)

必須

var indigo-pagination

variable dark-material-pivot-data-selector public

Dark material pivot data selector スキーマを生成します。

Deprecation message:

必須

var material-pivot-data-selector

variable dark-fluent-pivot-data-selector public

Dark fluent pivot data selector スキーマを生成します。

Deprecation message:

必須

var fluent-pivot-data-selector

variable dark-bootstrap-pivot-data-selector public

Dark bootstrap pivot data selector スキーマを生成します。

Deprecation message:

必須

var bootstrap-pivot-data-selector

variable dark-indigo-pivot-data-selector public

Dark indigo pivot data selector スキーマを生成します。

Deprecation message:

必須

var indigo-pivot-data-selector

variable dark-base-progress-linear public

Base dark progress-linear スキーマを生成します。

Deprecation message:

プロパティ

track-color

主要トラックの色。

Map

color: ('gray', 100)

stripes-color

トラックのストライプの色。

Map

color: ('gray', 900, .7)

次で使用

var dark-material-progress-linear
var dark-fluent-progress-linear

variable dark-material-progress-linear public

Dark material progress-linear スキーマを生成します。

Deprecation message:

必須

var material-progress-linear
var dark-base-progress-linear

variable dark-fluent-progress-linear public

Dark fluent progress-linear スキーマを生成します。

Deprecation message:

必須

var fluent-progress-linear
var dark-base-progress-linear

variable dark-bootstrap-progress-linear public

Dark bootstrap progress-linear スキーマを生成します。

Deprecation message:

プロパティ

stripes-color

トラックのストライプの色。

Map

color: ('gray', 900, .2)

必須

var bootstrap-progress-linear

variable dark-indigo-progress-linear public

Dark indigo progress-linear スキーマを生成します。

Deprecation message:

プロパティ

text-color

トラック値テキストの色。

Map

contrast-color: ('gray', 50, .8)

track-color

主要トラックの色。

Map

contrast-color: ('gray', 50, .2)

必須

var indigo-progress-linear

variable dark-base-progress-circular public

Base dark progress-circular スキーマを生成します。

Deprecation message:

プロパティ

base-circle-color

主要トラックの色。

Map

color: ('gray', 100)

次で使用

var dark-material-progress-circular
var dark-fluent-progress-circular
var dark-bootstrap-progress-circular

variable dark-material-progress-circular public

Dark material progress-circular スキーマを生成します。

Deprecation message:

必須

var material-progress-circular
var dark-base-progress-circular

variable dark-fluent-progress-circular public

Dark fluent progress-circular スキーマを生成します。

Deprecation message:

必須

var fluent-progress-circular
var dark-base-progress-circular

variable dark-bootstrap-progress-circular public

Dark bootstrap progress-circular スキーマを生成します。

Deprecation message:

必須

var bootstrap-progress-circular
var dark-base-progress-circular

variable dark-indigo-progress-circular public

Dark indigo progress-circular スキーマを生成します。

Deprecation message:

プロパティ

base-circle-color

基本円の塗りつぶし色。

Map

contrast-color: ('gray', 50, .2)

text-color

値テキストの色。

Map

contrast-color: ('gray', 50, .8)

必須

var indigo-progress-circular

variable dark-material-query-builder public

Dark material query builder スキーマを生成します。

Deprecation message:

参照先

var material-query-builder

必須

var material-query-builder

variable dark-fluent-query-builder public

Dark fluent query builder スキーマを生成します。

Deprecation message:

参照先

var fluent-query-builder

必須

var fluent-query-builder

variable dark-bootstrap-query-builder public

Dark bootstrap query builder スキーマを生成します。

Deprecation message:

variable dark-indigo-query-builder public

Dark indigo query builder スキーマを生成します。

Deprecation message:

プロパティ

background

フィルタリング行の背景色。

Map

color: ('gray', 50)

header-border

クエリビルダーの、ヘッダーの境界線の色。

Map

color: ('gray', 100)

必須

var indigo-query-builder

variable dark-material-radio public

Dark material radio スキーマを生成します。

Deprecation message:

必須

var material-radio

variable dark-fluent-radio public

Dark fluent radio スキーマを生成します。

Deprecation message:

プロパティ

hover-color

ホバー時の境界線と点の色。

Map

color: ('gray', 400)

fill-color

チェックされた境界線と点の色。

Map

color: ('primary', 300)

fill-hover-border-color

ラベルテキストに使用されるテキストの色。

Map

color: ('primary', 100)

fill-color-hover

ホバー時のチェックされた境界線と点の色。

Map

color: ('primary', 100)

focus-outline-color

フォーカスアウトラインの色。

Map

color: ('gray', 400)

error-color

無効な状態のラベル、境界線、および点の色。

Map

color: ('error', 100)

error-color-hover

ホバー時の無効な状態の境界線と点の色。

Map

color: ('error', 50)

disabled-color

無効にされた境界と点色。

Map

color: ('gray', 100)

disabled-fill-color

無効になっているチェック済みの境界線と点の色。

Map

color: ('gray', 100)

disabled-label-color

無効のラベルの色。

Map

color: ('gray', 300)

必須

var fluent-radio

variable dark-bootstrap-radio public

Dark bootstrap radio スキーマを生成します。

Deprecation message:

プロパティ

focus-outline-color

フォーカスのアウトラインの色。

Map

color: ('primary', 900, 0.5)

focus-outline-color-error

ラジオが無効な場合のフォーカスのアウトラインの色。

Map

color: ('error', 900, 0.5)

error-color

無効な状態のラベル、境界線、および点の色。

Map

color: ('error', 300)

error-color-hover

無効な状態のフォーカスアウトラインの色。

Map

color: ('error', 400)

disabled-color

無効の境界線の色。

Map

color: ('gray', 100)

disabled-label-color

無効のラベルの色。

Map

color: ('gray', 300)

必須

var bootstrap-radio

variable dark-indigo-radio public

Dark indigo radio スキーマを生成します。

Deprecation message:

プロパティ

label-color

ラベルテキストに使用されるテキストの色。

Map

contrast-color: ('primary', 500, 0.8)

label-color-hover

ホバー時のラベルテキストに使用されるテキストの色。

Map

contrast-color: ('primary', 500)

hover-color

ラベルテキストに使用されるテキストの色。

Map

contrast-color: ('primary', 500, 0.8)

focus-outline-color

フォーカスアウトラインの色。

Map

contrast-color: ('primary', 500, 0.2)

empty-color

未チェック境界線の色。

Map

contrast-color: ('primary', 500, 0.6)

disabled-color

無効にされた境界と点色。

Map

contrast-color: ('primary', 500, 0.2)

disabled-label-color

無効のラベルの色。

Map

contrast-color: ('primary', 500, 0.2)

error-color

無効な状態のラベル、境界線、および点の色。

Map

color: ('error', 400)

error-color-hover

無効な状態のフォーカスアウトラインの色。

Map

color: ('error', 300)

focus-outline-color-error

ラジオが塗りつぶされて無効な場合のフォーカスのアウトラインの色。

Map

color: ('error', 400, 0.5)

必須

var indigo-radio

variable dark-material-rating public

Dark material rating スキーマを生成します。

Deprecation message:

必須

var material-rating

variable dark-fluent-rating public

Dark fluent rating スキーマを生成します。

Deprecation message:

プロパティ

symbol-full-color

プレーンテキストの場合、選択状態のシンボルの色を設定します。

Map

color: ('gray', 800)

symbol-empty-color

プレーンテキストの場合、シンボルのアイドル色を設定します。

Map

color: ('gray', 400)

disabled-full-symbol-color

プレーンテキストの場合、選択/無効状態のシンボルの色を設定します。

Map

color: ('warn', 900)

disabled-empty-symbol-color

プレーンテキストの場合、シンボルのアイドル色を無効状態に設定します。

Map

color: ('warn', 900)

必須

var fluent-rating

variable dark-bootstrap-rating public

Dark bootstrap rating スキーマを生成します。

Deprecation message:

必須

var bootstrap-rating

variable dark-indigo-rating public

Dark indigo rating スキーマを生成します。

Deprecation message:

プロパティ

label-color

ラベルの色を設定します。

Map

contrast-color: ('gray', 50, .8)

value-label

値ラベルの色を設定します。

Map

contrast-color: ('gray', 50, .8)

symbol-empty-color

プレーンテキストの場合、シンボルのアイドル色を設定します。

Map

color: ('gray', 300)

disabled-label-color

無効な状態のラベルの色を設定します。

Map

color: ('contrast-color', 50, .2)

disabled-value-label

無効な状態の値の色を設定します。

Map

color: ('contrast-color', 50, .2)

disabled-empty-symbol-color

プレーンテキストの場合、シンボルのアイドル色を無効状態に設定します。

Map

color: ('gray', 300, .4)

必須

var indigo-rating

variable dark-material-ripple public

Dark material ripple スキーマを生成します。

Deprecation message:

必須

var material-ripple

variable dark-fluent-ripple public

Dark fluent ripple スキーマを生成します。

Deprecation message:

必須

var fluent-ripple

variable dark-bootstrap-ripple public

Dark bootstrap ripple スキーマを生成します。

Deprecation message:

必須

var bootstrap-ripple

variable dark-indigo-ripple public

Dark indigo ripple スキーマを生成します。

Deprecation message:

必須

var indigo-ripple

variable dark-material-scrollbar public

Dark material scrollbar スキーマを生成します。

Deprecation message:

必須

var material-scrollbar

variable dark-fluent-scrollbar public

Dark fluent scrollbar スキーマを生成します。

Deprecation message:

必須

var fluent-scrollbar

variable dark-bootstrap-scrollbar public

Dark bootstrap scrollbar スキーマを生成します。

Deprecation message:

プロパティ

sb-thumb-bg-color

つまみに使用される背景色。

Map

color: ('gray', 200, .5)

sb-thumb-bg-color-hover

つまみの :hover 背景色。

Map

color: ('gray', 200, .5)

sb-track-bg-color

トラックに使用される背景色。

Map

color: ('gray', 100, .5)

sb-track-bg-color-hover

トラックの :hover 背景色。

Map

color: ('gray', 100, .5)

必須

var bootstrap-scrollbar

variable dark-indigo-scrollbar public

Deprecation message:

プロパティ

sb-track-bg-color

トラックに使用される背景色。

Map

color: ('gray', 50)

sb-track-bg-color-hover

トラックの :hover 背景色。

Map

color: ('gray', 50)

必須

var indigo-scrollbar

variable dark-material-select public

Dark material select スキーマを生成します。

Deprecation message:

必須

var material-select

variable dark-fluent-select public

Dark fluent select スキーマを生成します。

Deprecation message:

必須

var fluent-select

variable dark-bootstrap-select public

Dark bootstrap select スキーマを生成します。

Deprecation message:

必須

var bootstrap-select

variable dark-indigo-select public

Dark indigo select スキーマを生成します。

Deprecation message:

プロパティ

toggle-button-foreground

Select トグルボタンの前景色。

Map

contrast-color: ('gray', 100, .6)

toggle-button-foreground-focus

Select がフォーカスされている時の Select トグルボタンの前景色。

Map

contrast-color: ('gray', 100, .6)

toggle-button-foreground-filled

Select がフォーカスされている時の Select トグルボタンの前景色。

Map

contrast-color: ('gray', 100, .8)

toggle-button-foreground-disabled

Select が無効になっている時の Select トグルボタンの前景色。

Map

contrast-color: ('gray', 100, .2)

必須

var indigo-select

variable dark-material-slider public

Dark material slider スキーマを生成します。

Deprecation message:

必須

var material-slider

variable dark-fluent-slider public

Dark fluent slider スキーマを生成します。

Deprecation message:

プロパティ

base-track-color

トラックのベース背景色。

Map

color: ('gray', 300)

base-track-hover-color

ホバー時のトラックのベース背景色。

Map

color: ('gray', 300)

track-color

トラックの色。

Map

color: ('gray', 600)

track-hover-color

ホバー時のトラックの色。

Map

color: ('primary', 300)

thumb-border-color

つまみの境界線の色。

Map

color: ('gray', 400)

thumb-border-hover-color

ホバー時のつまみの境界線の色。

Map

color: ('gray', 400)

thumb-focus-color

つまみのフォーカスアウトラインの色。

Map

color: ('primary', 100)

thumb-disabled-border-color

無効時のつまみの境界線の色。

Map

color: ('gray', 200)

disabled-base-track-color

トラックは無効に設定された場合のベース背景色。

Map

color: ('gray', 100)

disabled-fill-track-color

無効時の塗りつぶしのトラックの背景色。

Map

color: ('gray', 300)

必須

var fluent-slider

variable dark-bootstrap-slider public

Dark bootstrap slider スキーマを生成します。

Deprecation message:

プロパティ

base-track-color

トラックのベース背景色。

Map

color: ('secondary', 500, .48)

base-track-hover-color

ホバー時のトラックのベース背景色。

Map

color: ('secondary', 500, .48)

必須

var bootstrap-slider

variable dark-indigo-slider public

Dark indigo slider スキーマを生成します。

Deprecation message:

プロパティ

track-step-color

トラックステップの色。

Map

contrast-color: ('gray', 50, 0.3)

base-track-color

トラックのベース背景色。

Map

contrast-color: ('gray', 50, 0.3)

base-track-hover-color

ホバー時のトラックのベース背景色。

Map

contrast-color: ('gray', 50, 0.4)

track-color

トラックの色。

Map

color: ('primary', 400)

track-hover-color

ホバー時のトラックの色。

Map

color: ('primary', 300)

thumb-color

つまみの色。

Map

color: 'surface'

thumb-border-color

つまみの境界線の色。

Map

color: ('primary', 400)

thumb-border-hover-color

ホバー時のつまみの境界線の色。

Map

color: ('primary', 300)

tick-color

目盛りの背景色。

Map

contrast-color: ('gray', 50, 0.2)

tick-label-color

目盛りのラベル色。

Map

contrast-color: ('gray', 50, 0.6)

label-background-color

バブルラベルの背景色。

Map

color: ('gray', 300)

label-text-color

バブルラベルのテキストの色。

Map

contrast-color: ('gray', 50)

disabled-thumb-color

無効時のつまみの色。

Map

color: 'surface'

thumb-disabled-border-color

無効時のつまみの境界線の色。

Map

color: ('primary', 800)

disabled-base-track-color

トラックは無効に設定された場合のベース背景色。

Map

contrast-color: ('gray', 50, 0.15)

disabled-fill-track-color

無効時の塗りつぶしのトラックの背景色。

Map

color: ('primary', 800)

必須

var indigo-slider

variable dark-material-snackbar public

Dark material snackbar スキーマを生成します。

Deprecation message:

必須

var material-snackbar

variable dark-fluent-snackbar public

Dark fluent snackbar スキーマを生成します。

Deprecation message:

必須

var fluent-snackbar

variable dark-bootstrap-snackbar public

Dark bootstrap snackbar スキーマを生成します。

Deprecation message:

必須

var bootstrap-snackbar

variable dark-indigo-snackbar public

Dark indigo snackbar スキーマを生成します。

Deprecation message:

プロパティ

background

スナックバーに使用する背景色。

Map

color: ('gray', 300)

text-color

スナックバーに使用するテキストの色。

Map

contrast-color: ('gray', 200)

button-color

Snackbar に使用するボタンの色。

Map

contrast-color: ('gray', 200)

必須

var indigo-snackbar
var dark-indigo-elevation-snackbar

variable dark-material-splitter public

Dark material splitter スキーマを生成します。

Deprecation message:

プロパティ

bar-color

バーの背景色。

Map

color: ('gray', 50)

handle-color

バーのドラッグハンドルの色。

Map

color: ('gray', 800)

expander-color

矢印エクスパンダーの色。

Map

color: ('gray', 800)

必須

var light-splitter

variable dark-fluent-splitter public

Dark fluent splitter スキーマを生成します。

Deprecation message:

必須

var fluent-splitter

variable dark-bootstrap-splitter public

Dark bootstrap splitter スキーマを生成します。

Deprecation message:

必須

var bootstrap-splitter

variable dark-indigo-splitter public

Dark indigo splitter スキーマを生成します。

Deprecation message:

プロパティ

bar-color

バーの背景色。

Map

color: ('gray', 200)

focus-color

フォーカスされたスプリッターバーに使用される色。

Map

color: ('gray', 300)

handle-color

バーのドラッグハンドルの色。

Map

color: ('gray', 600)

expander-color

矢印拡張ーの色。

Map

color: ('gray', 600)

必須

var indigo-splitter

variable base-stepper public

Base dark stepper スキーマを生成します。

Deprecation message:

プロパティ

current-indicator-color

現在のステップインジケーターの色。

Map

color: ('gray', 900)

invalid-indicator-color

無効なステップインジケーターの色。

Map

color: ('gray', 900)

step-hover-background

ホバー時のステップヘッダーの背景。

Map

color: ('gray', 100, .3)

invalid-step-hover-background

ホバー時の無効なステップヘッダーの背景。

Map

color: ('gray', 100, .3)

current-step-hover-background

ホバー時の現在のステップヘッダーの背景。

Map

color: ('gray', 100, .3)

complete-step-hover-background

ホバー時の完全なステップヘッダーの背景。

Map

color: ('gray', 100, .3)

step-focus-background

ホバー時のステップヘッダーの背景。

Map

color: ('gray', 100, .5)

invalid-step-focus-background

ホバー時の無効なステップヘッダーの背景。

Map

color: ('gray', 100, .5)

current-step-focus-background

ホバー時の現在のステップヘッダーの背景。

Map

color: ('gray', 100, .5)

complete-step-focus-background

ホバー時の完全なステップヘッダーの背景。

Map

color: ('gray', 100, .5)

次で使用

var dark-material-stepper
var dark-fluent-stepper
var dark-bootstrap-stepper
var dark-indigo-stepper

variable dark-material-stepper public

Dark material stepper スキーマを生成します。

Deprecation message:

必須

var material-stepper
var base-stepper

variable dark-fluent-stepper public

Dark fluent stepper スキーマを生成します。

Deprecation message:

プロパティ

complete-indicator-background

完了したステップインジケーターの背景色。

Map

color: ('gray', 100)

必須

var fluent-stepper
var base-stepper

variable dark-bootstrap-stepper public

Dark bootstrap stepper スキーマを生成します。

Deprecation message:

プロパティ

indicator-outline

不完全なステップインジケーターのアウトライン色。

Map

color: (color: ('gray', 200)

disabled-indicator-outline

無効なステップインジケーターのアウトライン色。

Map

color: ('gray', 300)

step-separator-color

ステップ間のセパレーターの境界線の色。

Map

color: ('gray', 100)

必須

var bootstrap-stepper
var base-stepper

variable dark-indigo-stepper public

Dark indigo stepper スキーマを生成します。

Deprecation message:

プロパティ

content-foreground

ステップコンテンツの前景。

Map

contrast-color: ('gray', 50, .8)

indicator-color

完了していないステップインジケーターのテキストの色。

Map

contrast-color: ('gray', 50, .8)

indicator-background

完了していないステップインジケーターの背景色。

Map

contrast-color: ('gray', 50, .15)

title-color

ステップタイトルのテキストの色。

Map

contrast-color: ('gray', 50)

title-hover-color

ホバー時のステップタイトルのテキストの色。

Map

contrast-color: ('gray', 50)

title-focus-color

フォーカスされているステップタイトルのテキストの色。

Map

contrast-color: ('gray', 50)

subtitle-color

ステップサブタイトルのテキストの色。

Map

contrast-color: ('gray', 50, .8)

subtitle-hover-color

ホバー時のステップサブタイトルのテキストの色。

Map

contrast-color: ('gray', 50, .8)

subtitle-focus-color

フォーカスされているステップサブタイトルのテキストの色。

Map

contrast-color: ('gray', 50, .8)

step-hover-background

ホバー時のステップヘッダーの背景。

Map

contrast-color: ('gray', 50, .1)

step-focus-background

ホバー時のステップヘッダーの背景。

Map

contrast-color: ('gray', 50, .1)

current-step-hover-background

ホバー時の現在のステップヘッダーの背景。

Map

contrast-color: ('gray', 50, .1)

current-step-focus-background

フォーカスされている現在のステップヘッダーの背景。

Map

contrast-color: ('gray', 50, .1)

complete-step-hover-background

ホバー時の完全なステップヘッダーの背景。

Map

contrast-color: ('gray', 50, .1)

complete-step-focus-background

フォーカスされている完全なステップヘッダーの背景。

Map

contrast-color: ('gray', 50, .1)

invalid-step-hover-background

ホバー時の無効なステップヘッダーの背景。

Map

contrast-color: ('gray', 50, .1)

invalid-step-focus-background

フォーカスされている無効なステップヘッダーの背景。

Map

contrast-color: ('gray', 50, .1)

complete-indicator-background

完了したステップインジケーターの背景色。

Map

contrast-color: ('gray', 50, .8)

complete-indicator-color

完了したステップインジケーターの色。

Map

contrast: ('gray', 50)

disabled-indicator-color

無効なステップインジケーター、タイトル、およびサブタイトルの色。

Map

contrast-color: ('gray', 50, .2)

disabled-indicator-background

無効なステップインジケーターの背景色。

Map

contrast-color: ('gray', 50, .1)

disabled-title-color

無効なステップタイトルの色。

Map

contrast-color: ('gray', 50, .2)

disabled-subtitle-color

無効なステップサブタイトルの色。

Map

contrast-color: ('gray', 50, .2)

step-separator-color

ステップ間のセパレーターの境界線の色。

Map

contrast-color: ('gray', 50, .3)

complete-step-separator-color

完了したステップ間のセパレーターの境界線の色。

Map

contrast-color: ('gray', 50, .3)

invalid-title-color

無効なステップタイトルの色。

Map

contrast-color: ('gray', 50)

invalid-title-hover-color

ホバー時の無効なステップタイトルの色。

Map

contrast-color: ('gray', 50)

invalid-title-focus-color

フォーカスされている無効なステップタイトルの色。

Map

contrast-color: ('gray', 50)

invalid-subtitle-color

無効なステップサブタイトルのテキスト。

Map

contrast-color: ('gray', 50, .8)

invalid-subtitle-hover-color

ホバー時の無効なステップサブタイトルの色。

Map

contrast-color: ('gray', 50, .8)

invalid-subtitle-focus-color

フォーカスされている無効なステップサブタイトルの色。

Map

contrast-color: ('gray', 50, .8)

current-indicator-color

現在のステップインジケーターの色。

Map

contrast-color: ('gray', 50)

complete-title-color

完全なステップタイトルの色。

Map

contrast-color: ('gray', 50)

complete-title-hover-color

ホバー時の完全なステップタイトルの色。

Map

contrast-color: ('gray', 50)

complete-title-focus-color

フォーカスされている完全なステップタイトルの色。

Map

contrast-color: ('gray', 50)

complete-subtitle-color

完全なステップサブタイトルの色。

Map

contrast-color: ('gray', 50, .8)

complete-subtitle-hover-color

ホバー時の完全なステップサブタイトルの色。

Map

contrast-color: ('gray', 50, .8)

complete-subtitle-focus-color

フォーカスされているステップサブタイトルの色。

Map

contrast-color: ('gray', 50, .8)

current-title-color

現在のステップタイトルの色。

Map

contrast-color: ('gray', 50)

current-title-hover-color

ホバー時の現在のステップタイトルの色。

Map

contrast-color: ('gray', 50)

current-title-focus-color

フォーカスされている現在のステップタイトルの色。

Map

contrast-color: ('gray', 50)

current-subtitle-color

現在のステップサブタイトルの色。

Map

contrast-color: ('gray', 50, .8)

current-subtitle-hover-color

ホバー時の現在のステップサブタイトルの色。

Map

contrast-color: ('gray', 50, .8)

current-subtitle-focus-color

現在フォーカスされているステップサブタイトルの色。

Map

contrast-color: ('gray', 50, .8)

invalid-indicator-color

無効なステップインジケーターの色。

Map

contrast-color: ('gray', 50)

必須

var indigo-stepper
var base-stepper

variable dark-material-switch public

Dark material switch スキーマを生成します。

Deprecation message:

プロパティ

thumb-off-color

スイッチがオフの場合のつまみの色。

Map

color: ('gray', 100)

thumb-disabled-color

スイッチが無効の場合のつまみの色。

Map

color: ('gray', 200)

必須

var material-switch

variable dark-fluent-switch public

Dark fluent switch スキーマを生成します。

Deprecation message:

プロパティ

focus-outline-color

フォーカスアウトラインの色。

Map

color: ('gray', 400)

border-color

スイッチの境界線の色。

Map

color: ('gray', 400)

border-on-color

オンスイッチの境界線の色。

Map

color: ('primary', 300)

border-on-hover-color

オンスイッチの境界線の色。

Map

color('primary',100)

track-on-color

スイッチがオンの場合のトラックの色。

Map

color: ('primary', 300)

track-on-hover-color

スイッチがオンおよびホバーした場合のトラックの色。

Map

color: ('primary', 100)

track-off-color

スイッチがオフの場合のトラックの色。

Map

color: ('gray', 50)

thumb-off-color

スイッチがオフの場合のつまみの色。

Map

color: ('gray', 400)

label-disabled-color

スイッチが無効にされた場合のトラックの色。

Map

color: ('gray', 300)

border-disabled-color

無効にされたスイッチの境界線の色。

Map

color: ('gray', 100)

track-disabled-color

スイッチが無効の場合のトラックの色。

Map

color: ('gray', 50)

track-on-disabled-color

スイッチがオンおよび無効の場合のトラックの色。

Map

color: ('gray', 100)

thumb-disabled-color

スイッチが無効の場合のつまみの色。

Map

color: ('gray', 100)

thumb-on-disabled-color

スイッチがオンおよび無効の場合のつまみの色。

Map

color: ('gray', 50)

error-color

無効な状態の境界線とつまみの色。

Map

color: ('gray', 500)

必須

var fluent-switch

variable dark-bootstrap-switch public

Dark bootstrap switch スキーマを生成します。

Deprecation message:

プロパティ

thumb-on-color

スイッチがオンのときのつまみの色。

Map

color: ('gray', 900)

label-disabled-color

スイッチが無効にされた場合のトラックの色。

Map

color: ('gray', 300)

border-disabled-color

無効にされたスイッチの境界線の色。

Map

color: ('gray', 100)

track-disabled-color

スイッチがオンおよび無効の場合のトラックの色。

Map

color: 'surface'

thumb-disabled-color

スイッチがオンおよび無効の場合のつまみの色。

Map

color: ('gray', 100)

必須

var bootstrap-switch

variable dark-indigo-switch public

Dark indigo switch スキーマを生成します。

Deprecation message:

プロパティ

label-color

スイッチラベルの色。

Map

contrast-color: ('gray', 50, .8)

label-invalid-color

無効状態のスイッチラベルの色。

Map

contrast-color: ('gray', 50, .8)

label-hover-color

ホバー時のスイッチラベルの色。

Map

contrast-color: ('gray', 50)

label-disabled-color

スイッチが無効にされた場合のトラックの色。

Map

contrast-color: ('gray', 50, .2)

thumb-off-color

スイッチがオフの場合のつまみの色。

Map

contrast-color: ('gray', 50, .6)

thumb-on-color

スイッチがオンの場合のつまみの色。

Map

contrast-color: ('gray', 50)

thumb-disabled-color

スイッチが無効な場合のつまみの色。

Map

contrast-color: ('gray', 50, .2)

thumb-on-disabled-color

スイッチがオンおよび無効の場合のつまみの色。

Map

contrast-color: ('gray', 50, .2)

border-color

スイッチの境界線の色。

Map

contrast-color: ('gray', 50, .6)

border-hover-color

ホバー時のスイッチの境界線の色。

Map

contrast-color: ('gray', 50, .8)

border-disabled-color

無効にされたスイッチの境界線の色。

Map

contrast-color: ('gray', 50, .2)

error-color

無効な状態の境界線とつまみの色。

Map

contrast-color: ('gray', 50, .6)

focus-outline-color

フォーカスアウトラインの色。

Map

contrast-color: ('gray', 50, .2)

必須

var indigo-switch

variable base-dark-tabs public

Base dark tabs スキーマを生成します。

Deprecation message:

プロパティ

item-hover-background

ホバーされるタブに使用する背景。

Map

color: ('gray', 100, .5)

item-active-background

アクティブ/フォーカスされたタブ背景に使用する色。

Map

color: ('gray', 100, .5)

次で使用

var dark-material-tabs
var dark-fluent-tabs

variable dark-material-tabs public

Dark material tabs スキーマを生成します。

Deprecation message:

プロパティ

item-hover-background

ホバーされるタブに使用する背景。

Map

color: ('gray', 100)

item-active-background

アクティブ/フォーカスされたタブ背景に使用する色。

Map

color: ('gray', 100)

必須

var material-tabs
var base-dark-tabs

variable dark-fluent-tabs public

Dark fluent tabs スキーマを生成します。

Deprecation message:

プロパティ

item-disabled-color

無効なタブテキストに使用する色。

Map

color: ('gray', 300)

item-disabled-icon-color

無効なタブアイコンに使用する色。

Map

color: ('gray', 300)

item-hover-background

ホバーされるタブに使用する背景。

Map

color: ('gray', 50)

item-active-background

アクティブ/フォーカスされたタブ背景に使用する色。

Map

color: ('gray', 50)

button-disabled-color

無効なボタンアイコン/テキストに使用する色。

Map

color: ('gray', 200)

indicator-color

アクティブタブインジケーターに使用する色。

Map

color: ('primary', 300)

必須

var fluent-tabs
var base-dark-tabs

variable dark-bootstrap-tabs public

Dark bootstrap tabs スキーマを生成します。

Deprecation message:

必須

var bootstrap-tabs

variable dark-indigo-tabs public

Dark indigo tabs スキーマを生成します。

Deprecation message:

プロパティ

item-hover-background

ホバーされるタブに使用する背景。

Map

contrast-color: ('gray', 50, .1)

item-text-color

タブテキストの色に使用する色。

Map

contrast-color: ('gray', 50, .8)

item-hover-color

ホバーされるタブに使用するテキストの色。

Map

contrast-color: ('gray', 50)

item-active-color

アクティブタブテキストに使用する色。

Map

contrast-color: ('gray', 50)

item-disabled-color

無効なタブテキストに使用する色。

Map

contrast-color: ('gray', 50, .2)

item-icon-color

タブアイコンに使用する色。

Map

contrast-color: ('gray', 50, .6)

item-hover-icon-color

ホバー時のタブアイコンに使用する色。

Map

contrast-color: ('gray', 50, .8)

item-active-icon-color

アクティブなタブアイコンに使用する色。

Map

contrast-color: ('gray', 50, .8)

item-disabled-icon-color

無効なタブアイコンに使用する色。

Map

contrast-color: ('gray', 50, .2)

border-color

タブ項目の下境界線に使用される色。

Map

contrast-color: ('gray', 50, .15)

button-color

ボタンアイコン/テキストの色に使用する色。

Map

contrast-color: ('gray', 50, .8)

button-hover-color

ボタンアイコン/テキストはホバーされるときの色に使用する色。

Map

contrast-color: ('gray', 50)

button-disabled-color

無効なボタンアイコン/テキストに使用する色。

Map

contrast-color: ('gray', 50, .2)

button-hover-background

ホバー時のボタン背景に使用される色。

Map

contrast-color: ('gray', 50, .10)

必須

var indigo-tabs

variable dark-material-time-picker public

Dark material time-picker スキーマを生成します。

Deprecation message:

プロパティ

hover-text-color

オープンタイムピッカーのホバーテキストの色。

Map

color: ('secondary', 200)

selected-text-color

タイムピッカーの選択された項目のテキストの色。

Map

color: ('secondary', 200)

divider-color

タイムピッカーの区切り線の色。

Map

color: ('gray', 100)

必須

var material-time-picker

variable dark-fluent-time-picker public

Dark fluent time-picker スキーマを生成します。

Deprecation message:

プロパティ

hover-text-color

オープンタイムピッカーのホバーテキストの色。

Map

color: ('primary', 200)

selected-text-color

タイムピッカーの選択された項目のテキストの色。

Map

color: ('primary', 200)

header-background

タイムピッカーのヘッダーの背景色。

Map

color: ('primary', 200)

header-hour-text-color

タイムピッカー時間テキストの色。

Map

contrast-color: ('primary', 200)

active-item-foreground

タイムピッカー内のフォーカスされた列の現在の項目の前景色。

Map

contrast-color: ('primary', 200)

active-item-background

タイムピッカー内のフォーカスされた列の現在の項目の背景色。

Map

color: ('primary', 200)

divider-color

タイムピッカーの区切り線の色。

Map

color: ('gray', 100)

必須

var fluent-time-picker

variable dark-bootstrap-time-picker public

Dark bootstrap time-picker スキーマを生成します。

Deprecation message:

プロパティ

hover-text-color

オープンタイムピッカーのホバーテキストの色。

Map

color: ('primary', 300)

active-item-background

タイムピッカー内のフォーカスされた列の現在の項目の背景色。

Map

color: ('primary', 500)

selected-text-color

タイムピッカーの選択された項目のテキストの色。

Map

color: ('primary', 300)

必須

var bootstrap-time-picker

variable dark-indigo-time-picker public

Dark indigo time-picker スキーマを生成します。

Deprecation message:

プロパティ

text-color

オープンタイムピッカーのテキストの色。

Map

color: ('gray', 900)

background-color

タイムピッカーパネルの背景色。

Map

color: ('gray', 50)

header-background

タイムピッカーのヘッダーの背景色。

Map

color: ('gray', 50)

selected-text-color

タイムピッカーの選択された項目のテキストの色。

Map

color: ('primary', 200)

hover-text-color

オープンタイムピッカーのホバーテキストの色。

Map

color: ('primary', 200)

border-color

タイムピッカーの境界線の色。

Map

color: ('gray', 100)

divider-color

タイムピッカーの区切り線の色。

Map

color: ('gray', 100)

header-hour-text-color

タイムピッカー時間テキストの色。

Map

contrast-color: ('gray', 50)

必須

var indigo-time-picker

variable dark-base-toast public

Dark base toast スキーマを生成します。

Deprecation message:

プロパティ

background

トーストに使用される背景。

Map

color: ('gray', 500, .9)

border-color

トーストに使用される境界線の色。

Map

color: ('gray', 500, .9)

text-color

トーストに使用されるテキストの色。

Map

contrast-color: ('gray', 500)

次で使用

var dark-material-toast
var dark-fluent-toast

variable dark-material-toast public

Dark material toast スキーマを生成します。

Deprecation message:

必須

var material-toast
var dark-base-toast

variable dark-fluent-toast public

Dark fluent toast スキーマを生成します。

Deprecation message:

必須

var fluent-toast
var dark-base-toast

variable dark-bootstrap-toast public

Dark bootstrap toast スキーマを生成します。

Deprecation message:

プロパティ

background

トーストに使用される背景。

Map

contrast-color: ('surface')

text-color

トーストに使用されるテキストの色。

Map

contrast-color: ('gray', 600)

必須

var bootstrap-toast

variable dark-indigo-toast public

Dark indigo toast スキーマを生成します。

Deprecation message:

プロパティ

background

トーストに使用される背景。

Map

color: ('gray', 300)

text-color

トーストに使用されるテキストの色。

Map

contrast-color: ('gray', 50)

必須

var indigo-toast
var dark-indigo-elevation-toast

variable base-dark-tree public

Base dark tree スキーマを生成します。

Deprecation message:

プロパティ

background-active

アクティブツリーノードに使用される背景色。

Map

color: ('gray', 100)

foreground-active

ツリーノードのアクティブ状態のコンテンツに使用される色。

Map

color: ('gray', 900)

hover-color

ホバー時にツリーノードに使用される背景色。

Map

color: ('gray', 200, .5)

hover-selected-color

ホバー時に選択されたツリーノードに使用される背景色。

Map

color: ('gray', 50, .1)

次で使用

var dark-material-tree
var dark-fluent-tree
var dark-bootstrap-tree
var dark-indigo-tree

variable dark-material-tree public

Dark material tree スキーマを生成します。

Deprecation message:

必須

var material-tree
var base-dark-tree

variable dark-fluent-tree public

Dark fluent tree スキーマを生成します。

Deprecation message:

プロパティ

background-selected

選択されたツリーノードに使用される背景色。

Map

color: ('gray', 100)

foreground-selected

選択したツリーノードのコンテンツに使用される色。

Map

color: ('gray', 900)

background-active-selected

アクティブな選択されたツリーノードに使用される背景色。

Map

color: ('gray', 200)

foreground-active-selected

アクティブな選択されたツリーノードのコンテンツに使用される色。

Map

color: ('gray', 900)

必須

var fluent-tree
var base-dark-tree

variable dark-bootstrap-tree public

Dark bootstrap tree スキーマを生成します。

Deprecation message:

プロパティ

hover-color

ホバー時のツリーノードに使用される背景色。

Map

color: ('gray', 500, .3)

必須

var bootstrap-tree
var base-dark-tree

variable dark-indigo-tree public

Dark indigo tree スキーマを生成します。

Deprecation message:

プロパティ

background-active

アクティブツリーノードに使用される背景色。

Map

color: ('primary', 400, 0.3)

background-active-selected

アクティブな選択されたツリーノードに使用される背景色。

Map

color: ('primary', 400, 0.3)

foreground

ツリーノードコンテンツに使用される色。

Map

contrast-color: ('gray', 50, 0.8)

foreground-active

ツリーノードのアクティブ状態のコンテンツに使用される色。

Map

contrast-color: ('gray', 50)

foreground-selected

選択したツリーノードのコンテンツに使用される色。

Map

contrast-color: ('gray', 50, 0.8)

foreground-active-selected

アクティブな選択されたツリーノードのコンテンツに使用される色。

Map

contrast-color: ('gray', 50)

foreground-disabled

無効なツリーノードのコンテンツに使用される色。

Map

contrast-color: ('gray', 50, 0.2)

icon-color

ツリーノードアイコンに使用される色。

Map

contrast-color: ('gray', 50, 0.8)

hover-color

ホバー時のツリーノードに使用される背景色。

Map

contrast-color: ('gray', 50, .1)

hover-selected-color

ホバー時に選択されたツリーノードに使用される背景色。

Map

color: ('primary', 400, 0.5)

必須

var indigo-tree
var base-dark-tree

variable dark-material-validator public

Base dark validator スキーマを生成します。

Deprecation message:

必須

var light-validator

variable dark-fluent-validator public

Dark fluent validator スキーマを生成します。

Deprecation message:

必須

var light-validator

variable dark-bootstrap-validator public

Dark bootstrap validator スキーマを生成します。

Deprecation message:

必須

var light-validator

variable dark-indigo-validator public

Dark indigo validator スキーマを生成します。

Deprecation message:

プロパティ

text-error-color

エラーメッセージに使用される色。

Map

contrast-color: ('gray', 50, .8)

必須

var indigo-validator

variable dark-watermark public

Base dark watermark スキーマを生成します。

Deprecation message:

次で使用

var dark-material-watermark
var dark-fluent-watermark
var dark-bootstrap-watermark
var dark-indigo-watermark

variable dark-material-watermark public

Base dark watermark スキーマを生成します。

Deprecation message:

必須

var material-watermark
var dark-watermark

variable dark-fluent-watermark public

Dark fluent watermark スキーマを生成します。

Deprecation message:

必須

var fluent-watermark
var dark-watermark

variable dark-bootstrap-watermark public

Dark bootstrap watermark スキーマを生成します。

Deprecation message:

必須

var bootstrap-watermark
var dark-watermark

variable dark-indigo-watermark public

Dark indigo watermark スキーマを生成します。

Deprecation message:

必須

var indigo-watermark
var dark-watermark

variable default-elevation-badge public

Deprecation message:

プロパティ

elevation

バッジの影に使用される 0 から 24 までのエレベーションレベル。

Number

次で使用

var light-badge

variable indigo-elevation-badge public

Deprecation message:

プロパティ

elevation

バッジの影に使用される 0 から 24 までのエレベーションレベル。

Number

次で使用

var indigo-badge

variable default-elevation-bottom-nav public

Deprecation message:

プロパティ

elevation

下部のナビゲーションの影に使用される 0 から 24 までのエレベーションレベル。

Number

次で使用

var light-bottom-nav

variable fluent-elevation-bottom-nav public

Deprecation message:

プロパティ

elevation

下部のナビゲーションの影に使用される 0 から 24 までのエレベーションレベル。

Number

次で使用

var fluent-bottom-nav

variable indigo-elevation-bottom-nav public

Deprecation message:

プロパティ

elevation

下部のナビゲーションの影に使用される 0 から 24 までのエレベーションレベル。

Number

次で使用

var indigo-bottom-nav

variable _flat-button-group public

Deprecation message:

プロパティ

elevation

ボタングループの影に使用される 0 から 24 までのエレベーションレベル。

Number

次で使用

var fluent-elevation-button-group
var bootstrap-elevation-button-group
var indigo-elevation-button-group

variable default-elevation-button-group public

Deprecation message:

プロパティ

elevation

ボタングループの影に使用される 0 から 24 までのエレベーションレベル。

Number

次で使用

var light-button-group
var material-button-group

variable fluent-elevation-button-group public

Deprecation message:

次で使用

var fluent-button-group

必須

var _flat-button-group

variable bootstrap-elevation-button-group public

Deprecation message:

次で使用

var bootstrap-button-group

必須

var _flat-button-group

variable indigo-elevation-button-group public

Deprecation message:

次で使用

var indigo-button-group

必須

var _flat-button-group

variable flat-elevation-button public

Deprecation message:

プロパティ

resting-elevation

静止状態に使用する 0〜24 のエレベーションレベル。

Number

hover-elevation

ホバー状態に使用される 0 から 24 までのエレベーションレベル。

Number

focus-elevation

エレベーションレベル、0 から 24 まで、フォーカス状態のため使用されます。

Number

active-elevation

エレベーションレベル、0 から 24 まで、フォーカス状態のため使用されます。

Number

次で使用

var bootstrap-elevation-button
var indigo-elevation-button
var light-flat-button
var fluent-base-button
var bootstrap-base-button
var indigo-base-button

variable light-contained-elevation public

Deprecation message:

プロパティ

resting-elevation

静止状態に使用する 0〜24 のエレベーションレベル。

Number

hover-elevation

ホバー状態に使用される 0 から 24 までのエレベーションレベル。

Number

focus-elevation

エレベーションレベル、0 から 24 まで、フォーカス状態のため使用されます。

Number

active-elevation

エレベーションレベル、0 から 24 まで、フォーカス状態のため使用されます。

Number

次で使用

var light-contained-button

variable light-fab-elevation public

Deprecation message:

プロパティ

resting-elevation

静止状態に使用する 0〜24 のエレベーションレベル。

Number

hover-elevation

ホバー状態に使用される 0 から 24 までのエレベーションレベル。

Number

focus-elevation

エレベーションレベル、0 から 24 まで、フォーカス状態のため使用されます。

Number

active-elevation

エレベーションレベル、0 から 24 まで、フォーカス状態のため使用されます。

Number

次で使用

var light-fab-button

variable bootstrap-elevation-button public

Deprecation message:

参照先

var flat-elevation-button

必須

var flat-elevation-button

variable indigo-elevation-button public

Deprecation message:

参照先

var flat-elevation-button

必須

var flat-elevation-button

variable default-elevation-card public

Deprecation message:

プロパティ

resting-elevation

静止状態に使用する 0〜24 のエレベーションレベル。

Number

hover-elevation

ホバー状態に使用される 0 から 24 までのエレベーションレベル。

Number

次で使用

var light-card

variable default-elevation-carousel public

Deprecation message:

プロパティ

button-elevation

カルーセルボタンに使用される 0 から 24 までのエレベーションレベル。

Number

次で使用

var light-carousel

variable flat-carousel public

Deprecation message:

プロパティ

button-elevation

カルーセルボタンに使用される 0 から 24 までのエレベーションレベル。

Number

次で使用

var bootstrap-elevation-carousel
var indigo-elevation-carousel

variable bootstrap-elevation-carousel public

Deprecation message:

次で使用

var bootstrap-carousel

必須

var flat-carousel

variable indigo-elevation-carousel public

Deprecation message:

次で使用

var indigo-carousel

必須

var flat-carousel

variable default-elevation-chip public

Deprecation message:

プロパティ

ghost-elevation

チップのゴースト (ドラッグモード) に使用される 0 から 24 までのエレベーションレベル。

Number

次で使用

var material-chip

variable fluent-elevation-chip public

Deprecation message:

プロパティ

ghost-elevation

チップのゴースト (ドラッグモード) に使用される 0 から 24 までのエレベーションレベル。

Number

次で使用

var fluent-chip

variable bootstrap-elevation-chip public

Deprecation message:

プロパティ

ghost-elevation

チップのゴースト (ドラッグモード) に使用される 0 から 24 までのエレベーションレベル。

Number

次で使用

var bootstrap-chip

variable indigo-elevation-chip public

Deprecation message:

プロパティ

ghost-elevation

チップのゴースト (ドラッグモード) に使用される 0 から 24 までのエレベーションレベル。

Number

次で使用

var indigo-chip

variable default-elevation-dialog public

Deprecation message:

プロパティ

elevation

ダイアログに使用される 0 から 24 までのエレベーションレベル。

Number

次で使用

var light-dialog

variable bootstrap-elevation-dialog public

Deprecation message:

プロパティ

elevation

ダイアログに使用される 0 から 24 までのエレベーションレベル。

Number

次で使用

var bootstrap-dialog

variable dark-indigo-elevation-dialog public

Deprecation message:

プロパティ

elevation

ダイアログに使用される 0 から 24 までのエレベーションレベル。

Number

次で使用

var dark-indigo-dialog

variable default-elevation-drop-down public

Deprecation message:

プロパティ

elevation

ドロップダウン影に使用される 0 から 24 までのエレベーションレベル。

Number

次で使用

var light-drop-down
var material-drop-down

variable fluent-elevation-drop-down public

Deprecation message:

プロパティ

elevation

ドロップダウン影に使用される 0 から 24 までのエレベーションレベル。

Number

次で使用

var fluent-drop-down

variable bootstrap-elevation-drop-down public

Deprecation message:

プロパティ

elevation

ドロップダウン影に使用される 0 から 24 までのエレベーションレベル。

Number

次で使用

var bootstrap-drop-down

variable indigo-elevation-drop-down public

Deprecation message:

プロパティ

elevation

ドロップダウン影に使用される 0 から 24 までのエレベーションレベル。

Number

次で使用

var indigo-drop-down

variable dark-indigo-elevation-drop-down public

Deprecation message:

プロパティ

elevation

ドロップダウン影に使用される 0 から 24 までのエレベーションレベル。

Number

次で使用

var dark-indigo-drop-down

variable default-elevation-grid public

Deprecation message:

プロパティ

grid-elevation

グリッドに使用される 0 から 24 までのエレベーションレベル。

number

drag-elevation

移動可能な要素 (列ヘッダーなど) に使用される 0 から 24 までのエレベーションレベル。

number

次で使用

var light-grid
var material-grid

variable fluent-elevation-grid public

Deprecation message:

プロパティ

grid-elevation

グリッドに使用される 0 から 24 までのエレベーションレベル。

number

drag-elevation

移動可能な要素 (列ヘッダーなど) に使用される 0 から 24 までのエレベーションレベル。

number

次で使用

var fluent-grid

variable indigo-elevation-grid public

Deprecation message:

プロパティ

grid-elevation

グリッドに使用される 0 から 24 までのエレベーションレベル。

number

variable default-elevation-input-group public

Deprecation message:

プロパティ

search-resting-elevation

検索入力の静止状態に使用する 0〜24 のエレベーションレベル。

Number

search-hover-elevation

Search 入力のホバー状態に使用される 0 から 24 までのエレベーションレベル。

Number

search-disabled-elevation

Search 入力の無効状態に使用される 0 から 24 までのエレベーションレベル。

Number

次で使用

var light-input-group

variable fluent-elevation-input-group public

Deprecation message:

プロパティ

search-resting-elevation

検索入力の静止状態に使用する 0〜24 のエレベーションレベル。

Number

search-hover-elevation

Search 入力のホバー状態に使用される 0 から 24 までのエレベーションレベル。

Number

search-disabled-elevation

Search 入力の無効状態に使用される 0 から 24 までのエレベーションレベル。

Number

次で使用

var fluent-input-group

variable indigo-elevation-input-group public

Deprecation message:

プロパティ

search-resting-elevation

検索入力の静止状態に使用する 0〜24 のエレベーションレベル。

Number

search-hover-elevation

Search 入力のホバー状態に使用される 0 から 24 までのエレベーションレベル。

Number

search-disabled-elevation

Search 入力の無効状態に使用される 0 から 24 までのエレベーションレベル。

Number

次で使用

var indigo-input-group

variable default-elevation-navbar public

Deprecation message:

プロパティ

elevation

ナビゲーションバーに使用される 0 から 24 までのエレベーションレベル。

Number

次で使用

var light-navbar

variable bootstrap-elevation-navbar public

Deprecation message:

プロパティ

elevation

ナビゲーションバーに使用される 0 から 24 までのエレベーションレベル。

Number

次で使用

var bootstrap-navbar

variable indigo-elevation-navbar public

Deprecation message:

プロパティ

elevation

ナビゲーションバーに使用される 0 から 24 までのエレベーションレベル。

Number

次で使用

var indigo-navbar

variable default-elevation-navdrawer public

Deprecation message:

プロパティ

elevation

ドロワーに使用される 0 から 24 までのエレベーションレベル。

Map

次で使用

var light-navdrawer

variable default-elevation-snackbar public

Deprecation message:

プロパティ

elevation

スナックバーに使用される 0 から 24 までのエレベーションレベル。

Number

次で使用

var light-snackbar

variable bootstrap-elevation-snackbar public

Deprecation message:

プロパティ

elevation

Bootstrap Snackbar に使用される 0 から 24 までのエレベーションレベル。

Number

次で使用

var bootstrap-snackbar

variable indigo-elevation-snackbar public

Deprecation message:

プロパティ

elevation

Indigo Snackbar に使用される 0 から 24 までのエレベーションレベル。

Number

次で使用

var indigo-snackbar

variable dark-indigo-elevation-snackbar public

Deprecation message:

プロパティ

elevation

Dark Indigo Snackbar に使用される 0 から 24 までのエレベーションレベル。

Number

次で使用

var dark-indigo-snackbar

variable default-elevation-switch public

Deprecation message:

プロパティ

resting-elevation

静止状態に使用する 0〜24 のエレベーションレベル。

Number

hover-elevation

ホバー状態に使用される 0 から 24 までのエレベーションレベル。

Number

disabled-elevation

無効状態に使用される 0 から 24 までのエレベーションレベル。

Number

次で使用

var material-switch

variable default-elevation-time-picker public

Deprecation message:

プロパティ

modal-elevation

モーダルモードのタイムピッカーに使用される 0 から 24 までのエレベーションレベル。

Number

dropdown-elevation

ドロップダウンモードのタイムピッカーに使用される 0 から 24 までのエレベーションレベル。

Number

次で使用

var light-time-picker

variable default-elevation-toast public

Deprecation message:

プロパティ

elevation

デフォルトのトーストに使用される 0 から 24 までのエレベーションレベル。

Number

次で使用

var light-toast

variable bootstrap-elevation-toast public

Deprecation message:

プロパティ

elevation

Bootstrap トーストに使用される 0 から 24 までのエレベーションレベル。

Number

次で使用

var bootstrap-toast

variable indigo-elevation-toast public

Deprecation message:

プロパティ

elevation

Indigo トーストに使用される 0 から 24 までのエレベーションレベル。

Number

次で使用

var indigo-toast

variable dark-indigo-elevation-toast public

Deprecation message:

プロパティ

elevation

Dark Indigo トーストに使用される 0 から 24 までのエレベーションレベル。

Number

次で使用

var dark-indigo-toast

variable light-action-strip public

Light action-strip スキーマを生成します。

Deprecation message:

プロパティ

icon-color

操作アイコンに使用される色。

Color

"'currentColor'"

background

Action Strip コンポーネントのコンテンツの背景に使用される色。

Map

color: ('gray', 100, .38)

actions-background

アクションの背景に使用される色。

Map

color: ('gray', 200)

delete-action

Action Strip コンポーネントの削除アイコンに使用される色。

Map

color: ('error')

actions-border-radius

Action Strip の操作コンテナーに使用される境界半径。

List

(rem(24px), rem(0), rem(24px))

次で使用

var material-action-strip
var fluent-action-strip
var bootstrap-action-strip
var indigo-action-strip

variable material-action-strip public

Material action strip スキーマを生成します。

Deprecation message:

プロパティ

actions-border-radius

Action Strip の操作コンテナーに使用される境界半径。

List

(rem(24px), rem(0), rem(24px))

次で使用

var dark-material-action-strip

必須

var light-action-strip

variable fluent-action-strip public

Fluent action strip スキーマを生成します。

Deprecation message:

プロパティ

actions-border-radius

Action Strip の操作コンテナーに使用される境界半径。

List

(rem(0), rem(0), rem(24px))

次で使用

var dark-fluent-action-strip

必須

var light-action-strip

variable bootstrap-action-strip public

Bootstrap action strip スキーマを生成します。

Deprecation message:

プロパティ

actions-border-radius

Action Strip の操作コンテナーに使用される境界半径。

List

(rem(4px), rem(0), rem(24px))

次で使用

var dark-bootstrap-action-strip

必須

var light-action-strip

variable indigo-action-strip public

Indigo action strip スキーマを生成します。

Deprecation message:

プロパティ

icon-color

操作アイコンに使用される色。

Map

contrast-color: 'primary'

actions-background

アクションの背景に使用される色。

Map

color: ('primary')

actions-border-radius

Action Strip の操作コンテナーに使用される境界半径。

List

(rem(3px), rem(0), rem(24px))

次で使用

var dark-indigo-action-strip

必須

var light-action-strip

variable light-avatar public

Light avatar スキーマを生成します。

Deprecation message:

プロパティ

background

アバターの背景色。

Map

color: ('gray', 400, .54)

color

アバターのテキストの色。

Map

color: ('gray', 800, .96)

icon-color

アバターのアイコンの色。

Map

color: ('gray', 800, .96)

border-radius

円形アバターの境界半径。

Number

rem(8px)

size

Avatar の幅と高さに使用されるサイズ。

List

(rem(40px), rem(64px), rem(88px))

default-size

Avatar コンポーネントに使用されるデフォルトのサイズ。

Number

次で使用

var material-avatar
var fluent-avatar
var bootstrap-avatar
var indigo-avatar

variable material-avatar public

Material avatar スキーマを生成します。

Deprecation message:

次で使用

var dark-material-avatar

必須

var light-avatar

variable fluent-avatar public

Fluent avatar スキーマを生成します。

Deprecation message:

次で使用

var dark-fluent-avatar

必須

var light-avatar

variable bootstrap-avatar public

Bootstrap avatar スキーマを生成します。

Deprecation message:

プロパティ

background

アバターの背景色。

Map

color: ('gray', 400)

color

アバターのテキストの色。

Map

contrast-color: ('gray', 400)

icon-color

アバターのアイコンの色。

Map

contrast-color: ('gray', 400)

border-radius

円形アバターの境界半径。

Number

rem(4px)

次で使用

var dark-bootstrap-avatar

必須

var light-avatar

variable indigo-avatar public

Indigo avatar スキーマを生成します。

Deprecation message:

プロパティ

background

アバターの背景色。

Map

color: ('gray', 300)

color

アバターのテキストの色。

Map

color: ('gray', 700)

icon-color

アバターのアイコンの色。

Map

color: ('gray', 600)

border-radius

円形アバターの境界半径。

Number

rem(4px)

size

アバターの幅と高さに使用されるサイズ。

List

(rem(20px), rem(28px), rem(36px))

default-size

Avatar コンポーネントに使用されるデフォルトのサイズ。

Number

次で使用

var dark-indigo-avatar

必須

var light-avatar

variable light-badge public

Light badge スキーマを生成します。

Deprecation message:

プロパティ

icon-color

使用されるアイコンの色。

Map

contrast-color: ('primary', 900)

text-color

使用されるテキストの色。

Map

contrast-color: ('primary', 900)

border-color

境界線の色。

Map

color: ('gray', 50)

background-color

使用される背景色。

Map

color: ('primary', 500)

elevation

バッジの影に使用される 0 から 24 までのエレベーションレベル。

Number

border-radius

バッジに使用される境界半径。

Number

次で使用

var material-badge
var fluent-badge
var bootstrap-badge
var indigo-badge

必須

var default-elevation-badge

variable material-badge public

Material badge スキーマを生成します。

Deprecation message:

次で使用

var dark-material-badge

必須

var light-badge

variable fluent-badge public

Fluent badge スキーマを生成します。

Deprecation message:

次で使用

var dark-fluent-badge

必須

var light-badge

variable bootstrap-badge public

Bootstrap badge スキーマを生成します。

Deprecation message:

プロパティ

icon-color

使用されるアイコンの色。

Map

contrast-color: ('primary', 100)

text-color

使用されるテキストの色。

Map

contrast-color: ('primary', 100)

border-radius

バッジに使用される境界半径。

Number

rem(4px)

次で使用

var dark-bootstrap-badge

必須

var light-badge

variable indigo-badge public

Indigo badge スキーマを生成します。

Deprecation message:

プロパティ

background-color

使用される背景色。

Map

color: ('primary', 400)

次で使用

var dark-indigo-badge

必須

var light-badge
var indigo-elevation-badge

variable light-banner public

Light banner スキーマを生成します。

Deprecation message:

プロパティ

banner-background

バナーの背景に使用される色。

Map

color: 'surface'

banner-message-color

バナーのラベルに使用される色。

Map

contrast-color: 'surface'

border-radius

バナーの境界線の半径。

Number

次で使用

var material-banner
var fluent-banner
var bootstrap-banner

variable material-banner public

Material banner スキーマを生成します。

Deprecation message:

プロパティ

banner-message-color

バナーのラベルに使用される色。

Map

color: ('gray', 900)

banner-illustration-color

バナーのイラストに使用される色。

Map

color: ('gray', 900)

banner-border-color

バナーの境界線に使用される色。

Map

color: ('gray', 300)

次で使用

var dark-material-banner

必須

var light-banner

variable fluent-banner public

Fluent banner スキーマを生成します。

Deprecation message:

プロパティ

banner-message-color

バナーのラベルに使用される色。

Map

color: ('gray', 900)

banner-illustration-color

バナーのイラストに使用される色。

Map

color: ('gray', 900)

banner-border-color

バナーの境界線に使用される色。

Map

color: ('gray', 300)

次で使用

var dark-fluent-banner

必須

var light-banner

variable bootstrap-banner public

Bootstrap banner スキーマを生成します。

Deprecation message:

プロパティ

banner-message-color

バナーのラベルに使用される色。

Map

color: ('gray', 800)

banner-border-color

バナーの境界線に使用される色。

Map

color: ('gray', 300)

banner-illustration-color

バナーのイラストに使用される色。

Map

color: ('gray', 800)

次で使用

var dark-bootstrap-banner

必須

var light-banner

variable indigo-banner public

Indigo banner スキーマを生成します。

Deprecation message:

プロパティ

banner-background

バナーの背景に使用される色。

Map

color: ('gray', 200)

banner-message-color

バナーのラベルに使用される色。

Map

color: ('gray', 700)

banner-border-color

バナーの境界線に使用される色。

Map

color: ('gray', 300)

banner-illustration-color

バナーのイラストに使用される色。

Map

color: ('gray', 600)

border-radius

バナーの境界線の半径。

Number

rem(6px)

次で使用

var dark-indigo-banner

variable light-bottom-nav public

Light bottom navigation スキーマを生成します。

Deprecation message:

プロパティ

background

下部のナビゲーションに使用される背景色。

Map

color: ('gray', 50)

icon-color

アイドル状態に使用されるアイコンの色。

Map

color: ('gray', 700)

icon-selected-color

選択した項目に使用されるアイコンの色。

Map

color: ('primary', 500)

label-color

アイドル状態に使用されるラベルの色。

Map

color: ('gray', 700)

icon-disabled-color

アイコンの無効な色。

Map

color: ('gray', 700)

label-disabled-color

ラベルの無効な色。

Map

color: ('gray', 700)

label-selected-color

選択した項目に使用されるラベルの色。

Map

color: ('primary', 500)

border-color

下部のナビゲーションの境界線の色。

Color

transparent

elevation

下部のナビゲーションの影に使用される 0 から 24 までのエレベーションレベル。

Number

次で使用

var material-bottom-nav
var fluent-bottom-nav
var bootstrap-bottom-nav
var indigo-bottom-nav

必須

var default-elevation-bottom-nav

variable material-bottom-nav public

Material bottom navigation スキーマを生成します。

Deprecation message:

次で使用

var dark-material-bottom-nav

必須

var light-bottom-nav

variable fluent-bottom-nav public

Fluent bottom navigation スキーマを生成します。

Deprecation message:

プロパティ

elevation

下部のナビゲーションの影に使用される 0 から 24 までのエレベーションレベル。

Number

次で使用

var dark-fluent-bottom-nav

必須

var light-bottom-nav
var fluent-elevation-bottom-nav

variable bootstrap-bottom-nav public

Bootstrap bottom navigation スキーマを生成します。

Deprecation message:

次で使用

var dark-bootstrap-bottom-nav

必須

var light-bottom-nav

variable indigo-bottom-nav public

Indigo bottom navigation スキーマを生成します。

Deprecation message:

プロパティ

border-color

下部のナビゲーションの境界線の色。

Map

color: ('gray', 300)

background

下部のナビゲーションに使用される背景色。

Map

color: 'surface'

icon-color

アイドル状態に使用されるアイコンの色。

Map

color: ('gray', 600)

label-color

アイドル状態に使用されるラベルの色。

Map

color: ('gray', 800)

icon-disabled-color

アイコンの無効な色。

Map

color: ('gray', 900, .2)

label-disabled-color

ラベルの無効な色。

Map

color: ('gray', 900, .2)

elevation

下部のナビゲーションの影に使用される 0 から 24 までのエレベーションレベル。

Number

次で使用

var dark-indigo-bottom-nav

必須

var light-bottom-nav
var indigo-elevation-bottom-nav

variable light-button-group public

Light button group スキーマを生成します。

Deprecation message:

プロパティ

idle-shadow-color

ボタングループ項目のアウトラインの色。

Color

transparent

selected-shadow-color

選択されたボタングループ項目の背景色。

Color

transparent

item-text-color

ボタングループ項目のテキストの色。

Map

color: ('gray', 700)

item-background

ボタングループ項目の背景色。

Map

color: ('gray', 50)

item-border-color

ボタングループ項目の間の境界線の色。

Map

color: ('gray', 400)

item-hover-background

ボタングループ項目のホバー背景色。

Map

color: ('gray', 200)

item-hover-text-color

ボタングループ項目のホバーテキストの色。

Map

color: ('gray', 900)

item-focused-text-color

ボタングループ項目のフォーカスされているテキストの色。

Map

color: ('gray', 800)

item-focused-border-color

ボタングループの項目のフォーカス境界線の色。

Map

color: ('gray', 400)

disabled-background-color

ボタングループの無効にされた項目のための背景色。

Map

color: ('gray', 50)

disabled-selected-background

ボタングループで選択された項目の無効な背景色。

Map

color: ('gray', 500, .12)

elevation

ボタングループの影に使用される 0 から 24 までのエレベーションレベル。

Number

border-radius

ボタングループコンポーネントに使用される境界半径。

List

(rem(4px), rem(0), rem(20px))

default-size

Button-group コンポーネントに使用されるデフォルトのサイズ。

Number

次で使用

var material-button-group
var fluent-button-group
var bootstrap-button-group
var indigo-button-group

必須

var default-elevation-button-group

variable material-button-group public

Material button group スキーマを生成します。

Deprecation message:

プロパティ

item-icon-color

ボタングループ項目のアイコンの色。

Map

color: ('gray', 700)

item-hover-text-color

ボタングループ項目のホバーテキストの色。

Map

color: ('gray', 800)

item-hover-icon-color

ボタングループ項目のホバーアイコンの色。

Map

color: ('gray', 800)

item-hover-border-color

ボタングループ項目間のホバー境界線の色。

Map

color: ('gray', 400)

item-hover-background

ボタングループ項目のホバー背景色。

Map

color: ('gray', 300, .8)

item-focused-background

ボタングループ項目のフォーカス背景色。

Map

color: ('gray', 700, .4)

item-focused-hover-background

ボタングループ項目のフォーカスおよびホバー背景色。

Map

color: ('gray', 500, .5)

item-selected-background

ボタングループの選択された項目のための背景色。

Map

color: ('gray', 400)

item-selected-text-color

ボタングループの選択された項目のためのテキスト/アイコンの色。

Map

color: ('gray', 800)

item-selected-icon-color

ボタングループの選択された項目のためのアイコンの色。

Map

color: ('gray', 800)

item-selected-border-color

ボタングループの選択された項目の境界線の色。

Map

color: ('gray', 500)

item-selected-hover-background

ボタングループ内でホバー状態にある選択された項目の背景色。

Map

color: ('gray', 500, .8)

item-selected-focus-background

ボタングループ内のフォーカス状態で選択された項目の背景色。

Map

color: ('gray', 700, .5)

item-selected-focus-hover-background

ボタングループ内のフォーカス状態およびホバー状態で選択された項目の背景色。

Map

color: ('gray', 600, .7)

item-selected-hover-border-color

ボタングループ内のホバー状態で選択されている項目の境界線の色。

Map

color: ('gray', 500)

item-selected-hover-text-color

ボタングループ内のホバー状態で選択されている項目のテキストの色。

Map

color: ('gray', 800)

item-selected-hover-icon-color

ボタングループ内のホバー状態で選択されている項目のアイコンの色。

Map

color: ('gray', 800)

disabled-text-color

ボタングループの無効にされた項目のためのテキスト/アイコンの色。

Map

color: ('gray', 400)

item-disabled-border

ボタングループの無効にされた項目のための境界線の色。

Map

color: ('gray', 400)

disabled-selected-text-color

ボタングループで選択された項目の無効なテキストの色。

Map

color: ('gray', 400)

disabled-selected-icon-color

ボタングループで選択された項目の無効なアイコンの色。

Map

color: ('gray', 400)

disabled-selected-border-color

ボタングループから選択された項目の無効な境界線の色。

Map

color: ('gray', 400)

border-radius

ボタングループコンポーネントに使用される境界半径。

List

(rem(2px), rem(0), rem(20px))

default-size

Button-group コンポーネントに使用されるデフォルトのサイズ。

Number

次で使用

var dark-material-button-group

必須

var light-button-group
var default-elevation-button-group

variable fluent-button-group public

Fluent button group スキーマを生成します。

Deprecation message:

プロパティ

item-text-color

ボタングループ項目のテキストの色。

Map

color: ('gray', 900)

item-icon-color

ボタングループ項目のアイコンの色。

Map

color: ('gray', 900)

item-background

ボタングループ項目の背景色。

Map

contrast-color: ('gray', 900)

item-border-color

ボタングループ項目の間の境界線の色。

Map

color: ('gray', 600)

item-hover-icon-color

ボタングループ項目のホバーアイコンの色。

Map

color: ('gray', 900)

item-hover-border-color

ボタングループ項目間のホバー境界線の色。

Map

color: ('gray', 600)

item-focused-text-color

ボタングループ項目のフォーカスされているテキストの色。

Map

color: ('gray', 900)

item-focused-border-color

ボタングループの項目のフォーカス境界線の色。

Map

color: ('gray', 700)

item-focused-background

ボタングループ項目のフォーカス背景色。

Map

color: ('gray', 300)

item-focused-hover-background

ボタングループ項目のフォーカスおよびホバー背景色。

Map

color: ('gray', 200)

item-selected-background

ボタングループの選択された項目のための背景色。

Map

color: ('gray', 300)

item-selected-text-color

ボタングループの選択された項目のためのテキスト/アイコンの色。

Map

color: ('gray', 900)

item-selected-icon-color

ボタングループの選択された項目のためのアイコンの色。

Map

color: ('gray', 900)

item-selected-border-color

ボタングループの選択された項目の境界線の色。

Map

color: ('gray', 600)

item-selected-hover-background

ボタングループ内でホバー状態にある選択された項目の背景色。

Map

color: ('gray', 400, .3)

item-selected-hover-border-color

ボタングループ内のホバー状態で選択されている項目の境界線の色。

Map

color: ('gray', 600)

item-selected-hover-text-color

ボタングループ内のホバー状態で選択されている項目のテキストの色。

Map

color: ('gray', 900)

item-selected-hover-icon-color

ボタングループ内のホバー状態で選択されている項目のアイコンの色。

Map

color: ('gray', 900)

item-selected-focus-background

ボタングループ内のフォーカス状態で選択された項目の背景色。

Map

color: ('gray', 400)

item-selected-focus-hover-background

ボタングループ内のフォーカス状態およびホバー状態で選択された項目の背景色。

Map

color: ('gray', 400, .3)

disabled-text-color

ボタングループの無効にされた項目のためのテキスト/アイコンの色。

Map

color: ('gray', 500)

item-disabled-border

ボタングループの無効にされた項目のための境界線の色。

Map

color: ('gray', 600)

disabled-selected-text-color

ボタングループで選択された項目の無効なテキストの色。

Map

color: ('gray', 500)

disabled-selected-icon-color

ボタングループで選択された項目の無効なアイコンの色。

Map

color: ('gray', 500)

disabled-selected-border-color

ボタングループから選択された項目の無効な境界線の色。

Map

color: ('gray', 600)

elevation

ボタングループの影に使用される 0 から 24 までのエレベーションレベル。

Number

border-radius

ボタングループコンポーネントに使用される境界半径。

List

(rem(2px), rem(0), rem(20px))

次で使用

var dark-fluent-button-group

必須

var light-button-group
var fluent-elevation-button-group

variable bootstrap-button-group public

Bootstrap button group スキーマを生成します。

Deprecation message:

プロパティ

idle-shadow-color

ボタングループ項目のアウトラインの色。

Map

color: ('primary', 600, .5)

selected-shadow-color

選択されたボタングループ項目の背景色。

Map

color: ('primary', 600, .5)

item-background

ボタングループ項目の背景色。

Map

color: ('primary', 500)

item-text-color

ボタングループ項目のテキストの色。

Map

contrast-color: ('primary', 600)

item-icon-color

ボタングループ項目のアイコンの色。

Map

contrast-color: ('primary', 600)

item-border-color

ボタングループ項目の間の境界線の色。

Map

color: ('primary', 500)

item-hover-background

ボタングループ項目のホバー背景色。

Map

color: ('primary', 600)

item-hover-text-color

ボタングループ項目のホバーテキストの色。

Map

contrast-color: ('primary', 600)

item-hover-icon-color

ボタングループ項目のホバーアイコンの色。

Map

contrast-color: ('primary', 600)

item-hover-border-color

ボタングループ項目間のホバー境界線の色。

Map

color: ('primary', 500)

item-focused-text-color

ボタングループ項目のフォーカスされているテキストの色。

Map

contrast-color: ('primary', 600)

item-focused-background

ボタングループ項目のフォーカス背景色。

Map

color: ('primary', 900, .6)

item-focused-hover-background

ボタングループ項目のフォーカスおよびホバー背景色。

Map

color: ('primary', 600, .5)

item-selected-background

ボタングループの選択された項目のための背景色。

Map

color: ('primary', 700)

item-selected-text-color

ボタングループの選択された項目のためのテキスト/アイコンの色。

Map

contrast-color: ('primary', 700)

item-selected-icon-color

ボタングループの選択された項目のためのアイコンの色。

Map

contrast-color: ('primary', 700)

item-selected-border-color

ボタングループの選択された項目の境界線の色。

Map

color: ('primary', 700)

item-selected-hover-background

ボタングループ内でホバー状態またはフォーカス状態にある選択された項目の背景色。

Map

color: ('primary', 800)

item-selected-hover-border-color

ボタングループ内のホバー状態で選択されている項目の境界線の色。

Map

color: ('primary', 700)

item-selected-hover-text-color

ボタングループ内のホバー状態で選択されている項目のテキストの色。

Map

contrast-color: ('primary', 700)

item-selected-hover-icon-color

ボタングループ内のホバー状態で選択されている項目のアイコンの色。

Map

contrast-color: ('primary', 700)

item-selected-focus-background

ボタングループ内のフォーカス状態で選択された項目の背景色。

Map

color: ('primary', 900, .9)

item-selected-focus-hover-background

ボタングループ内のフォーカス状態およびホバー状態で選択された項目の背景色。

Map

color: ('primary', 600, .5)

disabled-background-color

ボタングループの無効にされた項目のための背景色。

Map

color: ('primary', 100)

disabled-text-color

ボタングループの無効にされた項目のためのテキスト/アイコンの色。

Map

color: ('primary', 200)

item-disabled-border

ボタングループの無効にされた項目のための境界線の色。

Map

color: ('primary', 100)

disabled-selected-text-color

ボタングループで選択された項目の無効なテキストの色。

Map

color: ('primary', 200)

disabled-selected-icon-color

ボタングループで選択された項目の無効なアイコンの色。

Map

color: ('primary', 200)

disabled-selected-border-color

ボタングループから選択された項目の無効な境界線の色。

Map

color: ('primary', 100)

elevation

ボタングループの影に使用される 0 から 24 までのエレベーションレベル。

Number

次で使用

var dark-bootstrap-button-group

必須

var light-button-group
var bootstrap-elevation-button-group

variable indigo-button-group public

Indigo light button-group スキーマを生成します。

Deprecation message:

プロパティ

item-icon-color

ボタングループ項目のアイコンの色。

Map

color: ('gray', 600)

idle-shadow-color

ボタングループ項目のアウトラインの色。

Map

color: ('gray', 900, .15)

selected-shadow-color

選択されたボタングループ項目の背景色。

Map

color: ('primary', 400, .5)

item-hover-icon-color

ボタングループ項目のホバーアイコンの色。

Map

color: ('gray', 700)

item-hover-border-color

ボタングループ項目間のホバー境界線の色。

Map

color: ('gray', 500)

item-focused-background

ボタングループ項目のフォーカス背景色。

Map

color: ('gray', 50)

item-focused-hover-background

ボタングループ項目のフォーカスおよびホバー背景色。

Map

color: ('gray', 200)

item-selected-background

ボタングループの選択された項目のための背景色。

Map

color: ('primary', 500)

item-selected-text-color

ボタングループの選択された項目のためのテキスト/アイコンの色。

Map

contrast-color: ('primary', 500)

item-selected-icon-color

ボタングループの選択された項目のためのアイコンの色。

Map

contrast-color: ('primary', 500, .8)

item-selected-border-color

ボタングループの選択された項目の境界線の色。

Map

color: ('primary', 500)

item-selected-hover-background

ボタングループ内のホバー状態で選択された項目の背景色。

Map

color: ('primary', 400)

item-selected-hover-border-color

ボタングループ内のホバー状態で選択されている項目の境界線の色。

Map

color: ('primary', 400)

item-selected-hover-text-color

ボタングループ内のホバー状態で選択されている項目のテキストの色。

Map

contrast-color: ('primary', 500)

item-selected-hover-icon-color

ボタングループ内のホバー状態で選択されている項目のアイコンの色。

Map

contrast-color: ('primary', 500)

item-selected-focus-background

ボタングループ内のフォーカス状態で選択された項目の背景色。

Map

color: ('primary', 500)

item-selected-focus-hover-background

ボタングループ内のフォーカス状態およびホバー状態で選択された項目の背景色。

Map

color: ('primary', 400)

disabled-background-color

ボタングループの無効にされた項目のための背景色。

Map

contrast-color: ('gray', 900)

disabled-text-color

ボタングループの無効にされた項目のためのテキスト/アイコンの色。

Map

color: ('gray', 900, .2)

item-disabled-border

ボタングループの無効にされた項目のための境界線の色。

Map

color: ('gray', 300)

disabled-selected-background

ボタングループで選択された項目の無効な背景色。

Map

color: ('primary', 400, .5)

disabled-selected-text-color

ボタングループで選択された項目の無効なテキストの色。

Map

contrast-color: ('primary', 500, .4)

disabled-selected-icon-color

ボタングループで選択された項目の無効なアイコンの色。

Map

contrast-color: ('primary', 500, .3)

disabled-selected-border-color

ボタングループから選択された項目の無効な境界線の色。

Map

color: ('primary', 400, .5)

elevation

ボタングループの影に使用される 0 から 24 までのエレベーションレベル。

Number

次で使用

var dark-indigo-button-group

必須

var light-button-group
var indigo-elevation-button-group

variable light-base-button public

Deprecation message:

プロパティ

shadow-color

ボタンの影の色。

Color

transparent

border-color

ボタンのアウトライン色。

Color

transparent

hover-border-color

ボタンのホバー境界線の色。

Color

transparent

focus-border-color

ボタンのフォーカス境界線の色。

Color

transparent

focus-visible-border-color

ボタンのフォーカス表示境界線の色。

Color

transparent

active-border-color

ボタンのアクティブ表示の境界線の色。

Color

transparent

disabled-border-color

ボタンの無効な境界線の色。

Color

transparent

disabled-background

ボタンの無効な背景色。

Map

color: ('gray', 300)

disabled-foreground

ボタンの無効表示の前景色。

Map

color: ('gray', 500)

disabled-icon-color

無効になっているボタンのアイコンの色。

Map

color: ('gray', 500)

size

ボタンに使用されるサイズ。

List

(rem(24px), rem(30px), rem(36px))

default-size

Button コンポーネントに使用されるデフォルトのサイズ。

Number

次で使用

var light-flat-button
var light-contained-button
var material-base-button
var fluent-base-button
var bootstrap-base-button
var indigo-base-button

variable light-flat-button public

Deprecation message:

プロパティ

background

Flat ボタンの背景色。

Color

transparent

focus-foreground

クリックとキーボードでフォーカスされたときの Flat ボタンのテキストの色。

Map

color: ('secondary', 500)

border-radius

Flat ボタンに使用される境界半径。

List

(rem(4px), rem(0), rem(20px))

次で使用

var light-outlined-button
var light-button
var material-flat-button
var fluent-flat-button
var bootstrap-flat-button
var indigo-flat-button

必須

var light-base-button
var flat-elevation-button

variable light-outlined-button public

Deprecation message:

プロパティ

disabled-border-color

Outlined ボタンの無効なフォーカス境界線の色。

Map

color: ('gray', 300)

次で使用

var light-button
var material-outlined-button
var fluent-outlined-button
var bootstrap-outlined-button
var indigo-outlined-button

必須

var light-flat-button

variable light-contained-button public

Deprecation message:

プロパティ

background

Contained ボタンの背景色。

Map

color: ('secondary', 500)

active-background

Contained ボタンのアクティブ表示の背景色。

Map

color: ('secondary', 300)

resting-elevation

静止状態に使用する 0〜24 のエレベーションレベル。

Number

hover-elevation

ホバー状態に使用される 0 から 24 までのエレベーションレベル。

Number

focus-elevation

エレベーションレベル、0 から 24 まで、フォーカス状態のため使用されます。

Number

border-radius

Contained ボタンに使用される境界半径。

List

(rem(4px), rem(0), rem(20px))

次で使用

var light-fab-button
var light-button
var material-contained-button
var fluent-contained-button
var bootstrap-contained-button
var indigo-contained-button

必須

var light-base-button
var light-contained-elevation

variable light-fab-button public

Deprecation message:

プロパティ

resting-elevation

静止状態に使用する 0〜24 のエレベーションレベル。

Number

hover-elevation

ホバー状態に使用される 0 から 24 までのエレベーションレベル。

Number

focus-elevation

エレベーションレベル、0 から 24 まで、フォーカス状態のため使用されます。

Number

size

Floating ボタンに使用されるサイズ。

List

(rem(32px), rem(40px), rem(48px))

次で使用

var light-button
var material-fab-button
var bootstrap-fab-button
var indigo-fab-button

必須

var light-contained-button
var light-fab-elevation

variable light-button public

Light button スキーマを生成します。

Deprecation message:

必須

var light-flat-button
var light-outlined-button
var light-contained-button
var light-fab-button

variable material-base-button public

Deprecation message:

次で使用

var material-flat-button
var material-outlined-button
var material-contained-button
var material-fab-button

必須

var light-base-button

variable material-flat-button public

Deprecation message:

プロパティ

foreground

Flat ボタンのアイドルテキストの色。

Map

color: ('secondary', 500)

icon-color

ボタンのアイドル状態のアイコンの色。

Map

color: ('secondary', 500)

icon-color-hover

ボタンのホバーアイコンの色。

Map

color: ('secondary', 500)

hover-background

Flat ボタンのホバー背景色。

Map

color: ('secondary', 500, .08)

hover-foreground

Flat ボタンのホバーテキストの色。

Map

color: ('secondary', 500)

focus-background

クリックとキーボードでフォーカスされたときの Flat ボタンの背景色。

Map

color: ('secondary', 500, .32)

focus-foreground

クリックとキーボードでフォーカスされたときの Flat ボタンのテキストの色。

Map

color: ('secondary', 500)

focus-hover-background

ボタンのフォーカス時のホバー状態の背景色。

Map

color: ('secondary', 500, .24)

focus-hover-foreground

ボタンのフォーカス時のホバー状態のテキストの色。

Map

color: ('secondary', 500)

focus-visible-background

Flat ボタンのフォーカス表示の背景色。

Map

color: ('secondary', 500, .16)

focus-visible-foreground

Flat ボタンのフォーカス表示テキストの色。

Map

color: ('secondary', 500)

active-background

Flat ボタンのアクティブ表示の背景色。

Map

color: ('secondary', 500, .16)

active-foreground

Flat ボタンのアクティブ表示のテキストの色。

Map

color: ('secondary', 500)

disabled-background

Flat ボタンの無効な背景色。

Color

transparent

次で使用

var material-flat-button-dark
var material-button
var fluent-flat-button

必須

var material-base-button
var light-flat-button

variable material-outlined-button public

Deprecation message:

プロパティ

border-color

Outlined ボタンのアウトラインの色。

Map

color: ('secondary', 500)

hover-border-color

Outlined ボタンのホバー境界線の色。

Map

color: ('secondary', 500)

focus-border-color

Outlined ボタンのフォーカス境界線の色。

Map

color: ('secondary', 500)

focus-visible-border-color

Outlined ボタンのフォーカス表示境界線の色。

Map

color: ('secondary', 500)

active-border-color

Outlined ボタンのアクティブ表示の境界線の色。

Map

color: ('secondary', 500)

次で使用

var material-outlined-button-dark
var material-button

必須

var material-base-button
var light-outlined-button

variable material-contained-button public

Deprecation message:

プロパティ

foreground

Contained ボタンのアイドルテキストの色。

Map

contrast-color: ('secondary', 400)

icon-color

ボタンのアイドル状態のアイコンの色。

Map

contrast-color: ('secondary', 400)

hover-background

Contained ボタンのホバー背景色。

Map

color: ('secondary', 400)

hover-foreground

Contained ボタンのホバー表示のテキストの色。

Map

contrast-color: ('secondary', 400)

icon-color-hover

ボタンのホバーアイコンの色。

Map

contrast-color: ('secondary', 400)

focus-background

クリックとキーボードでフォーカスされたときの Contained ボタンの背景色。

Map

color: ('secondary', 300)

focus-foreground

クリックとキーボードでフォーカスされたときの Contained ボタンのテキストの色。

Map

contrast-color: ('secondary', 300)

focus-visible-background

Contained ボタンのフォーカス表示の背景色。

Map

color: ('secondary', 300)

focus-visible-foreground

Contained ボタンのフォーカス表示のテキストの色。

Map

contrast-color: ('secondary', 300)

focus-hover-background

ボタンのフォーカス時のホバー状態の背景色。

Map

color: ('secondary', 400)

focus-hover-foreground

ボタンのフォーカス時のホバー状態のテキストの色。

Map

contrast-color: ('secondary', 400)

active-foreground

Contained ボタンのアクティブ表示のテキストの色。

Map

contrast-color: ('secondary', 300)

disabled-background

ボタンの無効な背景色。

Map

color: ('gray', 100)

次で使用

var material-contained-button-dark
var material-button

必須

var light-contained-button
var material-base-button

variable material-fab-button public

Deprecation message:

プロパティ

disabled-background

ボタンの無効な背景色。

Map

color: ('gray', 100)

border-radius

Floating ボタンに使用される境界半径。

List

(rem(28px), rem(12px), rem(28px))

次で使用

var material-fab-button-dark
var material-button

必須

var light-fab-button
var material-base-button

variable material-button public

Light material button スキーマを生成します。

Deprecation message:

必須

var material-flat-button
var material-outlined-button
var material-contained-button
var material-fab-button

variable fluent-base-button public

Deprecation message:

プロパティ

foreground

ボタンのアイドルテキストの色。

Map

color: ('gray', 900)

icon-color

ボタンのアイドル状態のアイコンの色。

Map

color: ('gray', 900)

icon-color-hover

ボタンのホバーアイコンの色。

Map

color: ('gray', 900)

focus-visible-border-color

ボタンのフォーカス表示境界線の色。

Map

color: ('gray', 700)

hover-background

ボタンのホバー背景色。

Map

color: ('gray', 200)

hover-foreground

ボタンのホバーテキストの色。

Map

color: ('gray', 900)

focus-background

クリックとキーボードでフォーカスされたときのボタンの背景色。

Map

color: ('gray', 300)

focus-foreground

クリックとキーボードでフォーカスされたときのボタンのテキストの色。

Map

color: ('gray', 900)

active-background

ボタンのアクティブな背景色。

Map

color: ('gray', 300)

active-foreground

ボタンのアクティブなテキストの色。

Map

color: ('gray', 900)

focus-hover-background

ボタンのフォーカス時のホバー状態の背景色。

Map

color: ('gray', 200)

focus-hover-foreground

ボタンのフォーカス/ホバー表示テキストの色。

Map

color: ('gray', 900)

focus-visible-background

ボタンのフォーカス表示テキストの色。

Color

transparent

disabled-background

ボタンの無効な背景色。

Map

color: ('gray', 100)

border-radius

ボタンに使用される境界線の半径。

List

(rem(2px), rem(0), rem(20px))

size

ボタンに使用されるサイズ。

List

(rem(24px), rem(32px), rem(38px))

default-size

Button コンポーネントに使用されるデフォルトのサイズ。

Number

次で使用

var fluent-flat-button
var fluent-outlined-button
var fluent-contained-button
var fluent-fab-button

必須

var light-base-button
var flat-elevation-button

variable fluent-flat-button public

Deprecation message:

プロパティ

disabled-background

Flat ボタンの無効な背景色。

Color

transparent

次で使用

var fluent-flat-button-dark
var fluent-button

必須

var material-flat-button
var light-flat-button
var fluent-base-button

variable fluent-outlined-button public

Deprecation message:

プロパティ

border-color

Outlined ボタンの境界線の色。

Map

color: ('gray', 600)

hover-border-color

Outlined ボタンのホバー境界線の色。

Map

color: ('gray', 600)

focus-border-color

ボタンのフォーカス境界線の色。

Map

color: ('gray', 600)

active-border-color

Outlined ボタンのアクティブ表示の境界線の色。

Map

color: ('gray', 600)

disabled-border-color

Outlined ボタンの無効なフォーカス境界線の色。

Map

color: ('gray', 300)

次で使用

var fluent-outlined-button-dark
var fluent-button

必須

var light-outlined-button
var fluent-base-button

variable fluent-contained-button public

Deprecation message:

プロパティ

focus-visible-border-color

Contained ボタンのフォーカス表示の境界線の色。

Map

contrast-color: ('primary', 900)

background

Contained ボタンの背景色。

Map

color: ('primary', 500)

foreground

Contained ボタンのアイドルテキストの色。

Map

contrast-color: ('primary', 900)

icon-color

ボタンのアイドル状態のアイコンの色。

Map

contrast-color: ('primary', 900)

icon-color-hover

ボタンのホバーアイコンの色。

Map

contrast-color: ('primary', 900)

hover-background

Contained ボタンのホバー背景色。

Map

color: ('primary', 600)

hover-foreground

Contained ボタンのホバー表示のテキストの色。

Map

contrast-color: ('primary', 900)

focus-background

クリックとキーボードでフォーカスされたときの Contained ボタンの背景色。

Map

color: ('primary', 800)

focus-foreground

クリックとキーボードでフォーカスされたときの Contained ボタンのテキストの色。

Map

contrast-color: ('primary', 900)

focus-hover-background

ボタンのフォーカス時のホバー状態の背景色。

Map

color: ('primary', 600)

focus-hover-foreground

ボタンのフォーカス時のホバー状態のテキストの色。

Map

contrast-color: ('primary', 900)

focus-visible-background

Contained ボタンのフォーカス表示の背景色。

Map

color: ('primary', 500)

focus-visible-foreground

Contained ボタンのフォーカス表示のテキストの色。

Map

contrast-color: ('primary', 900)

active-background

Contained ボタンのアクティブ表示の背景色。

Map

color: ('primary', 800)

active-foreground

Contained ボタンのアクティブ表示のテキストの色。

Map

contrast-color: ('primary', 900)

resting-elevation

静止状態に使用する 0〜24 のエレベーションレベル。

Number

hover-elevation

ホバー状態に使用される 0 から 24 までのエレベーションレベル。

Number

focus-elevation

エレベーションレベル、0 から 24 まで、フォーカス状態のため使用されます。

Number

border-radius

Contained ボタンに使用される境界半径。

List

(rem(2px), rem(0), rem(20px))

次で使用

var fluent-contained-button-dark
var fluent-fab-button
var fluent-button

必須

var light-contained-button
var fluent-base-button

variable fluent-fab-button public

Deprecation message:

プロパティ

resting-elevation

静止状態に使用する 0〜24 のエレベーションレベル。

Number

hover-elevation

ホバー状態に使用される 0 から 24 までのエレベーションレベル。

Number

focus-elevation

エレベーションレベル、0 から 24 まで、フォーカス状態のため使用されます。

Number

border-radius

Fab ボタンに使用される境界半径。

List

(rem(14px), rem(12px), rem(28px))

size

ボタンに使用されるサイズ。

List

(rem(32px), rem(40px), rem(48px))

次で使用

var fluent-fab-button-dark
var fluent-button

必須

var fluent-base-button
var fluent-contained-button

variable fluent-button public

Light fluent button スキーマを生成します。

Deprecation message:

必須

var fluent-flat-button
var fluent-outlined-button
var fluent-contained-button
var fluent-fab-button

variable bootstrap-base-button public

Deprecation message:

プロパティ

disabled-background

ボタンの無効な背景色。

Map

color: ('primary', 50)

disabled-foreground

ボタンの無効表示の前景色。

Map

color: ('primary', 200)

disabled-icon-color

無効になっているボタンのアイコンの色。

Map

color: ('primary', 200)

shadow-color

ボタンの影の色。

Map

color: ('primary', 600, .5)

size

ボタンに使用されるサイズ。

List

(rem(31px), rem(38px), rem(48px))

default-size

Button コンポーネントに使用されるデフォルトのサイズ。

Number

次で使用

var bootstrap-flat-button
var bootstrap-outlined-button
var bootstrap-contained-button
var bootstrap-fab-button

必須

var light-base-button
var flat-elevation-button

variable bootstrap-flat-button public

Deprecation message:

プロパティ

foreground

Flat ボタンのアイドルテキストの色。

Map

color: ('primary', 500)

icon-color

ボタンのアイドル状態のアイコンの色。

Map

color: ('primary', 500)

hover-background

Flat ボタンのホバー背景色。

Color

transparent

hover-foreground

Flat ボタンのホバーテキストの色。

Map

color: ('primary', 600)

icon-color-hover

ボタンのホバーアイコンの色。

Map

color: ('primary', 600)

focus-background

クリックとキーボードでフォーカスされたときの Flat ボタンの背景色。

Color

transparent

focus-foreground

クリックとキーボードでフォーカスされたときの Flat ボタンのテキストの色。

Map

color: ('primary', 800)

focus-hover-background

ボタンのフォーカス時のホバー状態の背景色。

Color

transparent

focus-hover-foreground

ボタンのフォーカス時のホバー状態のテキストの色。

Map

color: ('primary', 600)

focus-visible-background

Flat ボタンのフォーカス表示の背景色。

Color

transparent

focus-visible-foreground

Flat ボタンのフォーカス表示テキストの色。

Map

color: ('primary', 500)

active-background

Flat ボタンのアクティブ表示の背景色。

Color

transparent

active-foreground

Flat ボタンのアクティブ表示の背景色。

Map

color: ('primary', 800)

disabled-background

Flat ボタンの無効な背景色。

Color

transparent

次で使用

var dark-bootstrap-button
var bootstrap-button

必須

var light-flat-button
var bootstrap-base-button

variable bootstrap-outlined-button public

Deprecation message:

プロパティ

foreground

Outlined ボタンのアイドルテキストの色。

Map

color: ('primary', 500)

icon-color

Outlined ボタンのアイドルアイコンの色。

Map

color: ('primary', 500)

border-color

Outlined ボタンの境界線の色。

Map

color: ('primary', 500)

hover-background

Outlined ボタンのホバー背景色。

Map

color: ('primary', 600)

hover-foreground

Outlined ボタンのホバーテキストの色。

Map

contrast-color: ('primary', 600)

icon-color-hover

Outlined ボタンのホバー境界線の色。

Map

contrast-color: ('primary', 600)

hover-border-color

Outlined ボタンのホバー境界線の色。

Map

color: ('primary', 600)

focus-background

クリックとキーボードでフォーカスされたときの Outlined ボタンの背景色。

Map

color: ('primary', 800)

focus-foreground

クリックとキーボードでフォーカスされたときの Outlined ボタンのテキストの色。

Map

contrast-color: ('primary', 800)

focus-border-color

Outlined ボタンのフォーカス境界線の色。

Map

color: ('primary', 600)

focus-hover-background

ボタンのフォーカス時のホバー状態の背景色。

Map

color: ('primary', 600)

focus-hover-foreground

ボタンのフォーカス時のホバー状態のテキストの色。

Map

contrast-color: ('primary', 600)

focus-visible-background

Outlined ボタンのフォーカス表示の背景色。

Map

color: ('primary', 500)

focus-visible-foreground

Outlined ボタンのフォーカス表示のテキストの色。

Map

contrast-color: ('primary', 600)

focus-visible-border-color

Outlined ボタンのフォーカス表示の境界線の色。

Map

color: ('primary', 500)

active-background

Outlined ボタンのアクティブな背景色。

Map

color: ('primary', 800)

active-foreground

Outlined ボタンのアクティブ表示のテキストの色。

Map

contrast-color: ('primary', 800)

active-border-color

Outlined ボタンのアクティブ表示の境界線の色。

Map

color: ('primary', 800)

disabled-border-color

Outlined ボタンの無効なフォーカス境界線の色。

Map

color: ('primary', 50), lighten: 35%

disabled-background

Outlined ボタンの無効表示の背景色。

Color

transparent

次で使用

var dark-bootstrap-button
var bootstrap-button

必須

var light-outlined-button
var bootstrap-base-button

variable bootstrap-contained-button public

Deprecation message:

プロパティ

background

Contained ボタンの背景色。

Map

color: ('primary', 500)

foreground

Contained ボタンのアイドルテキストの色。

Map

contrast-color: ('primary', 600)

icon-color

ボタンのアイドル状態のアイコンの色。

Map

contrast-color: ('primary', 600)

icon-color-hover

ボタンのホバーアイコンの色。

Map

contrast-color: ('primary', 600)

hover-background

Contained ボタンのホバー背景色。

Map

color: ('primary', 600)

hover-foreground

Contained ボタンのホバー表示のテキストの色。

Map

contrast-color: ('primary', 600)

focus-background

クリックとキーボードでフォーカスされたときの Contained ボタンの背景色。

Map

color: ('primary', 800)

focus-hover-background

ボタンのフォーカス時のホバー状態の背景色。

Map

color: ('primary', 600)

focus-hover-foreground

ボタンのフォーカス時のホバー状態のテキストの色。

Map

contrast-color: ('primary', 600)

focus-visible-foreground

Contained ボタンのフォーカス表示のテキストの色。

Map

contrast-color: ('primary', 600)

focus-visible-background

Contained ボタンのフォーカス表示の背景色。

Map

color: ('primary', 600)

focus-foreground

クリックとキーボードでフォーカスされたときの Contained ボタンのテキストの色。

Map

contrast-color: ('primary', 800)

active-background

Contained ボタンのアクティブ表示の背景色。

Map

color: ('primary', 800)

active-foreground

Contained ボタンのアクティブ表示のテキストの色。

Map

contrast-color: ('primary', 800)

次で使用

var dark-bootstrap-button
var bootstrap-fab-button
var bootstrap-button

必須

var light-contained-button
var bootstrap-base-button

variable bootstrap-fab-button public

Deprecation message:

プロパティ

border-radius

Outlined ボタンに使用される境界半径。

List

(rem(15px), rem(12px), rem(28px))

次で使用

var dark-bootstrap-button
var bootstrap-button

必須

var light-fab-button
var bootstrap-base-button
var bootstrap-contained-button

variable bootstrap-button public

Light bootstrap button スキーマを生成します。

Deprecation message:

必須

var bootstrap-flat-button
var bootstrap-outlined-button
var bootstrap-contained-button
var bootstrap-fab-button

variable indigo-base-button public

Deprecation message:

プロパティ

foreground

ボタンのアイドルテキストの色。

Map

color: ('gray', 700)

icon-color

ボタンのアイドル状態のアイコンの色。

Map

color: ('gray', 600)

icon-color-hover

ボタンのホバーアイコンの色。

Map

color: ('gray', 700)

hover-background

ボタンのホバー背景色。

Map

color: ('gray', 900, 0.5)

hover-foreground

ボタンのホバーテキストの色。

Map

color: ('gray', 900)

focus-background

クリックとキーボードでフォーカスされたときのボタンの背景色。

Map

color: ('gray', 900, 0.5)

focus-foreground

クリックとキーボードでフォーカスされたときのボタンのテキストの色。

Map

color: ('gray', 900)

focus-hover-background

ボタンのフォーカス時のホバー状態の背景色。

Map

color: ('gray', 900, 0.5)

focus-hover-foreground

ボタンのフォーカス時のホバー状態のテキストの色。

Map

color: ('gray', 900)

active-background

ボタンのアクティブな背景色。

Map

color: ('gray', 900, 0.5)

active-foreground

ボタンのアクティブなテキストの色。

Map

color: ('gray', 900)

focus-visible-background

ボタンのフォーカス表示の背景色。

Color

transparent

focus-visible-foreground

ボタンのフォーカス表示テキストの色。

Map

color: ('gray', 700)

shadow-color

ボタンの影の色。

Map

color: ('gray', 900, .15)

disabled-background

ボタンの無効な背景色。

Color

transparent

disabled-foreground

ボタンの無効表示の前景色。

Map

color: ('gray', 900, .20)

disabled-icon-color

無効になっているボタンのアイコンの色。

Map

color: ('gray', 900, .20)

border-radius

ボタンに使用される境界線の半径。

List

(rem(40px), rem(0), rem(40px))

size

ボタンに使用されるサイズ。

List

(rem(24px), rem(28px), rem(32px))

default-size

Button コンポーネントに使用されるデフォルトのサイズ。

Number

次で使用

var indigo-flat-button
var indigo-outlined-button
var indigo-contained-button
var indigo-fab-button

必須

var light-base-button
var flat-elevation-button

variable indigo-flat-button public

Deprecation message:

次で使用

var indigo-flat-button-dark
var dark-indigo-button
var indigo-button

必須

var light-flat-button
var indigo-base-button

variable indigo-outlined-button public

Deprecation message:

プロパティ

border-color

Outlined ボタンの境界線の色。

Map

color: ('gray', 500)

hover-border-color

Outlined ボタンのホバー境界線の色。

Map

color: ('gray', 600)

focus-border-color

Outlined ボタンのフォーカス境界線の色。

Map

color: ('gray', 500)

focus-visible-border-color

Outlined ボタンのフォーカス表示の境界線の色。

Map

color: ('gray', 500)

active-border-color

Outlined ボタンのアクティブ表示の境界線の色。

Map

color: ('gray', 900, 0.15)

disabled-border-color

Outlined ボタンの無効なフォーカス境界線の色。

Map

color: ('gray', 900, 0.15)

次で使用

var indigo-outlined-button-dark
var dark-indigo-button
var indigo-button

必須

var light-outlined-button
var indigo-base-button

variable indigo-contained-button public

Deprecation message:

プロパティ

background

Contained ボタンの背景色。

Map

color: ('primary', 500)

foreground

Contained ボタンのアイドルテキストの色。

Map

contrast-color: ('primary', 500)

icon-color

ボタンのアイドル状態のアイコンの色。

Map

contrast-color: ('primary', 500, 0.8)

icon-color-hover

ボタンのホバーアイコンの色。

Map

contrast-color: ('primary', 500)

hover-background

Contained ボタンのホバー背景色。

Map

color: ('primary', 400)

hover-foreground

Contained ボタンのホバー表示のテキストの色。

Map

contrast-color: ('primary', 500)

focus-background

クリックとキーボードでフォーカスされたときの Contained ボタンの背景色。

Map

color: ('primary', 400)

focus-foreground

クリックとキーボードでフォーカスされたときの Contained ボタンのテキストの色。

Map

contrast-color: ('primary', 500)

focus-hover-background

ボタンのフォーカス時のホバー状態の背景色。

Map

color: ('primary', 400)

focus-hover-foreground

ボタンのフォーカス時のホバー状態のテキストの色。

Map

contrast-color: ('primary', 500)

focus-visible-background

Contained ボタンのフォーカス表示の背景色。

Map

color: ('primary', 500)

focus-visible-foreground

Contained ボタンのフォーカス表示のテキストの色。

Map

contrast-color: ('primary', 500)

active-background

Contained ボタンのアクティブ表示の背景色。

Map

color: ('primary', 400)

active-foreground

Contained ボタンのアクティブなテキストの色。

Map

contrast-color: ('primary', 500)

shadow-color

Contained ボタンの影の色。

Map

color: ('primary', 400, 0.5)

disabled-background

Contained ボタンの無効な背景色。

Map

color: ('primary', 400, 0.50)

disabled-foreground

ボタンの無効表示の前景色。

Map

contrast-color: ('primary', 500, 0.4)

disabled-icon-color

無効になっているボタンのアイコンの色。

Map

contrast-color: ('primary', 500, 0.3)

次で使用

var indigo-contained-button-dark
var dark-indigo-button
var indigo-fab-button
var indigo-button

必須

var light-contained-button
var indigo-base-button

variable indigo-fab-button public

Deprecation message:

プロパティ

border-radius

Fab ボタンに使用される境界半径。

List

(rem(40px), rem(12px), rem(40px))

size

Fab ボタンに使用されるサイズ。

List

(rem(28px), rem(32px), rem(36px))

次で使用

var indigo-fab-button-dark
var dark-indigo-button
var indigo-button

必須

var light-fab-button
var indigo-base-button
var indigo-contained-button

variable indigo-button public

Light indigo button スキーマを生成します。

Deprecation message:

必須

var indigo-flat-button
var indigo-outlined-button
var indigo-contained-button
var indigo-fab-button

variable light-calendar public

Light calendar スキーマを生成します。

Deprecation message:

プロパティ

content-foreground

日、月、年ビューの前景色。

Map

color: ('gray', 900)

content-background

日、月、年ビューの背景色。

Map

color: 'surface'

picker-background

月と年ピッカーの背景色。

Map

color: 'surface'

picker-hover-foreground

月と年ピッカーの :hover 前景色。

Map

color: ('secondary', 500)

picker-focus-foreground

月と年ピッカーの :focus 前景色。

Map

color: ('secondary', 500)

weekday-color

曜日ラベルの前景色。

Map

color: ('gray', 500)

weekend-color

週末の前景色。

Map

color: ('gray', 900)

inactive-color

前月と次月の日付の前景色。

Map

color: ('gray', 500)

week-number-foreground

週番号列の前景色。

Map

color: ('gray', 500)

week-number-background

週番号列の背景色。

Map

color: ('gray', 200)

navigation-color

ナビゲーションを行うボタンの色。

Map

color: ('gray', 800)

navigation-hover-color

ナビゲーションを行うボタンの :hover 色。

Map

color: ('secondary', 500)

navigation-focus-color

ナビゲーションを行うボタンの :focus 色。

Map

color: ('secondary', 500)

date-hover-foreground

日付の :hover 前景色。

Map

color: ('gray', 900)

date-focus-foreground

日付の :focus 前景色。

Map

color: ('gray', 900)

date-current-background

現在の日付の背景色。

Color

transparent

date-current-hover-foreground

現在の日付の :hover 前景色。

Map

color: ('gray', 900)

date-current-focus-foreground

現在の日付の :focus 前景色。

Map

color: ('gray', 900)

date-current-focus-background

現在の日付の :focus 背景色。

Map

color: ('gray', 100)

date-selected-range-hover-foreground

選択した範囲の :hover 前景色。

Map

color: ('gray', 900)

date-selected-range-focus-foreground

選択した範囲の :focus 前景色。

Map

color: ('gray', 900)

date-selected-current-range-foreground

選択した範囲内の現在の日付の前景色。

Map

color: ('gray', 900)

date-selected-current-range-hover-foreground

選択した範囲内の現在の日付の :hover 前景色。

Map

color: ('gray', 900)

date-selected-current-range-focus-foreground

選択した範囲内の現在の日付の :focus 前景色。

Map

color: ('gray', 900)

date-special-background

特別な日付の背景色。

Color

transparent

date-special-range-background

範囲選択内の特別な日付の背景色。

Color

transparent

date-special-current-border-color

特別な日付の周囲のアウトラインの色。

Map

color: ('secondary', 500)

date-selected-current-outline

現在選択されている日付のアウトラインの色。

Color

transparent

date-selected-current-hover-outline

現在選択されている日付の :hover アウトラインの色。

Color

transparent

date-selected-current-focus-outline

現在選択されている日付の :focus アウトラインの色。

Color

transparent

ym-current-outline-hover-color

現在の月/年の :hover アウトラインの色。

Map

color: ('gray', 900)

ym-current-outline-focus-color

現在の月/年の :focus アウトラインの色。

Map

color: ('gray', 900)

ym-selected-outline-color

選択した月/年のアウトラインの色。

Color

transparent

ym-selected-hover-outline-color

選択した月/年の :hover アウトラインの色。

Color

transparent

ym-selected-focus-outline-color

選択した月/年の :focus アウトラインの色。

Color

transparent

border-color

カレンダーの境界線の色。

Color

transparent

date-border-color

日付の周囲の境界線の色。

Color

transparent

date-hover-border-color

日付の周囲の :hover 境界線の色。

Color

transparent

date-focus-border-color

日付の周囲の :focus 境界線の色。

Color

transparent

date-selected-border-color

選択した日付の境界線の色。

Color

transparent

date-selected-hover-border-color

選択した日付の :hover 境界線の色。

Color

transparent

date-selected-focus-border-color

選択した日付の :focus 境界線の色。

Color

transparent

date-range-border-color

範囲選択の境界線の色。

Color

transparent

date-range-preview-border-color

プレビュー状態の範囲選択の境界線の色 (範囲の終了を選択する前に表示されます)。

Map

color: ('gray', 300)

date-disabled-foreground

無効な日付の前景色。

Map

color: ('gray', 500, .5)

date-disabled-range-foreground

範囲選択で無効になっている日付の前景色。

Map

color: ('gray', 900, .38)

border-radius

カレンダーに使用される境界の半径。

List

(rem(4px), rem(0), rem(20px))

date-border-radius

日付に使用される境界線の半径。

List

(rem(20px), rem(0), rem(20px))

date-range-border-radius

範囲選択の日付に使用される境界線の半径。

List

(rem(20px), rem(0), rem(20px))

ym-border-radius

月/年に使用される境界の半径。

List

(rem(20px), rem(0), rem(20px))

size

日、月、年ビューのサイズ。

List

(rem(28px), rem(32px), rem(36px))

inner-size

日付の内部要素のサイズ (特別な日付のアウトラインによく使用されます)。

List

(rem(24px), rem(26px), rem(30px))

default-size

Calendar コンポーネントに使用されるデフォルトのサイズ。

Number

次で使用

var material-calendar
var fluent-calendar
var bootstrap-calendar
var indigo-calendar

variable material-calendar public

Material calendar スキーマを生成します。

Deprecation message:

プロパティ

header-foreground

ヘッダーの前景色。

Map

contrast-color: ('secondary', 900)

header-background

ヘッダーの背景色。

Map

color: ('secondary', 500)

picker-foreground

月と年ピッカーの前景色。

Map

color: ('gray', 900)

ym-selected-current-hover-foreground

現在/選択した月/年の :hover 前景色。

Map

contrast-color: ('secondary', 700)

ym-selected-current-hover-background

現在/選択した月/年の :hover 背景色。

Map

color: ('secondary', 700)

ym-hover-foreground

月/年の :hover 前景色。

Map

color: ('gray', 900)

ym-hover-background

月/年の :hover 背景色。

Map

color: ('gray', 100)

ym-current-foreground

現在の月/年の前景色。

Map

color: ('gray', 900)

ym-current-background

現在の月/年の背景色。

Map

color: ('surface')

ym-current-hover-foreground

現在の月/年の :hover 前景色。

Map

color: ('gray', 900)

ym-current-hover-background

現在の月/年の :hover 背景色。

Map

color: ('gray', 100)

ym-selected-foreground

選択した月/年の前景色。

Map

contrast-color: ('secondary', 600)

ym-selected-background

選択した月/年の背景色。

Map

color: ('secondary', 500)

ym-selected-hover-foreground

選択した月/年の :hover 前景色。

Map

contrast-color: ('secondary', 700)

ym-selected-hover-background

選択した月/年の :hover 背景色。

Map

color: ('secondary', 700)

ym-selected-current-foreground

現在/選択した月/年の前景色。

Map

contrast-color: ('secondary', 500)

ym-selected-current-background

現在/選択した月/年の背景色。

Map

color: ('secondary', 500)

ym-selected-current-hover-foreground

現在/選択した月/年の :hover 前景色。

Map

contrast-color: ('secondary', 700)

ym-selected-current-hover-background

現在/選択した月/年の :hover 背景色。

Map

color: ('secondary', 700)

date-hover-background

日付の :hover 背景色。

Map

color: ('gray', 100)

date-focus-background

日付の :focus 背景色。

Map

color: ('gray', 100)

date-current-foreground

現在の日付の前景色。

Map

color: ('gray', 900)

date-selected-foreground

選択した日付の前景色。

Map

contrast-color: ('secondary', 900)

date-selected-background

選択した日付の背景色。

Map

color: ('secondary', 500)

date-selected-hover-foreground

選択した日付の :hover 前景色。

Map

contrast-color: ('secondary', 700)

date-selected-hover-background

選択した日付の :hover 背景色。

Map

color: ('secondary', 700)

date-selected-focus-foreground

選択した日付の :focus 前景色。

Map

contrast-color: ('secondary', 700)

date-selected-focus-background

選択した日付の :focus 背景色。

Map

color: ('secondary', 700)

date-current-hover-background

現在の日付の :hover 背景色。

Map

color: ('gray', 100)

date-selected-current-foreground

選択した現在の日付の前景色。

Map

contrast-color: ('secondary', 900)

date-selected-current-background

選択した現在の日付の背景色。

Map

color: ('secondary', 500)

date-selected-current-hover-foreground

選択した現在の日付の :hover 前景色。

Map

contrast-color: ('secondary', 700)

date-selected-current-hover-background

選択した現在の日付の :hover 背景色。

Map

color: ('secondary', 700)

date-selected-current-focus-foreground

選択した現在の日付の :focus 前景色。

Map

contrast-color: ('secondary', 700)

date-selected-current-focus-background

選択した現在の日付の :focus 背景色。

Map

color: ('secondary', 700)

date-selected-range-foreground

選択した範囲の前景色。

Map

color: ('gray', 900)

date-selected-range-background

選択した範囲の背景色。

Map

color: ('secondary', 500, .24)

date-selected-range-hover-background

選択した範囲の :hover 背景色。

Map

color: ('gray', 100)

date-selected-range-focus-background

選択した範囲の :focus 背景色。

Map

color: ('gray', 100)

date-selected-current-range-background

選択した範囲内の現在の日付の背景色。

Color

transparent

date-selected-current-range-hover-background

選択した範囲内の現在の日付の :hover 背景色。

Map

color: ('gray', 100)

date-selected-current-range-focus-background

選択した範囲内の現在の日付の :focus 背景色。

Map

color: ('gray', 100)

date-special-foreground

特別な日付の前景色。

Map

color: ('secondary', 500)

date-special-hover-foreground

特別な日付の前景色。

Map

color: ('secondary', 700)

date-special-focus-foreground

特別な日付の前景色。

Map

color: ('secondary', 700)

date-special-hover-background

特別な日付の背景色。

Map

color: ('gray', 100)

date-special-focus-background

特別な日付の背景色。

Map

color: ('gray', 100)

date-special-range-foreground

範囲選択内の特別な日付の前景色。

Map

color: ('secondary', 900)

date-special-range-hover-background

範囲選択内の特別な日付の :hover 背景色。

Map

color: ('gray', 100)

date-special-range-focus-background

範囲選択内の特別な日付の :focus 背景色。

Map

color: ('gray', 100)

date-special-border-color

特別な日付の周囲のアウトラインの色。

Map

color: ('secondary', 500)

date-special-hover-border-color

特別な日付の周囲のアウトラインの色。

Map

color: ('secondary', 700)

date-selected-special-border-color

選択された特別な日付の境界線の色。

Map

contrast-color: ('secondary', 900)

date-selected-special-hover-border-color

選択された特別な日付の :hover 境界線の色。

Map

contrast-color: ('secondary', 900)

date-selected-special-focus-border-color

選択された特別な日付の :focus 境界線の色。

Map

contrast-color: ('secondary', 900)

ym-current-outline-color

現在の月/年のアウトラインの色。

Map

color: ('gray', 900)

ym-selected-current-outline-color

現在選択されている月/年のアウトラインの色。

Map

color: ('gray', 900)

ym-selected-current-outline-hover-color

現在選択されている月/年の :hover アウトラインの色。

Map

color: ('gray', 900)

ym-selected-current-outline-focus-color

現在選択されている月/年の :focus アウトラインの色。

Map

color: ('gray', 900)

date-current-border-color

現在の日付の境界線の色。

Map

color: ('gray', 900)

date-current-hover-border-color

現在の日付の :hover 境界線の色。

Map

color: ('gray', 900)

date-current-focus-border-color

現在の日付の :focus 境界線の色。

Map

color: ('gray', 900)

date-selected-current-border-color

選択した現在の日付の境界線の色。

Map

color: ('gray', 900)

date-selected-current-hover-border-color

選択した現在の日付の :hover 境界線の色。

Map

color: ('gray', 900)

date-selected-current-focus-border-color

選択した現在の日付の :focus 境界線の色。

Map

color: ('gray', 900)

week-number-border-radius

週番号列に使用される境界線の半径。

List

(rem(4px), rem(0), rem(8px))

actions-divider-color

日付ピッカーのアクション区切り線に使用される境界線の色。

Map

color: ('gray', 200)

次で使用

var dark-material-calendar

必須

var light-calendar

variable fluent-calendar public

Fluent calendar スキーマを生成します。

Deprecation message:

プロパティ

ym-hover-background

月/年の :hover 背景色。

Map

color: ('gray', 200)

picker-hover-foreground

月と年ピッカーの :hover 前景色。

Map

color: ('primary', 500)

picker-focus-foreground

月と年ピッカーの :focus 前景色。

Map

color: ('primary', 500)

navigation-hover-color

ナビゲーションを行うボタンの :hover 色。

Map

color: ('primary', 500)

navigation-focus-color

ナビゲーションを行うボタンの :focus 色。

Map

color: ('primary', 500)

date-special-foreground

特別な日付の前景色。

Map

color: ('gray', 900)

date-special-hover-foreground

特別な日付の前景色。

Map

color: ('gray', 900)

date-special-focus-foreground

特別な日付の前景色。

Map

color: ('gray', 900)

date-special-hover-background

特別な日付の背景色。

Map

color: ('gray', 200)

date-special-focus-background

特別な日付の背景色。

Map

color: ('gray', 200)

date-special-range-hover-background

範囲選択内の特別な日付の :hover 背景色。

Map

color: ('gray', 200)

date-special-range-focus-background

範囲選択内の特別な日付の :focus 背景色。

Map

color: ('gray', 200)

date-selected-special-border-color

選択された特別な日付の境界線の色。

Map

color: ('primary', 900)

date-selected-special-hover-border-color

選択された特別な日付の :hover 境界線の色。

Map

color: ('primary', 900)

date-selected-special-focus-border-color

選択された特別な日付の :focus 境界線の色。

Map

color: ('primary', 900)

date-selected-current-border-color

選択した現在の日付の境界線の色。

Map

color: ('gray', 700)

date-selected-current-hover-border-color

選択した現在の日付の :hover 境界線の色。

Map

color: ('gray', 700)

date-selected-current-focus-border-color

選択した現在の日付の :focus 境界線の色。

Map

color: ('gray', 700)

ym-selected-current-hover-foreground

現在/選択した月/年の :hover 前景色。

Map

color: ('gray', 900)

ym-selected-current-hover-background

現在/選択した月/年の :hover 背景色。

Map

color: ('primary', 100, .5)

ym-hover-foreground

月/年の :hover 前景色。

Map

color: ('gray', 900)

ym-current-foreground

現在の月/年の前景色。

Map

color: ('gray', 900)

ym-current-background

現在の月/年の背景色。

Map

color: ('gray', 100)

ym-current-hover-foreground

現在の月/年の :hover 前景色。

Map

color: ('gray', 900)

ym-current-hover-background

現在の月/年の :hover 背景色。

Map

color: ('gray', 200)

ym-selected-foreground

選択した月/年の前景色。

Map

color: ('gray', 900)

ym-selected-background

選択した月/年の背景色。

Map

color: ('primary', 50, .3)

ym-selected-hover-foreground

選択した月/年の :hover 前景色。

Map

color: ('gray', 900)

ym-selected-hover-background

選択した月/年の :hover 背景色。

Map

color: ('gray', 100, .5)

ym-selected-current-foreground

現在/選択した月/年の前景色。

Map

color: ('gray', 900)

ym-selected-current-background

現在/選択した月/年の背景色。

Map

color: ('primary', 50, .3)

ym-selected-current-hover-foreground

現在/選択した月/年の :hover 前景色。

Map

color: ('gray', 900)

ym-selected-current-hover-background

現在/選択した月/年の :hover 背景色。

Map

color: ('primary', 100, .5)

date-hover-background

日付の :hover 背景色。

Map

color: ('gray', 900)

date-focus-background

日付の :focus 背景色。

Map

color: ('gray', 200)

picker-foreground

月と年ピッカーの前景色。

Map

color: ('gray', 900)

header-foreground

ヘッダーの前景色。

Map

contrast-color: ('primary', 600)

header-background

月と年ピッカーの背景色。

Map

color: ('primary', 500)

date-selected-foreground

選択した日付の前景色。

Map

color: ('gray', 900)

date-selected-background

選択した日付の背景色。

Map

color: ('gray', 100)

date-selected-hover-foreground

選択した日付の :hover 前景色。

Map

color: ('gray', 900)

date-selected-hover-background

選択した日付の :hover 背景色。

Map

color: ('gray', 200)

date-selected-focus-foreground

選択した日付の :hover 前景色。

Map

color: ('gray', 900)

date-selected-focus-background

選択した日付の :hover 背景色。

Map

color: ('gray', 200)

date-current-foreground

現在の日付の前景色。

Map

contrast-color: ('primary', 900)

date-current-background

現在の日付の背景色。

Map

color: ('primary', 500)

date-current-hover-foreground

現在の日付の :hover 前景色。

Map

contrast-color: ('primary', 600)

date-current-hover-background

現在の日付の :hover 背景色。

Map

color: ('gray', 200)

date-current-focus-foreground

現在の日付の :focus 前景色。

Map

contrast-color: ('primary', 600)

date-current-focus-background

現在の日付の :focus 背景色。

Map

color: ('gray', 200)

date-selected-current-foreground

選択した現在の日付の前景色。

Map

contrast-color: ('primary', 600)

date-selected-current-background

選択した現在の日付の背景色。

Map

color: ('gray', 100)

date-selected-current-hover-foreground

選択した現在の日付の :hover 前景色。

Map

contrast-color: ('primary', 600)

date-selected-current-hover-background

選択した現在の日付の :hover 背景色。

Map

color: ('gray', 200)

date-selected-current-focus-foreground

選択した現在の日付の :focus 前景色。

Map

contrast-color: ('primary', 600)

date-selected-current-focus-background

選択した現在の日付の :focus 背景色。

Map

color: ('gray', 200)

date-selected-current-range-foreground

選択した範囲内の現在の日付の前景色。

Map

contrast-color: ('primary', 600)

date-selected-current-range-background

選択した範囲内の現在の日付の背景色。

Map

color: ('gray', 100)

date-selected-current-range-hover-foreground

選択した範囲内の現在の日付の :hover 前景色。

Map

contrast-color: ('primary', 600)

date-selected-current-range-hover-background

選択した範囲内の現在の日付の :hover 背景色。

Map

color: ('gray', 200)

date-selected-current-range-focus-foreground

選択した範囲内の現在の日付の :focus 前景色。

Map

contrast-color: ('primary', 600)

date-selected-current-range-focus-background

選択した範囲内の現在の日付の :focus 背景色。

Map

color: ('gray', 200)

date-selected-border-color

選択した日付の境界線の色。

Map

color: ('gray', 700)

date-selected-hover-border-color

選択した日付の :hover 境界線の色。

Map

color: ('gray', 700)

date-selected-focus-border-color

選択した日付の :focus 境界線の色。

Map

color: ('gray', 700)

ym-current-outline-color

現在の月/年のアウトラインの色。

Color

transparent

ym-current-outline-hover-color

現在の月/年の :hover アウトラインの色。

Color

transparent

ym-current-outline-focus-color

現在の月/年の :focus アウトラインの色。

Color

transparent

ym-selected-current-outline-color

現在選択されている月/年のアウトラインの色。

Map

color: ('gray', 700)

ym-selected-current-outline-hover-color

現在選択されている月/年の :hover アウトラインの色。

Map

color: ('gray', 700)

ym-selected-current-outline-focus-color

現在選択されている月/年の :focus アウトラインの色。

Map

color: ('gray', 700)

date-selected-range-foreground

選択した範囲の前景色。

Map

color: ('gray', 900)

date-selected-range-background

選択した範囲の背景色。

Map

color: ('gray', 100)

date-selected-range-hover-background

選択した範囲の :hover 背景色。

Map

color: ('gray', 200)

date-selected-range-focus-background

選択した範囲の :focus 背景色。

Map

color: ('gray', 200)

date-range-border-color

選択した日付の境界線の色。

Map

color: ('gray', 700)

date-range-preview-border-color

選択した日付の境界線の色。

Map

color: ('gray', 700)

date-special-border-color

特別な日付の周囲のアウトラインの色。

Map

color: ('primary', 900)

date-special-hover-border-color

特別な日付の周囲のアウトラインの色。

Map

color: ('primary', 900)

date-special-range-border-color

範囲選択内の特別な日付の周囲のアウトラインの色。

Map

color: ('primary', 900)

date-special-current-border-color

特別な日付の周囲のアウトラインの色。

Color

transparent

date-current-border-color

現在の日付の境界線の色。

Color

transparent

date-current-hover-border-color

現在の日付の :hover 境界線の色。

Color

transparent

date-current-focus-border-color

現在の日付の :focus 境界線の色。

Color

transparent

border-radius

カレンダーに使用される境界の半径。

List

(rem(0), rem(0), rem(25px))

date-border-radius

日付のアウトラインに使用される境界線の半径。

List

(rem(0), rem(0), rem(25px))

date-range-border-radius

範囲選択の日付のアウトラインに使用される境界線の半径。

List

(rem(0), rem(0), rem(25px))

ym-border-radius

月/年に使用される境界の半径。

List

(rem(0), rem(0), rem(25px))

week-number-border-radius

週番号列に使用される境界線の半径。

List

(rem(0), rem(0), rem(8px))

size

日、月、年ビューのサイズ。

List

(rem(28px), rem(32px), rem(40px))

inner-size

日付の内部要素のサイズ (特別な日付のアウトラインによく使用されます)。

List

(rem(24px), rem(28px), rem(32px))

actions-divider-color

日付ピッカーのアクション区切り線に使用される境界線の色。

Map

color: ('gray', 200)

date-special-range-foreground

範囲選択内の特別な日付の前景色。

Map

color: ('gray', 900)

次で使用

var dark-fluent-calendar

必須

var light-calendar

variable bootstrap-calendar public

Bootstrap calendar スキーマを生成します。

Deprecation message:

プロパティ

date-special-hover-background

特別な日付の背景色。

Map

color: ('gray', 200)

date-special-focus-background

特別な日付の背景色。

Map

color: ('gray', 200)

date-special-range-hover-background

範囲選択内の特別な日付の :hover 背景色。

Map

color: ('gray', 200)

date-special-range-focus-background

範囲選択内の特別な日付の :focus 背景色。

Map

color: ('gray', 200)

date-special-foreground

特別な日付の前景色。

Map

color: ('gray', 900)

date-special-focus-foreground

特別な日付の前景色。

Map

color: ('gray', 900)

date-special-hover-foreground

特別な日付の前景色。

Map

color: ('gray', 900)

date-special-border-color

特別な日付の周囲のアウトラインの色。

Map

color: ('primary', 800)

date-special-hover-border-color

特別な日付の周囲のアウトラインの色。

Map

color: ('primary', 800)

date-special-range-border-color

範囲選択内の特別な日付の周囲のアウトラインの色。

Map

color: ('primary', 800)

date-selected-special-border-color

選択された特別な日付の境界線の色。

Map

contrast-color: ('primary', 900)

date-selected-special-hover-border-color

選択された特別な日付の :hover 境界線の色。

Map

contrast-color: ('primary', 900)

date-selected-special-focus-border-color

選択された特別な日付の :focus 境界線の色。

Map

contrast-color: ('primary', 900)

header-foreground

ヘッダーの前景色。

Map

contrast-color: ('gray', 100)

header-background

ヘッダーの背景色。

Map

color: ('gray', 100)

picker-foreground

月と年ピッカーの前景色。

Map

color: ('gray', 900)

picker-background

月と年ピッカーの背景色。

Map

color: ('gray', 100)

ym-selected-current-hover-foreground

現在/選択した月/年の :hover 前景色。

Map

contrast-color: ('primary', 900)

ym-selected-current-hover-background

現在/選択した月/年の :hover 背景色。

Map

color: ('primary', 600)

ym-hover-foreground

月/年の :hover 前景色。

Map

color: ('gray', 900)

ym-hover-background

月/年の :hover 背景色。

Map

color: ('gray', 200)

ym-current-foreground

現在の月/年の前景色。

Map

color: ('gray', 900)

ym-current-background

現在の月/年の背景色。

Color

transparent

ym-current-hover-foreground

現在の月/年の :hover 前景色。

Map

color: ('gray', 900)

ym-current-hover-background

現在の月/年の :hover 背景色。

Map

color: ('gray', 200)

ym-selected-foreground

選択した月/年の前景色。

Map

contrast-color: ('primary', 900)

ym-selected-background

選択した月/年の背景色。

Map

color: ('primary', 500)

ym-selected-hover-foreground

選択した月/年の :hover 前景色。

Map

contrast-color: ('primary', 900)

ym-selected-hover-background

選択した月/年の :hover 背景色。

Map

color: ('primary', 600)

ym-selected-current-foreground

現在/選択した月/年の前景色。

Map

contrast-color: ('primary', 900)

ym-selected-current-background

現在/選択した月/年の背景色。

Map

color: ('primary', 500)

ym-selected-current-hover-foreground

現在/選択した月/年の :hover 前景色。

Map

contrast-color: ('primary', 900)

ym-selected-current-hover-background

現在/選択した月/年の :hover 背景色。

Map

color: ('primary', 600

date-hover-background

日付の :hover 背景色。

Map

color: ('gray', 200)

date-focus-background

日付の :focus 背景色。

Map

color: ('gray', 200)

date-selected-foreground

選択した日付の前景色。

Map

contrast-color: ('primary', 900)

date-selected-background

選択した日付の背景色。

Map

color: ('primary', 500)

date-selected-hover-foreground

選択した日付の :hover 前景色。

Map

contrast-color: ('primary', 900)

date-selected-hover-background

選択した日付の :hover 背景色。

Map

color: ('primary', 600)

date-selected-focus-foreground

選択した日付の :focus 前景色。

Map

contrast-color: ('primary', 900)

date-selected-focus-background

選択した日付の :focus 背景色。

Map

color: ('primary', 600)

date-selected-current-foreground

選択した現在の日付の前景色。

Map

contrast-color: ('primary', 900)

date-selected-current-background

選択した現在の日付の背景色。

Map

color: ('primary', 500)

date-selected-current-hover-foreground

選択した現在の日付の :hover 前景色。

Map

contrast-color: ('primary', 900)

date-selected-current-hover-background

選択した現在の日付の :hover 背景色。

Map

color: ('primary', 600)

date-selected-current-focus-foreground

選択した現在の日付の :focus 前景色。

Map

date-selected-current-focus-foreground: ('primary', 900)

date-selected-current-focus-background

選択した現在の日付の :focus 背景色。

Map

color: ('primary', 600)

date-selected-current-range-background

選択した範囲内の現在の日付の背景色。

Color

transparent

date-selected-current-range-hover-background

選択した範囲内の現在の日付の :hover 背景色。

Map

color: ('gray', 200)

date-selected-current-range-focus-background

選択した範囲内の現在の日付の :focus 背景色。

Map

color: ('gray', 200)

date-selected-range-background

選択した範囲の背景色。

Map

color: ('primary', 500, .24)

date-selected-range-foreground

選択した範囲の前景色。

Map

color: ('gray', 900)

date-selected-range-hover-background

選択した範囲の :hover 背景色。

Map

color: ('gray', 200)

date-selected-range-focus-background

選択した範囲の :focus 背景色。

Map

color: ('gray', 200)

date-current-foreground

現在の日付の前景色。

Map

color: ('gray', 900)

date-current-hover-background

現在の日付の :hover 背景色。

Map

color: ('gray', 200)

date-current-focus-background

現在の日付の :focus 背景色。

Map

color: ('gray', 200)

ym-current-outline-color

現在の月/年のアウトラインの色。

Map

color: ('gray', 900)

current-hover-outline-color

現在の月/年の :hover アウトラインの色。

Map

color: ('gray', 900)

current-focus-outline-color

現在の月/年の :focus アウトラインの色。

Map

color: ('gray', 900)

ym-selected-current-outline-color

現在選択されている月/年のアウトラインの色。

Map

color: ('gray', 900)

ym-selected-current-outline-hover-color

現在選択されている月/年の :hover アウトラインの色。

Map

color: ('gray', 900)

ym-selected-current-outline-focus-color

現在選択されている月/年の :focus アウトラインの色。

Map

color: ('gray', 900)

border-color

カレンダーの境界線の色。

Map

color: ('gray', 300)

weekday-color

曜日ラベルの前景色。

Map

color: ('info', 300)

week-number-background

週番号列の背景色。

Color

transparent

date-border-radius

日付のアウトラインに使用される境界線の半径。.

List

(rem(4px), rem(0), rem(20px))

date-range-border-radius

範囲選択の日付のアウトラインに使用される境界線の半径。

List

(rem(4px), rem(0), rem(20px))

border-radius

カレンダーに使用される境界線の半径。

List

(rem(4px), rem(0), rem(20px))

ym-border-radius

月/年に使用される境界の半径。

List

(rem(4px), rem(0), rem(20px))

week-number-border-radius

週番号列に使用される境界線の半径。

List

(rem(0), rem(0), rem(8px))

date-range-preview-border-color

プレビュー状態の範囲選択の境界線の色 (範囲の終了を選択する前に表示されます)。

Color

transparent

date-current-border-color

現在の日付の境界線の色。

Map

color: ('gray', 900)

date-current-hover-border-color

現在の日付の :hover 境界線の色。

Map

color: ('gray', 900)

date-current-focus-border-color

現在の日付の :focus 境界線の色。

Map

color: ('gray', 900)

date-selected-current-border-color

選択した現在の日付の境界線の色。

Map

color: ('gray', 900)

date-selected-current-hover-border-color

選択した現在の日付の :hover 境界線の色。

Map

color: ('gray', 900)

date-selected-current-focus-border-color

選択した現在の日付の :focus 境界線の色。

Map

color: ('gray', 900)

actions-divider-color

日付ピッカーのアクション区切り線に使用される境界線の色。

Map

color: ('gray', 300)

date-special-range-foreground

範囲選択内の特別な日付の前景色。

Map

color: ('gray', 900)

次で使用

var dark-bootstrap-calendar

必須

var light-calendar

variable indigo-calendar public

Indigo calendar スキーマを生成します。

Deprecation message:

プロパティ

content-foreground

日、月、年ビューの前景色。

Map

color: ('gray', 800)

weekend-color

週末の前景色。

Map

color: ('gray', 800)

content-background

日、月、年ビューの背景色。

Map

contrast-color: ('gray', 900)

header-foreground

ヘッダーの前景色。

Map

color: ('gray', 800)

header-background

ヘッダーの背景色。

Map

contrast-color: ('gray', 900)

picker-foreground

月と年ピッカーの前景色。

Map

color: ('gray', 700)

picker-background

月と年ピッカーの背景色。

Map

contrast-color: ('gray', 900)

picker-hover-foreground

月と年ピッカーの :hover 前景色。

Map

color: ('primary', 500)

picker-focus-foreground

月と年ピッカーの :focus 前景色。

Map

color: ('primary', 500)

navigation-color

ナビゲーションを行うボタンの色。

Map

color: ('gray', 600)

navigation-hover-color

月間ナビゲーションを行うアイコンボタンの :hover 色。

Map

color: ('primary', 500)

navigation-focus-color

月間ナビゲーションを行うアイコンボタンの :focus 色。

Map

color: ('primary', 500)

week-number-foreground

週番号列の前景色。

Map

color: ('gray', 600)

week-number-background

週番号列の背景色。

Map

color: ('gray', 900, .05)

date-hover-background

日付の :hover 背景色。

Map

color: ('gray', 900, .05)

date-focus-background

日付の :focus 背景色。

Map

color: ('gray', 900, .05)

date-current-foreground

現在の日付の前景色。

Map

color: ('gray', 800)

date-current-background

現在の日付の背景色。

Map

color: ('primary', 50, .5)

date-current-hover-background

現在の日付の :hover 背景色。

Map

color: ('primary', 50)

date-current-focus-background

現在の日付の :hover 背景色。

Map

color: ('primary', 50)

date-disabled-foreground

無効な日付の前景色。

Map

color: ('gray', 900, .2)

date-disabled-range-foreground

範囲選択で無効になっている日付の前景色。

Map

color: ('gray', 800, .38)

date-current-border-color

現在の日付の境界線の色。

Map

color: ('primary', 100)

date-current-hover-border-color

現在の日付の :hover 境界線の色。

Map

color: ('primary', 200)

date-current-focus-border-color

現在の日付の :focus 境界線の色。

Map

color: ('primary', 200)

date-special-foreground

特別な日付の前景色。

Map

color: ('primary', 500)

date-special-background

特別な日付の背景色。

Color

transparent

date-special-hover-foreground

特別な日付の :hover 前景色。

Map

color: ('primary', 600)

date-special-hover-background

特別な日付の :hover 背景色。

Map

color: ('gray', 900, .05)

date-special-focus-foreground

特別な日付の :focus 前景色。

Map

color: ('primary', 600)

date-special-focus-background

特別な日付の :focus 背景色。

Map

color: ('gray', 900, .05)

date-special-range-hover-background

範囲選択内の特別な日付の :hover 背景色。

Map

color: ('gray', 900, .05)

date-special-range-focus-background

範囲選択内の特別な日付の :focus 背景色。

Map

color: ('gray', 900, .05)

date-special-range-border-color

範囲選択内の特別な日付の周囲のアウトラインの色。

Map

color: ('primary', 500)

date-selected-special-border-color

選択された特別な日付の境界線の色。

Map

contrast-color: ('primary', 900, .8)

date-selected-special-hover-border-color

選択された特別な日付の :hover 境界線の色。

Map

contrast-color: ('primary', 900, .8)

date-selected-special-focus-border-color

選択された特別な日付の :focus 境界線の色。

Map

contrast-color: ('primary', 900,. 8)

date-selected-foreground

選択した日付の前景色。

Map

contrast-color: ('primary', 500)

date-selected-background

選択した日付の背景色。

Map

color: ('primary', 500)

date-selected-hover-foreground

選択した日付の :hover 前景色。

Map

contrast-color: ('primary', 900)

date-selected-hover-background

選択した日付の :hover 背景色。

Map

color: ('primary', 400)

date-selected-focus-foreground

選択した日付の :focus 前景色。

Map

contrast-color: ('primary', 900)

date-selected-focus-background

選択した日付の :focus 背景色。

Map

color: ('primary', 400)

date-selected-current-foreground

選択した現在の日付の前景色。

Map

contrast-color: ('primary', 500)

date-selected-current-background

選択した現在の日付の背景色。

Map

color: ('primary', 500)

date-selected-current-hover-foreground

選択した現在の日付の :hover 前景色。

Map

contrast-color: ('primary', 900)

date-selected-current-hover-background

選択した現在の日付の :hover 背景色。

Map

color: ('primary', 400)

date-selected-current-focus-foreground

選択した現在の日付の :focus 前景色。

Map

contrast-color: ('primary', 900)

date-selected-current-focus-background

選択した現在の日付の :focus 背景色。

Map

color: ('primary', 400)

date-selected-current-border-color

選択した現在の日付の境界線の色。

Map

color: ('primary', 100)

date-selected-current-hover-border-color

選択した現在の日付の :hover 境界線の色。

Map

color: ('primary', 200)

date-selected-current-focus-border-color

選択した現在の日付の :focus 境界線の色。

Map

color: ('primary', 200)

date-selected-range-foreground

選択した範囲の前景色。

Map

color: ('gray', 800)

date-selected-current-range-foreground

選択した範囲内の現在の日付の前景色。

Map

color: ('gray', 800)

date-selected-range-background

選択した範囲の背景色。

Map

color: ('primary', 300, .2)

date-selected-range-hover-background

選択した範囲の :hover 背景色。

Map

color: ('gray', 900, .05)

date-selected-range-focus-background

選択した範囲の :focus 背景色。

Map

color: ('gray', 900, .05)

date-selected-current-range-background

選択した範囲内の現在の日付の背景色。

Map

color: ('primary', 50, .5)

date-selected-current-range-hover-background

選択した範囲内の現在の日付の :hover 背景色。

Map

color: ('primary', 50)

date-selected-current-range-focus-background

選択した範囲内の現在の日付の :focus 背景色。

Map

color: ('primary', 50)

border-color

カレンダーの境界線の色。

Map

color: ('gray', 400)

date-special-border-color

特別な日付の周囲のアウトラインの色。

Map

color: ('primary', 500)

date-special-hover-border-color

特別な日付の周囲の、:hover アウトラインの色。

Map

color: ('primary', 600)

ym-hover-foreground

月/年の :hover 前景色。

Map

color: ('gray', 800)

ym-hover-background

月/年の :hover 背景色。

Map

color: ('gray', 900, .05)

ym-current-foreground

現在の月/年の前景色。

Map

color: ('gray', 800)

ym-current-background

現在の月/年の背景色。

Map

color: ('primary', 50, .5)

ym-current-hover-foreground

現在の月/年の :hover 前景色。

Map

color: ('gray', 800)

ym-current-hover-background

現在の月/年の :hover 背景色。

Map

color: ('primary', 50)

ym-selected-foreground

選択した月/年の前景色。

Map

contrast-color: ('primary', 500)

ym-selected-background

月/年における選択した月の背景色。

Map

color: ('primary', 500)

ym-selected-hover-foreground

選択した月/年の :hover 前景色。

Map

contrast-color: ('primary', 900)

ym-selected-hover-background

選択した月/年の :hover 背景色。

Map

color: ('primary', 400)

ym-selected-current-foreground

現在/選択した月/年の前景色。

Map

contrast-color: ('primary', 500)

ym-selected-current-background

現在/選択した月/年の背景色。

Map

color: ('primary', 500)

ym-selected-current-hover-foreground

現在/選択した月/年の :hover 前景色。

Map

contrast-color: ('primary', 900)

ym-selected-current-hover-background

現在/選択した月/年の :hover 背景色。

Map

color: ('primary', 400)

ym-current-outline-color

現在の月/年のアウトラインの色。

Map

color: ('primary', 100)

ym-current-outline-hover-color

現在の月/年の :hover アウトラインの色。

Map

color: ('primary', 200)

ym-current-outline-focus-color

現在の月/年の :focus アウトラインの色。

Map

color: ('primary', 200)

ym-selected-current-outline-color

現在選択されている月/年のアウトラインの色。

Map

color: ('primary', 100)

ym-selected-current-outline-hover-color

現在選択されている月/年の :hover アウトラインの色。

Map

color: ('primary', 200)

ym-selected-current-outline-focus-color

現在選択されている月/年の :focus アウトラインの色。

Map

color: ('primary', 200)

date-disabled-foreground

無効な日付の前景色。

Map

color: ('gray', 600, .38)

date-disabled-range-foreground

範囲選択で無効になっている日付の前景色。

Map

color: ('gray', 600, .38)

inner-size

日付の内部要素のサイズ (特別な日付のアウトラインによく使用されます)。

List

(rem(24px), rem(28px), rem(32px))

border-radius

カレンダーに使用される境界の半径。

List

(rem(6px), rem(0), rem(6px))

week-number-border-radius

週番号列に使用される境界線の半径。

List

(rem(4px), rem(0), rem(4px))

actions-divider-color

日付ピッカーのアクション区切り線に使用される境界線の色。

Map

color: ('gray', 400)

date-special-range-foreground

範囲選択内の特別な日付の前景色。

Map

color: ('primary', 500)

次で使用

var dark-indigo-calendar

必須

var light-calendar

variable light-card public

Light card スキーマを生成します。

Deprecation message:

プロパティ

background

カードの背景色。

Map

color: 'surface'

header-text-color

カードタイトルのテキストの色。

Map

color: ('gray', 900)

subtitle-text-color

カードのサブタイトルのテキストの色。

Map

color: ('gray', 700)

content-text-color

カードコンテンツのテキストの色。

Map

color: ('gray', 700)

actions-text-color

カードボタンのテキストの色。

Map

color: ('gray', 700)

resting-elevation

静止状態に使用する 0〜24 のエレベーションレベル。

Number

hover-elevation

ホバー状態に使用される 0 から 24 までのエレベーションレベル。

Number

border-radius

カードに使用される境界半径。

List

(rem(4px), rem(0), rem(24px))

default-size

Card コンポーネントに使用されるデフォルトのサイズ。

Number

次で使用

var material-card
var fluent-card
var bootstrap-card
var indigo-card

必須

var default-elevation-card

variable material-card public

Material card スキーマを生成します。

Deprecation message:

プロパティ

outline-color

Outlined タイプのカードのアウトラインの色。

Map

color: ('gray', 400, .54)

次で使用

var dark-material-card

必須

var light-card

variable fluent-card public

Fluent card スキーマを生成します。

Deprecation message:

プロパティ

outline-color

Outlined タイプのカードのアウトラインの色。

Map

color: ('gray', 200)

border-radius

カードに使用される境界半径。

List

(rem(0px), rem(0), rem(24px))

次で使用

var dark-fluent-card

必須

var light-card

variable bootstrap-card public

Bootstrap card スキーマを生成します。

Deprecation message:

プロパティ

background

カードの背景色。

Map

contrast-color: ('gray', 900)

outline-color

Outlined タイプのカードのアウトラインの色。

Map

color: ('gray', 300)

subtitle-text-color

カードのサブタイトルのテキストの色。

Map

color: ('gray', 800)

content-text-color

カードコンテンツのテキストの色。

Map

color: ('gray', 800)

actions-text-color

カードボタンのテキストの色。

Map

color: ('gray', 900)

次で使用

var dark-bootstrap-card

必須

var light-card

variable indigo-card public

Indigo card スキーマを生成します。

Deprecation message:

プロパティ

background

カードの背景色。

Map

contrast-color: ('gray', 900)

outline-color

Outlined タイプのカードのアウトラインの色。

Map

color: ('gray', 400)

header-text-color

カードタイトルのテキストの色。

Map

color: ('gray', 800)

subtitle-text-color

カードのサブタイトルのテキストの色。

Map

color: ('gray', 700)

actions-text-color

カードボタンのテキストの色。

Map

color: ('gray', 600)

border-radius

カードに使用される境界半径。

List

(rem(6px), rem(0), rem(24px))

次で使用

var dark-indigo-card

必須

var light-card

variable light-carousel public

Light carousel スキーマを生成します。

Deprecation message:

プロパティ

slide-background

スライドの背景色。

Map

contrast-color: ('gray', 900)

button-background

前へ/次へボタンのアイドル背景色。

Map

color: ('gray', 50)

button-hover-background

前へ/次へボタンのホバー背景色。

Map

color: ('gray', 50)

button-disabled-background

前へ/次へボタンの無効な背景色。

Map

color: ('gray', 100)

button-arrow-color

前へ/次へボタンのアイドル矢印の色。

Map

color: ('gray', 700)

button-hover-arrow-color

前へ/次へボタンのホバー矢印の色。

Map

color: ('gray', 900)

button-disabled-arrow-color

前へ/次へボタンの無効の色。

Map

color: ('gray' 400)

button-border-color

前へ/次へボタンのアイドル状態の境界線の色。

Color

transparent

button-hover-border-color

前へ/次へボタンのホバーの境界線の色。

Color

transparent

button-disabled-border-color

前へ/次へボタンの無効な境界線の色。

Color

transparent

indicator-focus-color

フォーカス時のインジケーターの境界線と点の色。

Map

color: ('secondary', 600)

button-focus-border-color

フォーカス時のナビゲーションボタンの境界線の色。

Map

color: ('secondary', 600)

indicator-background

インジケーターコンテナーの背景色。

Map

color: ('gray', 50)

label-indicator-background

ラベルインジケーターコンテナーの背景色。

Map

color: ('gray', 50, .8)

indicator-label

インジケーターのラベルの色。

Map

color: ('gray', 700)

indicator-dot-color

アイドルインジケーター点の色。

Color

transparent

indicator-hover-dot-color

ホバーインジケーターの点の色。

Color

transparent

indicator-border-color

アイドルインジケーター境界線の色。

Map

color: ('gray', 900, .7)

indicator-active-dot-color

アクティブインジケーター点の色。

Map

color: ('gray', 900)

indicator-active-border-color

アクティブインジケーター境界線の色。

Map

color: ('gray', 900)

indicator-active-hover-dot-color

ホバー時のアクティブなインジケーターの点の色。

Map

color: ('gray', 900)

button-elevation

カルーセルボタンに使用される 0 から 24 までのエレベーションレベル。

Number

border-radius

カルーセルに使用される境界半径。

List

(rem(36px), rem(0), rem(36px))

次で使用

var base-dark-carousel
var material-carousel
var fluent-carousel
var bootstrap-carousel
var indigo-carousel

必須

var default-elevation-carousel

variable material-carousel public

Material carousel スキーマを生成します。

Deprecation message:

次で使用

var dark-material-carousel

必須

var light-carousel

variable fluent-carousel public

Fluent carousel スキーマを生成します。

Deprecation message:

プロパティ

button-disabled-background

前へ/次へボタンの無効な背景色。

Map

color: ('gray', 300)

button-disabled-arrow-color

前へ/次へボタンの無効の色。

Map

color: ('gray' 500)

indicator-focus-color

フォーカス時のボタン/インジケーターの境界線の色。

Map

color: ('primary', 600)

button-focus-border-color

フォーカス時のナビゲーションボタンの境界線の色。

Map

color: ('gray', 700)

border-radius

カルーセルに使用される境界半径。

List

(rem(2px), rem(0), rem(36px))

次で使用

var dark-fluent-carousel

必須

var light-carousel

variable bootstrap-carousel public

Bootstrap carousel スキーマを生成します。

Deprecation message:

プロパティ

indicator-focus-color

フォーカス時のボタン/インジケーターの境界線の色。

Map

color: ('primary', 600)

button-focus-border-color

フォーカス時のナビゲーションボタンの境界線の色。

Map

color: ('primary', 600, .5)

border-radius

カルーセルに使用される境界半径。

List

(rem(4px), rem(0), rem(36px))

button-elevation

カルーセルボタンに使用される 0 から 24 までのエレベーションレベル。

Number

次で使用

var dark-bootstrap-carousel

必須

var light-carousel
var bootstrap-elevation-carousel

variable indigo-carousel public

Indigo carousel スキーマを生成します。

Deprecation message:

プロパティ

button-arrow-color

前へ/次へボタンのアイドル矢印の色。

Map

color: ('gray', 600)

button-hover-background

前へ/次へボタンのホバー背景色。

Map

color: ('gray', 200)

button-hover-arrow-color

前へ/次へボタンのホバー矢印の色。

Map

color: ('gray', 700)

button-border-color

前へ/次へボタンのアイドル状態の境界線の色。

Map

color: ('gray', 400)

button-hover-border-color

前へ/次へボタンのホバーの境界線の色。

Map

color: ('gray', 500)

button-disabled-border-color

前へ/次へボタンの無効な境界線の色。

Map

color: ('gray', 900, .15)

button-disabled-background

前へ/次へボタンの無効な背景色。

Map

color: ('gray', 50)

button-disabled-arrow-color

前へ/次へボタンの無効の色。

Map

color: ('gray' 900, .2)

indicator-dot-color

アイドルインジケーター点の色。

Map

color: ('gray', 500)

indicator-hover-dot-color

ホバーインジケーターの点の色。

Map

color: ('gray', 600)

indicator-active-dot-color

アクティブインジケーター点の色。

Map

color: ('primary', 500)

indicator-active-hover-dot-color

ホバー時のアクティブなインジケーターの点の色。

Map

color: ('primary', 400)

indicator-focus-color

フォーカス時のインジケーターの境界線と点の色。

Map

color: ('primary', 400, .5)

button-focus-border-color

フォーカス時のナビゲーションボタンの境界線の色。

Map

color: ('primary', 500)

button-elevation

カルーセルボタンに使用される 0 から 24 までのエレベーションレベル。

Number

次で使用

var dark-indigo-carousel

必須

var light-carousel
var indigo-elevation-carousel

variable light-checkbox public

Light checkbox スキーマを生成します。

Deprecation message:

プロパティ

tick-color

チェックされたマークの色。

Map

color: ('gray', 50)

label-color

ラベルテキストに使用されるテキストの色。

Map

color: ('gray', 900)

label-color-hover

ホバー時のラベルテキストに使用されるテキストの色。

Map

color: ('gray', 900)

empty-fill-color

未チェックの塗りつぶし色。

Color

transparent

fill-color

チェックされた境界と塗りつぶし色。

Map

color: ('primary', 500)

focus-outline-color-focused

フォーカスされた状態のフォーカスアウトラインの色。

Color

transparent

focus-outline-color-error

フォーカスされた無効な状態のフォーカスのアウトラインの色。

Color

transparent

disabled-color

無効にされた境界と塗りつぶし色。

Map

color: ('gray', 400)

disabled-indeterminate-color

不確定な状態時の無効な境界線と塗りつぶし色。

Map

color: ('secondary', 100)

disabled-color-label

ラベルの無効な色。

Map

color: ('gray', 500)

error-color

無効な状態の境界線と塗りつぶしの色。

Map

color: ('error', 500)

border-radius

チェックボックスに使用される境界半径。

List

(rem(2px), rem(0), rem(10px))

border-radius-ripple

チェックボックスリップルに使用される境界半径。

List

(rem(24px), rem(0), rem(24px))

次で使用

var material-checkbox
var fluent-checkbox
var bootstrap-checkbox
var indigo-checkbox

variable material-checkbox public

Material checkbox スキーマを生成します。

Deprecation message:

プロパティ

empty-color

未チェック境界線の色。

Map

color: ('gray', 600)

empty-color-hover

ホバー時の未チェック境界線の色。

Map

color: ('gray', 600)

tick-color-hover

ホバー時にチェックされたマークの色。

Map

color: ('gray', 50)

fill-color

チェックされた境界と塗りつぶし色。

Map

color: ('secondary', 500)

fill-color-hover

ホバー時にチェックされた境界線と塗りつぶしの色。

Map

color: ('secondary', 500)

focus-outline-color

フォーカスアウトラインの色。

Color

transparent

error-color-hover

ホバー時に無効な状態の境界線と塗りつぶしの色。

Map

color: ('error', 500)

次で使用

var dark-material-checkbox

必須

var light-checkbox

variable fluent-checkbox public

Fluent checkbox スキーマを生成します。

Deprecation message:

プロパティ

tick-color-hover

コントロールがチェックされていないときのホバー時のチェックマークの色。

Map

color: ('gray', 700)

empty-color

未チェック境界線の色。

Map

color: ('gray', 900)

empty-color-hover

ホバー時の未チェック境界線の色。

Map

color: ('gray', 900)

fill-color-hover

ホバー時にチェックされた境界線と塗りつぶしの色。

Map

color: ('primary', 800)

focus-outline-color

フォーカスアウトラインの色。

Map

color: ('gray', 700)

error-color-hover

ホバー時に無効な状態の境界線と塗りつぶしの色。

Map

color: ('error', 700)

border-radius-ripple

チェックボックスリップルに使用される境界半径。

List

(rem(2px), rem(0), rem(24px))

次で使用

var dark-fluent-checkbox

必須

var light-checkbox

variable bootstrap-checkbox public

Bootstrap checkbox スキーマを生成します。

Deprecation message:

プロパティ

tick-color

チェックされたマークの色。

Map

contrast-color: ('primary', 900)

tick-color-hover

ホバー時にチェックされたマークの色。

Map

contrast-color: ('primary', 900)

empty-color

未チェック境界線の色。

Map

color: ('gray', 400)

empty-color-hover

ホバー時の未チェック境界線の色。

Map

color: ('gray', 500)

empty-fill-color

未チェックの塗りつぶし色。

Map

contrast-color: ('gray', 900)

fill-color-hover

ホバー時にチェックされた境界線と塗りつぶしの色。

Map

color: ('primary', 600)

disabled-color

無効の境界線の色。

Map

color: ('gray', 300)

disabled-indeterminate-color

無効にされた境界と塗りつぶし色。

Map

color: ('primary', 200)

focus-outline-color

フォーカスアウトラインの色。

Map

color: ('primary', 200, 0.5)

focus-outline-color-error

フォーカスされた無効な状態のフォーカスのアウトラインの色。

Map

color: ('error', 200, 0.5)

error-color-hover

無効な状態のフォーカスアウトラインの色。

Map

color: ('error', 600)

border-radius

チェックボックスに使用される境界半径。

List

(rem(4px), rem(0), rem(10px))

border-radius-ripple

チェックボックスリップルに使用される境界半径。

List

(rem(4px), rem(0), rem(24px))

次で使用

var dark-bootstrap-checkbox

必須

var light-checkbox

variable indigo-checkbox public

Indigo checkbox スキーマを生成します。

Deprecation message:

プロパティ

tick-color

チェックされたマークの色。

Color

contrast-color: ('primary', 500)

tick-color-hover

ホバー時にチェックされたマークの色。

Color

contrast-color: ('primary', 500)

label-color

ラベルテキストに使用されるテキストの色。

Map

color: ('gray', 800)

fill-color-hover

ホバー時にチェックされた境界線と塗りつぶしの色。

Map

color: ('primary', 400)

empty-color

未チェック境界線の色。

Map

color: ('gray', 500)

empty-color-hover

ホバー時の未チェック境界線の色。

Map

color: ('gray', 600)

disabled-color

無効にされた境界と塗りつぶし色。

Map

color: ('gray', 900, .15)

disabled-indeterminate-color

チェック/不確定状態の無効な境界線と塗りつぶしの色。

Map

color: ('primary', 400, .5)

disabled-color-label

無効のラベルの色。

Map

color: ('gray', 900, .2)

focus-outline-color

フォーカスアウトラインの色。

Map

color: ('gray', 900, .15)

focus-outline-color-focused

フォーカスされた状態のフォーカスアウトラインの色。

Map

color: ('primary', 400, .5)

focus-outline-color-error

フォーカスされた無効な状態のフォーカスのアウトラインの色。

Map

color: ('error', 400, 0.5)

error-color-hover

無効な状態のフォーカスアウトラインの色。

Map

color: ('error', 400)

border-radius

チェックボックスに使用される境界半径。

List

(rem(3px), rem(0), rem(10px))

border-radius-ripple

チェックボックスリップルに使用される境界半径。

List

(rem(3px), rem(0), rem(24px))

次で使用

var dark-indigo-checkbox

必須

var light-checkbox

variable light-chip public

Light chip スキーマを生成します。

Deprecation message:

プロパティ

border-radius

チップに使用される境界半径。

List

(rem(16px), rem(0), rem(16px))

background

チップの背景色。

Map

color: ('gray', 200)

border-color

チップの境界線の色。

Color

transparent

ghost-background

チップゴーストの背景色。

Map

color: ('gray', 400))

hover-text-color

ホバー時のチップテキストの色。

Map

contrast-color: ('gray', 400)

hover-background

ホバー時のチップの背景色。

Map

color: ('gray', 400)

hover-border-color

ホバー時のチップの境界線の色。

Color

transparent

selected-text-color

選択されたチップのテキストの色。

Map

color: ('gray', 700)

selected-background

選択されたチップの背景色。

Map

color: ('primary', 500)

selected-border-color

選択されたチップの境界線の色。

Color

transparent

focus-text-color

フォーカスされたチップのテキストの色。

Map

contrast-color: ('gray', 500)

focus-border-color

チップのフォーカス境界線の色。

Color

transparent

hover-selected-text-color

選択されたチップのホバーテキストの色。

Map

contrast-color: ('gray', 400)

hover-selected-background

選択されたチップのホバーの背景色。

Map

color: ('gray', 400)

hover-selected-border-color

選択されたチップのホバー境界線の色。

Color

transparent

focus-selected-border-color

選択されたチップのフォーカス境界線の色。

Color

transparent

ghost-elevation

チップのゴースト (ドラッグモード) に使用される 0 から 24 までのエレベーションレベル。

Number

remove-icon-color

チップの削除アイコンの色。

color

"'currentColor'"

remove-icon-color-focus

チップのフォーカス削除アイコンの色。

Color

"'currentColor'"

$disabled-text-color

無効なチップのテキストの色。

Map

color: ('gray', 500)

$disabled-background

無効なチップの背景色。

Map

color: ('gray', 200)

$disabled-border-color

無効なチップの境界線の色。

Map

color: ('gray', 200)

size

Chip の高さに使用されるサイズ。

List

(rem(20px), rem(24px), rem(32px))

default-size

Chip コンポーネントに使用されるデフォルトのサイズ。

Number

$default-elevation-chip

Map

none

次で使用

var material-chip
var fluent-chip
var bootstrap-chip
var indigo-chip

variable material-chip public

Material chip スキーマを生成します。

Deprecation message:

プロパティ

text-color

チップのテキストの色。

Map

contrast-color: ('gray', 300)

background

チップの背景色。

Map

color: ('gray', 300)

focus-background

フォーカスされたチップの背景色。

Map

color: ('gray', 500)

selected-background

選択されたチップの背景色。

Map

color: ('gray', 300)

focus-selected-text-color

選択されたチップのテキストフォーカスの色。

Map

contrast-color: ('gray', 500)

focus-selected-background

選択されたチップのフォーカスの背景色。

Map

color: ('gray', 500)

次で使用

var dark-material-chip

必須

var light-chip
var default-elevation-chip

variable fluent-chip public

Fluent chip スキーマを生成します。

Deprecation message:

プロパティ

text-color

チップのテキストの色。

Map

color: ('gray', 700)

ghost-background

チップゴーストの背景色。

Map

color: ('primary', 500)

hover-background

ホバー時のチップの背景色。

Map

color: ('gray', 200)

hover-text-color

ホバー時のチップテキストの色。

Map

contrast-color: ('gray', 200)

selected-text-color

選択されたチップのテキストの色。

Map

contrast-color: ('primary', 700))

focus-background

フォーカスされたチップの背景色。

Map

color: ('primary', 600)

focus-text-color

フォーカスされたチップのテキストの色。

Map

contrast-color: ('primary', 700)

hover-selected-text-color

選択されたチップのホバーテキストの色。

Map

contrast-color: ('primary', 700)

hover-selected-background

選択されたチップのホバーの背景色。

Map

color: ('primary', 600)

focus-selected-text-color

選択されたチップのテキストフォーカスの色。

Map

contrast-color: ('primary', 700)

focus-selected-background

選択されたチップのフォーカスの背景色。

Map

color: ('primary', 500)

ghost-elevation

チップのゴースト (ドラッグモード) に使用される 0 から 24 までのエレベーションレベル。

Number

次で使用

var dark-fluent-chip

必須

var light-chip
var fluent-elevation-chip

variable bootstrap-chip public

Bootstrap chip スキーマを生成します。

Deprecation message:

プロパティ

text-color

チップのテキストの色。

Map

contrast-color: ('gray', 200)

selected-background

選択されたチップの背景色。

Map

color: ('gray', 200)

focus-text-color

フォーカスされたチップのテキストの色。

Map

contrast-color: ('gray', 400)

focus-background

フォーカスされたチップの背景色。

Map

color: ('gray', 400)

focus-selected-background

選択されたチップのフォーカスの背景色。

Map

color: ('gray', 400)

focus-selected-text-color

選択されたチップのテキストフォーカスの色。

Map

contrast-color: ('gray', 400)

ghost-elevation

チップのゴースト (ドラッグモード) に使用される 0 から 24 までのエレベーションレベル。

Number

border-radius

チップに使用される境界半径。

List

(rem(4px), rem(0), rem(16px))

focus-outline-color

チップのフォーカスアウトラインの色。

Map

color: ('gray', 200)

focus-selected-outline-color

選択されたチップのフォーカスアウトラインの色。

Map

color: ('primary', 200)

次で使用

var dark-bootstrap-chip

必須

var light-chip
var bootstrap-elevation-chip

variable indigo-chip public

Indigo chip スキーマを生成します。

Deprecation message:

プロパティ

size

チップの高さに使用されるサイズ。

List

(rem(20px), rem(24px), rem(28px))

ghost-elevation

チップのゴースト (ドラッグモード) に使用される 0 から 24 までのエレベーションレベル。

Number

text-color

チップのテキストの色。

Map

color: ('gray', 700)

hover-text-color

ホバー時のチップテキストの色。

Map

color: ('gray', 900)

focus-text-color

フォーカスされたチップのテキストの色。

Map

color: ('gray', 700)

background

チップの背景色。

Map

color: ('gray', 50)

hover-background

ホバー時のチップの背景色。

Map

color: ('gray', 200)

focus-background

フォーカスされたチップの背景色。

Map

color: ('gray', 50)

border-color

チップの境界線の色。

Map

color: ('gray', 400)

hover-border-color

ホバー時のチップの境界線の色。

Map

color: ('gray', 500)

focus-border-color

チップのフォーカス境界線の色。

Map

color: ('gray', 400)

focus-outline-color

チップのフォーカスアウトラインの色。

Map

color: ('gray', 900, .15)

selected-text-color

選択されたチップのテキストの色。

Map

contrast-color: ('primary', 900)

hover-selected-text-color

選択されたチップのホバーテキストの色。

Map

contrast-color: ('primary', 900)

hover-selected-background

選択されたチップのホバーの背景色。

Map

color: ('primary', 400)

focus-selected-text-color

選択されたチップのテキストフォーカスの色。

Map

contrast-color: ('primary', 900)

focus-selected-background

選択されたチップのフォーカスの背景色。

Map

color: ('primary', 500)

selected-border-color

選択されたチップの境界線の色。

Map

color: ('primary', 500)

hover-selected-border-color

選択されたチップのホバー境界線の色。

Map

color: ('primary', 400)

focus-selected-border-color

選択されたチップのフォーカス境界線の色。

Map

color: ('primary', 500)

focus-selected-outline-color

選択されたチップのフォーカスアウトラインの色。

Map

color: ('primary', 400, .5)

ghost-background

チップゴーストの背景色。

Map

color: ('gray', 200)

disabled-text-color

無効なチップのテキストの色。

Map

color: ('gray', 900, .2)

disabled-background

無効なチップの背景色。

Map

contrast-color: ('gray', 900)

disabled-border-color

無効なチップの境界線の色。

Map

color: ('gray', 300)

次で使用

var dark-indigo-chip

必須

var light-chip
var indigo-elevation-chip

variable light-combo public

Light combo スキーマを生成します。

Deprecation message:

プロパティ

empty-list-background

コンボリストの背景色。

Map

color: 'surface'

search-separator-border-color

コンボ検索ボックスセパレーターの色。

Map

color: ('gray', 500)

empty-list-placeholder-color

コンボプレースホルダーテキストの色。

Map

color: ('gray', 700)

toggle-button-background

コンボトグルボタンの背景色。

Map

color: ('gray', 300)

toggle-button-background-focus

コンボがフォーカスされている時のコンボトグルボタンの背景色。

Map

color: ('gray', 300)

toggle-button-foreground

コンボトグルボタンの前景色。

Map

color: ('gray', 700)

toggle-button-foreground-focus

コンボがフォーカスされている時のコンボトグルボタンの前景色。

Map

color: ('gray', 700)

toggle-button-foreground-filled

コンボがフォーカスされている時のコンボトグルボタンの前景色。

Map

color: ('gray', 900)

toggle-button-background-disabled

コンボが無効になっているときのコンボトグルボタンの背景色。

Map

color: ('gray', 100)

toggle-button-foreground-disabled

コンボが無効になっている時のコンボトグルボタンの前景色。

Map

color: ('gray', 400)

toggle-button-background-focus--border

Border と Line のバリアントでコンボがフォーカスされている場合のコンボトグルボタンの背景色。

Map

color: ('gray', 300)

clear-button-background

コンボクリアボタンの背景色。

Color

transparent

clear-button-foreground

コンボトグルクリアの前景色。

Map

contrast-color: ('gray', 100)

clear-button-foreground-focus

コンボがフォーカスされている時のコンボクリアボタンの前景色。

Map

contrast-color: ('gray', 100)

case-icon-color

コンボ検索入力の非アクティブ状態での大文字と小文字を区別するアイコンの色

Map

color: ('gray', 400)

case-icon-color--active

コンボ検索入力のアクティブ状態での大文字と小文字を区別するアイコンの色

Map

color: ('primary', 500)

default-size

Combo コンポーネントに使用されるデフォルトのサイズ。

Number

次で使用

var material-combo
var fluent-combo
var bootstrap-combo
var indigo-combo

variable material-combo public

Material combo スキーマを生成します。

Deprecation message:

プロパティ

toggle-button-background-focus

コンボがフォーカスされている時のコンボトグルボタンの背景色。

Map

color: ('gray', 400, .3)

clear-button-background-focus

コンボがフォーカスされている時のコンボクリアボタンの背景色。

Color

transparent

toggle-button-foreground-disabled

コンボが無効になっている時のコンボトグルボタンの前景色。

Map

color: ('gray', 500)

次で使用

var dark-material-combo

必須

var light-combo

variable fluent-combo public

Fluent combo スキーマを生成します。

Deprecation message:

プロパティ

toggle-button-background

コンボトグルボタンの背景色。

Map

color: ('gray', 100)

toggle-button-background-focus

コンボがフォーカスされている時のコンボトグルボタンの背景色。

Map

color: ('gray', 100)

clear-button-background

コンボクリアボタンの背景色。

Color

color: ('gray', 100)

clear-button-background-focus

コンボがフォーカスされている時のコンボクリアボタンの背景色。

Color

color: ('gray', 100)

toggle-button-foreground-filled

コンボがフォーカスされている時のコンボトグルボタンの前景色。

Map

color: ('gray', 700)

toggle-button-background-disabled

コンボが無効になっているときのコンボトグルボタンの背景色。

Map

color: ('gray', 100)

次で使用

var dark-fluent-combo

必須

var light-combo

variable bootstrap-combo public

Bootstrap combo スキーマを生成します。

Deprecation message:

プロパティ

toggle-button-foreground

コンボトグルボタンの前景色。

Map

color: ('gray', 800)

toggle-button-foreground-filled

コンボがフォーカスされている時のコンボトグルボタンの前景色。

Map

color: ('gray', 800)

empty-list-background

コンボリストの背景色。

Map

color: ('surface')

search-separator-border-color

コンボ検索ボックスセパレーターの色。

Map

color: ('gray', 400)

empty-list-placeholder-color

コンボプレースホルダーテキストの色。

Map

color: ('gray', 600)

clear-button-background

コンボクリアボタンの背景色。

Map

color: ('gray', 300)

clear-button-background-focus

コンボがフォーカスされている時のコンボクリアボタンの背景色。

Map

color: ('gray', 300)

clear-button-foreground

コンボトグルクリアの前景色。

Map

color: ('gray', 800)

clear-button-foreground-focus

コンボがフォーカスされている時のコンボクリアボタンの前景色。

Map

color: ('gray', 800)

次で使用

var dark-bootstrap-combo

必須

var light-combo

variable indigo-combo public

Indigo combo スキーマを生成します。

Deprecation message:

プロパティ

empty-list-placeholder-color

コンボプレースホルダーテキストの色。

Map

color: ('gray', 600)

clear-button-background-focus

コンボがフォーカスされている時のコンボクリアボタンの背景色。

Color

transparent

clear-button-foreground

コンボトグルクリアの前景色。

Map

color: ('gray', 600)

clear-button-foreground-focus

コンボがフォーカスされている時のコンボクリアボタンの前景色。

Map

color: ('gray', 600)

toggle-button-foreground

コンボトグルボタンの前景色。

Map

color: ('gray', 600)

toggle-button-foreground-filled

コンボがフォーカスされている時のコンボトグルボタンの前景色。

Map

color: ('gray', 600)

toggle-button-foreground-focus

コンボがフォーカスされている時のコンボトグルボタンの前景色。

Map

color: ('gray', 700)

toggle-button-background

コンボトグルボタンの背景色。

Map

color: transparent

toggle-button-background-focus

コンボがフォーカスされている時のコンボトグルボタンの背景色。

Map

transparent

toggle-button-background-focus--border

コンボがフォーカスされている時のコンボトグルボタンの背景色。

Map

transparent

toggle-button-background-disabled

コンボが無効になっているときのコンボトグルボタンの背景色。

Color

transparent

toggle-button-foreground-disabled

コンボが無効になっている時のコンボトグルボタンの前景色。

Map

color: ('gray', 900, .2)

次で使用

var dark-indigo-combo

必須

var light-combo

variable light-date-range-picker public

Light date-range-picker スキーマを生成します。

Deprecation message:

プロパティ

label-color

日付範囲セパレーターのラベルの色。

Map

color: ('gray', 500)

次で使用

var material-date-range-picker
var fluent-date-range-picker
var bootstrap-date-range-picker
var indigo-date-range-picker

variable material-date-range-picker public

Material date-range-picker スキーマを生成します。

Deprecation message:

次で使用

var dark-material-date-range-picker

必須

var light-date-range-picker

variable fluent-date-range-picker public

Fluent date-range-picker スキーマを生成します。

Deprecation message:

次で使用

var dark-fluent-date-range-picker

必須

var light-date-range-picker

variable bootstrap-date-range-picker public

Bootstrap date-range-picker スキーマを生成します。

Deprecation message:

次で使用

var dark-bootstrap-date-range-picker

必須

var light-date-range-picker

variable indigo-date-range-picker public

Indigo date-range-picker スキーマを生成します。

Deprecation message:

次で使用

var dark-indigo-date-range-picker

必須

var light-date-range-picker

variable light-dialog public

Light dialog スキーマを生成します。

Deprecation message:

プロパティ

background

ダイアログの背景色。

Map

color: 'surface'

title-color

ダイアログタイトルテキストの色。

Map

color: ('gray', 900)

message-color

ダイアログメッセージテキストの色。

Map

color: ('gray', 600)

border-color

ダイアログコンポーネントの境界線の色。

Color

transparent

backdrop

ダイアログの背景色。

Map

color: ('gray', 50, .54)

elevation

ダイアログに使用される 0 から 24 までのエレベーションレベル。

Number

border-radius

ダイアログに使用される境界半径。

List

(rem(4px), rem(0), rem(36px))

default-size

Dialog コンポーネントに使用されるデフォルトのサイズ。

Number

次で使用

var material-dialog
var fluent-dialog
var bootstrap-dialog
var indigo-dialog

必須

var default-elevation-dialog

variable material-dialog public

Material dialog スキーマを生成します。

Deprecation message:

次で使用

var dark-material-dialog

必須

var light-dialog

variable fluent-dialog public

Fluent dialog スキーマを生成します。

Deprecation message:

プロパティ

backdrop

ダイアログの背景色。

Map

color: ('gray', 900, .4)

border-radius

ダイアログに使用される境界半径。

List

(rem(2px), rem(0), rem(36px))

message-color

ダイアログメッセージテキストの色。

Map

color: ('gray', 700)

次で使用

var dark-fluent-dialog

必須

var light-dialog

variable bootstrap-dialog public

Bootstrap dialog スキーマを生成します。

Deprecation message:

プロパティ

border-color

ダイアログコンポーネントの境界線の色。

Map

color: ('gray', 300)

elevation

ダイアログに使用される 0 から 24 までのエレベーションレベル。

Number

次で使用

var dark-bootstrap-dialog

必須

var light-dialog
var bootstrap-elevation-dialog

variable indigo-dialog public

Indigo dialog スキーマを生成します。

Deprecation message:

プロパティ

message-color

ダイアログメッセージテキストの色。

Map

color: ('gray', 700)

border-radius

ダイアログに使用される境界半径。

List

(rem(10px), rem(0), rem(36px))

次で使用

var dark-indigo-dialog

必須

var light-dialog

variable light-divider public

Light divider スキーマを生成します。

Deprecation message:

プロパティ

color

ディバイダに使用される色。

Map

color: ('gray', 300)

inset

ディバイダのインセット値。

number

次で使用

var material-divider
var fluent-divider

variable material-divider public

Material divider スキーマを生成します。

Deprecation message:

次で使用

var dark-material-divider

必須

var light-divider

variable fluent-divider public

Fluent divider スキーマを生成します。

Deprecation message:

次で使用

var dark-fluent-divider

必須

var light-divider

variable bootstrap-divider public

Bootstrap divider スキーマを生成します。

Deprecation message:

次で使用

var dark-bootstrap-divider

variable indigo-divider public

Indigo divider スキーマを生成します。

Deprecation message:

次で使用

var dark-indigo-divider

variable light-dock-manager public

Light dock-manager スキーマを生成します。

Deprecation message:

プロパティ

accent-color

ピン固定ヘッダーの背景色、ジョイスティックの背景色と境界線の色、およびコンテキストメニューの背景色を設定します。

Color

null

active-color

タブ、ペイン、およびメニューのアクティブなテキストと境界線の色を設定します。

Color

color: 'primary'

background-color

ドックマネージャーの基本色、ペインヘッダーおよびタブ背景色を設定します。

Color

null

border-color

Color

color: ('surface')

button-text

ボタンのテキストの色を設定します。

Color

color: ('gray', 800)

context-menu-background-active

アクティブなコンテキストメニューの背景色を設定します。

Color

color: 'primary'

context-menu-background

コンテキストメニューの背景色を設定します。

Color

null

dock-background

ドックマネージャの背景色を設定します。

Color

null

dock-text

ドックマネージャーのテキストの色を設定します。

Color

null

drop-shadow-background

影付きの背景色を設定します。

Color

color: ('primary', 500, .2)

floating-pane-border-color

フローティングペインの境界線の色を設定します。

Color

color: 'surface'

flyout-shadow-color

フライアウトの影の色を設定します。

Color

color: ('gray', 900, .8)

joystick-background

ジョイスティックの背景色を設定します。

Color

null

joystick-background-active

ジョイスティックの背景色を設定します。

Color

color: 'primary'

joystick-border-color

ジョイスティックの境界線の色を設定します。

Color

color: ('gray', 300)

joystick-icon-color

ジョイスティックアイコンの色を設定します。

Color

color: 'primary'

joystick-icon-color-active

アクティブなジョイスティックアイコンの色を設定します。

Color

contrast-color: 'surface'

pane-content-background

コンテンツペインの背景色を設定します。

Color

color: ('surface')

pane-content-text

コンテンツペインのテキストの色を設定します。

Color

null

pane-header-background

ペインヘッダーの背景色を設定します。

Color

null

pane-header-text

ペインヘッダーのテキストの色を設定します。

Color

null

pinned-header-background

ピン固定ヘッダーの背景色を設定します。

Color

null

pinned-header-text

ピン固定ヘッダーのテキストの色を設定します。

Color

null

splitter-background

スプリッターの背景色を設定します。

Color

color: ('gray', 300)

splitter-handle

スプリッターハンドルの背景色を設定します。

Color

color: ('gray', 400)

tab-background-active

アクティブなタブの背景色を設定します。

Color

color: ('primary', 100)

tab-background

タブの背景色を設定します。

Color

color: 'surface'

tab-border-color

タブの境界線の色を設定します。

Color

null

tab-border-color-active

アクティブなタブの境界線の色を設定します。

Color

null

tab-text

タブのテキストの色を設定します。

Color

color: ('gray', 700)

text-color

ドックマネージャーのほとんどの要素のテキストの色を設定します。デフォルトのジョイスティックアイコンの色として使用されます。

Color

color: ('gray', 800)

次で使用

var dark-dock-manager
var material-dock-manager
var fluent-dock-manager
var bootstrap-dock-manager
var indigo-dock-manager

variable material-dock-manager public

Material dock-manager スキーマを生成します。

Deprecation message:

プロパティ

context-menu-background-active

アクティブなコンテキストメニューの背景色を設定します。

Color

null

context-menu-color-active

アクティブなコンテキストメニューのテキストの色を設定します。

Color

contrast-color: 'surface'

context-menu-color

コンテキストメニューのテキストの色を設定します。

Color

null

joystick-background-active

ジョイスティックの背景色を設定します。

Color

null

joystick-icon-color

ジョイスティックアイコンの色を設定します。

Color

color: ('gray', 600)

splitter-handle

スプリッターハンドルの背景色を設定します。

Color

null

tab-background

タブの背景色を設定します。

Color

null

tab-text

タブのテキストの色を設定します。

Color

null

tab-text-active

アクティブなタブのテキストの色を設定します。

Color

null

次で使用

var dark-material-dock-manager

必須

var light-dock-manager

variable fluent-dock-manager public

Fluent dock-manager スキーマを生成します。

Deprecation message:

プロパティ

context-menu-background-active

アクティブなコンテキストメニューの背景色を設定します。

Color

color: ('gray', 200)

context-menu-color-active

アクティブなコンテキストメニューのテキストの色を設定します。

Color

color: ('gray', 800)

context-menu-color

アクティブなコンテキストメニューのテキストの色を設定します。

Color

color: ('gray', 800)

floating-pane-border-color

フローティングペインの境界線の色を設定します。

Color

color: ('gray', 400)

joystick-background-active

ジョイスティックの背景色を設定します。

Color

color: ('gray', 200)

joystick-border-color

ジョイスティックの境界線の色を設定します。

Color

color: ('gray', 400)

joystick-icon-color

ジョイスティックアイコンの色を設定します。

Color

color: ('gray', 800)

joystick-icon-color-active

アクティブなジョイスティックアイコンの色を設定します。

Color

color: ('gray', 800)

pane-header-background

ペインヘッダーの背景色を設定します。

Color

color: ('gray', 100)

splitter-background

[color: ('gray', 100) - スプリッターの背景色を設定します。

Color

none

tab-border-color

タブの境界線の色を設定します。

Color

color: 'surface'

tab-border-color-active

アクティブなタブの境界線の色を設定します。

Color

color: 'surface'

tab-text-active

アクティブなタブのテキストの色を設定します。

Color

color: 'primary'

次で使用

var dark-fluent-dock-manager

必須

var light-dock-manager

variable bootstrap-dock-manager public

Bootstrap dock-manager スキーマを生成します。

Deprecation message:

プロパティ

button-text

ボタンのテキストの色を設定します。

Color

color: 'primary'

context-menu-background

コンテキストメニューの背景色を設定します。

Color

color: 'surface'

context-menu-color-active

アクティブなコンテキストメニューのテキストの色を設定します。

Color

color: 'surface'

context-menu-color

コンテキストメニューのテキストの色を設定します。

Color

color: 'primary'

dock-background

ドックマネージャの背景色を設定します。

Color

color: ('gray', 100)

floating-pane-border-color

フローティングペインの境界線の色を設定します。

Color

color: ('gray', 300)

pane-header-background

ペインヘッダーの背景色を設定します。

Color

color: ('gray', 100)

pinned-header-background

ピン固定ヘッダーの背景色を設定します。

Color

color: ('gray', 100)

splitter-background

スプリッターの背景色を設定します。

Color

color: ('gray', 200)

tab-border-color-active

アクティブなタブの境界線の色を設定します。

Color

color: ('gray', 300)

tab-border-color

タブの境界線の色を設定します。

Color

color: 'surface'

tab-text-active

アクティブなタブのテキストの色を設定します。

Color

color: ('gray', 800)

tab-text

タブのテキストの色を設定します。

Color

color: 'primary'

次で使用

var dark-bootstrap-dock-manager

必須

var light-dock-manager

variable indigo-dock-manager public

Light indigo dock-manager スキーマを生成します。

Deprecation message:

プロパティ

background-color

ドックマネージャーの基本色と、ペインヘッダーおよびタブの背景色を設定します。

Color

color: ('gray', 100)

button-text

ボタンのテキストの色を設定します。

Color

color: 'primary'

context-menu-color-active

アクティブなコンテキストメニューのテキストの色を設定します。

Color

contrast-color: 'primary'

context-menu-color

コンテキストメニューのテキストの色を設定します。

Color

color: ('gray', 700)

joystick-background

ジョイスティックの背景色を設定します。

Color

color: ('primary', 50)

joystick-border-color

ジョイスティックの境界線の色を設定します。

Color

color: ('primary', 50)

joystick-icon-color-active

アクティブなジョイスティックアイコンの色を設定します。

Color

contrast-color: 'primary'

pinned-header-background

ピン固定ヘッダーの背景色を設定します。

Color

color: ('gray', 100)

splitter-handle

スプリッターハンドルの背景色を設定します。

Color

color: 'surface'

tab-background

タブの背景色を設定します。

Color

color: ('gray', 100)

tab-text-active

アクティブなタブのテキストの色を設定します。

Color

color: ('gray', 900)

text-color

ドックマネージャーのほとんどの要素のテキストの色を設定します。デフォルトのジョイスティックアイコンの色として使用されます。

Color

color: ('gray', 900)

次で使用

var dark-indigo-dock-manager

必須

var light-dock-manager

variable light-drop-down public

Light drop-down スキーマを生成します。

Deprecation message:

プロパティ

border-color

ドロップダウンコンポーネントに使用される 0 から 1 までの境界線の色。

Map

color: ('gray', 300)

background-color

ドロップダウンの背景色。

Map

color: 'surface'

header-text-color

ドロップダウンヘッダーテキストの色。

Map

color: ('secondary', 500)

item-text-color

ドロップダウンテキストの背景色。

Map

color: ('gray', 800)

item-icon-color

ドロップダウン項目のアイコンの色。

Map

color: ('gray', 800)

hover-item-text-color

ドロップダウン項目のホバーのテキストの色。

Map

color: ('gray', 800)

hover-item-icon-color

ドロップダウン項目のホバーのアイコンの色。

Map

color: ('gray', 800)

focused-item-text-color

ドロップダウンフォーカスされた項目のテキストの色。

Map

color: ('gray', 800)

focused-item-border-color

フォーカス時のドロップダウン項目の境界線の色。

Color

transparent

selected-item-background

ドロップダウン選択された項目の背景色。

Map

color: ('primary', 500)

disabled-item-background

ドロップダウンが無効にされた項目の背景色。

Color

transparent

disabled-item-text-color

ドロップダウンが無効にされた項目のテキストの色。

Map

color: ('gray', 400)

elevation

ドロップダウン影に使用される 0 から 24 までのエレベーションレベル。

Number

border-width

ドロップダウンコンポーネントに使用される境界線の幅。

Number

border-radius

ドロップダウンコンポーネントに使用される境界半径。

List

(rem(4px), rem(0), rem(20px))

item-border-radius

ドロップダウン項目に使用される境界半径。

List

(rem(0), rem(0), rem(20px))

size

Dropdown Item の高さに使用されるサイズ。

List

(rem(28px), rem(32px), rem(40px))

default-size

Drop Down コンポーネントに使用されるデフォルトのサイズ。

Number

次で使用

var material-drop-down
var fluent-drop-down
var bootstrap-drop-down
var indigo-drop-down

必須

var default-elevation-drop-down

variable material-drop-down public

Material drop-down スキーマを生成します。

Deprecation message:

プロパティ

hover-item-background

ドロップダウンホバー項目の背景色。

Map

color: ('gray', 100, .8)

focused-item-background

ドロップダウンフォーカスされた項目の背景色。

Map

color: ('gray', 100, .8)

selected-item-background

ドロップダウン選択された項目の背景色。

Map

color: ('secondary', 100)

selected-item-text-color

ドロップダウン選択された項目のテキストの色。

Map

contrast-color: ('secondary', 100)

selected-item-icon-color

選択されたドロップダウン項目のアイコンの色。

Map

contrast-color: ('secondary', 100)

selected-hover-item-background

ドロップダウン選択された項目ホバーの背景色。

Map

color: ('secondary', 200)

selected-hover-item-text-color

ドロップダウン選択された項目ホバーのテキストの色。

Map

contrast-color: ('secondary', 200)

selected-hover-item-icon-color

選択されたドロップダウン項目のホバーのアイコンの色。

Map

contrast-color: ('secondary', 200)

selected-focus-item-background

ドロップダウン選択された項目フォーカスの背景色。

Map

color: ('secondary', 200)

selected-focus-item-text-color

ドロップダウン選択された項目フォーカスのテキストの色。

Map

contrast-color: ('secondary', 200)

次で使用

var dark-material-drop-down

必須

var light-drop-down
var default-elevation-drop-down

variable fluent-drop-down public

Fluent drop-down スキーマを生成します。

Deprecation message:

プロパティ

hover-item-background

ドロップダウンホバー項目の背景色。

Map

color: ('gray', 100)

focused-item-background

ドロップダウンフォーカスされた項目の背景色。

Map

color: 'surface'

selected-item-background

ドロップダウン選択された項目の背景色。

Map

color: ('gray', 200)

selected-item-text-color

ドロップダウン選択された項目のテキストの色。

Map

contrast-color: ('gray', 200)

selected-item-icon-color

選択されたドロップダウン項目のアイコンの色。

Map

contrast-color: ('gray', 200)

selected-hover-item-background

ドロップダウン選択された項目ホバーの背景色。

Map

color: ('gray', 200)

selected-hover-item-text-color

ドロップダウン選択された項目ホバーのテキストの色。

Map

contrast-color: ('gray', 200)

selected-hover-item-icon-color

選択されたドロップダウン項目のホバーのアイコンの色。

Map

contrast-color: ('gray', 200)

selected-focus-item-background

ドロップダウン選択された項目フォーカスの背景色。

Map

color: ('gray', 200)

selected-focus-item-text-color

ドロップダウン選択された項目フォーカスのテキストの色。

Map

contrast-color: ('gray', 200)

border-color

フォーカス状態のドロップダウン項目に使用される境界線の色。

Map

color: ('gray', 700)

disabled-item-text-color

ドロップダウンが無効にされた項目のテキストの色。

Map

color: ('gray', 500)

elevation

ドロップダウン影に使用される 0 から 24 までのエレベーションレベル。

Number

border-radius

ドロップダウンコンポーネントに使用される境界半径。

List

(rem(2px), rem(0), rem(20px))

次で使用

var dark-fluent-drop-down

必須

var light-drop-down
var fluent-elevation-drop-down

variable bootstrap-drop-down public

Bootstrap drop-down スキーマを生成します。

Deprecation message:

プロパティ

header-text-color

ドロップダウンヘッダーテキストの色。

Map

color: ('gray', 700)

hover-item-background

ドロップダウンホバー項目の背景色。

Map

color: ('gray', 200)

focused-item-background

ドロップダウンフォーカスされた項目の背景色。

Map

color: ('gray', 200)

selected-item-text-color

ドロップダウン選択された項目のテキストの色。

Map

contrast-color('primary', 600)

selected-item-icon-color

選択されたドロップダウン項目のアイコンの色。

Map

contrast-color('primary', 600)

selected-hover-item-background

ドロップダウン選択された項目ホバーの背景色。

Map

color: ('primary', 600)

selected-hover-item-text-color

ドロップダウン選択された項目ホバーのテキストの色。

Map

contrast-color('primary', 600)

selected-hover-item-icon-color

選択されたドロップダウン項目のホバーのアイコンの色。

Map

contrast-color('primary', 600)

selected-focus-item-background

ドロップダウン選択された項目フォーカスの背景色。

Map

color: ('primary', 600)

selected-focus-item-text-color

ドロップダウン選択された項目フォーカスのテキストの色。

Map

contrast-color('primary', 600)

elevation

ドロップダウン影に使用される 0 から 24 までのエレベーションレベル。

Number

border-width

ドロップダウンコンポーネントに使用される境界線の幅。

Number

1px

次で使用

var dark-bootstrap-drop-down

必須

var light-drop-down
var bootstrap-elevation-drop-down

variable indigo-drop-down public

Indigo drop-down スキーマを生成します。

Deprecation message:

プロパティ

background-color

ドロップダウンの背景色。

Map

contrast-color: ('gray', 900)

header-text-color

ドロップダウンヘッダーテキストの色。

Map

color: ('gray', 600)

item-icon-color

ドロップダウン項目のアイコンの色。

Map

color: ('gray', 600)

border-color

ドロップダウンコンポーネントに使用される 0 から 1 までの境界線の色。

Map

color: ('gray', 400)

hover-item-background

ドロップダウン項目のホバーの背景色。

Map

color: ('gray', 900, .05)

hover-item-text-color

ドロップダウン項目のホバーのテキストの色。

Map

color: ('gray', 900)

hover-item-icon-color

ドロップダウン項目のホバーのアイコンの色。

Map

color: ('gray', 700)

focused-item-background

ドロップダウンフォーカスされた項目の背景色。

Map

contrast-color: ('gray', 900)

focused-item-border-color

フォーカス時のドロップダウン項目の境界線の色。

Map

color: ('primary', 400)

selected-item-background

ドロップダウン選択された項目の背景色。

Map

color: ('primary', 300, .3)

selected-item-text-color

ドロップダウン選択された項目のテキストの色。

Map

color: ('gray', 900)

selected-item-icon-color

選択されたドロップダウン項目のアイコンの色。

Map

color: ('gray', 700)

selected-hover-item-background

ドロップダウン選択された項目ホバーの背景色。

Map

color: ('primary', 300, .5)

selected-hover-item-text-color

ドロップダウン選択された項目ホバーのテキストの色。

Map

color: ('gray', 900)

selected-hover-item-icon-color

選択されたドロップダウン項目のホバーのアイコンの色。

Map

color: ('gray', 800)

selected-focus-item-background

ドロップダウン選択された項目フォーカスの背景色。

Map

color: ('primary', 300, .3)

selected-focus-item-text-color

ドロップダウン選択された項目フォーカスのテキストの色。

Map

color: ('gray', 900)

disabled-item-text-color

ドロップダウンが無効にされた項目のテキストの色。

Map

color: ('gray', 900, .2)

elevation

バッジの影に使用される 0 から 24 までのエレベーションレベル。

Number

item-border-radius

ドロップダウン項目に使用される境界半径。

List

(rem(2px), rem(0), rem(20px))

border-width

ドロップダウンコンポーネントに使用される境界線の幅。

Number

1px

size

ドロップダウン項目の高さに使用されるサイズ。

List

(rem(24px), rem(28px), rem(32px))

次で使用

var dark-indigo-drop-down

必須

var light-drop-down
var indigo-elevation-drop-down

variable light-expansion-panel public

Light expansion panel スキーマを生成します。

Deprecation message:

プロパティ

header-background

パネルヘッダーの背景色。

Map

color: ('surface')

body-background

パネル本体の背景色。

Map

color: ('surface')

header-focus-background

パネルヘッダーフォーカスの背景色。

Map

color: ('gray', 100)

header-title-color

パネルヘッダータイトルテキストの色。

Map

color: ('gray', 900)

header-description-color

パネルヘッダー説明のテキストの色。

Map

color: ('gray', 700)

header-icon-color

パネルヘッダーのアイコンの色。

Map

color: ('gray', 800)

body-color

パネル本体のテキストの色。

Map

color: ('gray', 900)

disabled-text-color

パネルが無効なテキストの色。

Map

color: ('gray', 500)

disabled-description-color

無効になっているパネルヘッダーの説明のテキストの色。

Map

color: ('gray', 500)

border-radius

展開パネルに使用される境界半径。

List

(rem(0), rem(0), rem(16px))

expanded-margin

アコーディオン内に配置されたときの展開状態の展開パネルのマージン。

Number

8px

次で使用

var material-expansion-panel
var fluent-expansion-panel
var bootstrap-expansion-panel
var indigo-expansion-panel

variable material-expansion-panel public

Material expansion panel スキーマを生成します。

Deprecation message:

次で使用

var dark-material-expansion-panel

必須

var light-expansion-panel

variable fluent-expansion-panel public

Fluent expansion panel スキーマを生成します。

Deprecation message:

プロパティ

body-color

パネル本体のテキストの色。

Map

color: ('gray', 700)

disabled-text-color

パネルが無効なテキストの色。

Map

color: ('gray', 400)

disabled-description-color

無効になっているパネルヘッダーの説明のテキストの色。

Map

color: ('gray', 400)

次で使用

var dark-fluent-expansion-panel

必須

var light-expansion-panel

variable bootstrap-expansion-panel public

Bootstrap expansion panel スキーマを生成します。

Deprecation message:

プロパティ

header-title-color

パネルヘッダータイトルテキストの色。

Map

color: ('gray', 800)

header-description-color

パネルヘッダー説明のテキストの色。

Map

color: ('gray', 600)

次で使用

var dark-bootstrap-expansion-panel

必須

var light-expansion-panel

variable indigo-expansion-panel public

Deprecation message:

プロパティ

header-background

パネルヘッダーの背景色。

Color

transparent

body-background

パネル本体の背景色。

Color

transparent

header-focus-background

パネルヘッダーフォーカスの背景色。

Color

transparent

header-title-color

パネルヘッダータイトルテキストの色。

Map

color: ('gray', 800)

header-description-color

パネルヘッダー説明のテキストの色。

Map

color: ('gray', 600)

header-icon-color

パネルヘッダーのアイコンの色。

Map

color: ('gray', 600)

body-color

パネル本体のテキストの色。

Map

color: ('gray', 700)

disabled-text-color

パネルが無効なテキストの色。

Map

color: ('gray', 900, 0.2)

disabled-description-color

無効になっているパネルヘッダーの説明のテキストの色。

Map

color: ('gray', 900, 0.15)

次で使用

var dark-indigo-expansion-panel

必須

var light-expansion-panel

variable light-grid-filtering public

Light grid-filtering スキーマを生成します。

Deprecation message:

プロパティ

menu-background

アイドルメニューの背景色。

Color

color: ('surface')

toggle-background

アイドル切り替えボタンの背景色。

Color

transparent

toggle-filtered-background

フィルター済み切り替えボタンの背景色。

Color

transparent

toggle-icon-color

アイドル切り替えアイコンの色。

Color

inherit

toggle-icon-hover-color

ホバー切り替えボタンの色。

Color

contrast-color: ('gray', 900)

menu-button-disabled-text-color

メニューは無効にされたボタンのテキストの色。

Color

initial

toggle-icon-active-color

アクティブ切り替えボタンアイコンの色。

Map

contrast-color: ('secondary', 500)

toggle-icon-filtered-color

フィルター済み切り替えボタンアイコンの色。

Map

color: ('secondary', 500)

toggle-hover-background

ホバー切り替えボタンの背景色。

Map

color: ('gray', 300)

toggle-active-background

アクティブ切り替えボタンの背景色。

Map

color: ('secondary', 500)

menu-text-color

アイドルメニューのテキストの色。

Map

color: ('gray', 900)

menu-button-text-color

メニューボタンのテキストの色。

Map

color: ('secondary', 500)

次で使用

var material-grid-filtering
var fluent-grid-filtering
var bootstrap-grid-filtering
var indigo-grid-filtering

variable material-grid-filtering public

Material grid-filtering スキーマを生成します。

Deprecation message:

次で使用

var dark-material-grid-filtering

必須

var light-grid-filtering

variable fluent-grid-filtering public

Fluent grid-filtering スキーマを生成します。

Deprecation message:

次で使用

var dark-fluent-grid-filtering

必須

var light-grid-filtering

variable bootstrap-grid-filtering public

Bootstrap grid-filtering スキーマを生成します。

Deprecation message:

次で使用

var dark-bootstrap-grid-filtering

必須

var light-grid-filtering

variable indigo-grid-filtering public

Indigo grid-filtering スキーマを生成します。

Deprecation message:

次で使用

var dark-indigo-grid-filtering

必須

var light-grid-filtering

variable light-grid-summary public

Light grid-summary スキーマを生成します。

Deprecation message:

プロパティ

background-color

集計背景色はグリッドのフッターから継承します。

Color

inherit

focus-background-color

集計項目にフォーカスがあるときの背景色。

Map

color: ('gray', 100)

label-color

集計ラベルの色。

Map

color: ('primary', 500)

label-hover-color

集計のホバーラベルの色。

Map

color: ('primary', 700)

result-color

集計の結果/値の色。

Color

"'currentColor'"

border-color

集計の境界線の色。

Map

color: ('gray', 400)

pinned-border-width

集計パネルの境界線の幅。

String

2px

pinned-border-style

集計パネルの境界線のスタイル。

String

solid

pinned-border-color

集計パネルの境界線の色。

Map

color: ('gray', 400)

次で使用

var material-grid-summary
var fluent-grid-summary
var bootstrap-grid-summary
var indigo-grid-summary

variable material-grid-summary public

Material grid-summary スキーマを生成します。

Deprecation message:

次で使用

var dark-material-grid-summary

必須

var light-grid-summary

variable fluent-grid-summary public

Fluent grid-summary スキーマを生成します。

Deprecation message:

プロパティ

background-color

集計背景色はグリッドのフッターから継承します。

Map

color: ('surface')

border-color

集計の境界線の色。

Map

color: ('gray', 100)

pinned-border-color

集計パネルの境界線の色。

Map

color: ('gray', 300)

次で使用

var dark-fluent-grid-summary

必須

var light-grid-summary

variable bootstrap-grid-summary public

Bootstrap grid-summary スキーマを生成します。

Deprecation message:

次で使用

var dark-bootstrap-grid-summary

必須

var light-grid-summary

variable indigo-grid-summary public

Indigo grid-summary スキーマを生成します。

Deprecation message:

プロパティ

background-color

集計背景色はグリッドのフッターから継承します。

Map

color: ('surface')

label-hover-color

集計のホバーラベルの色。

Map

color: ('primary', 500)

pinned-border-color

集計パネルの境界線の色。

Map

color: ('gray', 400)

次で使用

var dark-indigo-grid-summary

必須

var light-grid-summary

variable light-grid-toolbar public

Light grid-toolbar スキーマを生成します。

Deprecation message:

プロパティ

background-color

ツールバーの背景色。

Map

color: ('gray', 50)

title-text-color

ツールバータイトルテキストの色。

Map

color: ('gray', 600)

dropdown-background

ツールバードロップダウンの背景色。

Map

color: ('surface')

item-text-color

ツールバードロップダウン項目のテキストの色。

Map

color: ('gray', 600)

item-hover-background

ツールバードロップダウン項目ホバーテストの色。

Map

color: ('gray', 100)

item-hover-text-color

ツールバードロップダウン項目ホバーテキストの色。

Map

color: ('gray', 600)

item-focus-background

ツールバードロップダウン項目フォーカス背景色。

Map

color: ('gray', 100)

item-focus-text-color

ツールバードロップダウン項目フォーカステキストの色。

Map

color: ('gray', 600)

size

Grid のツールバーの最小高さに使用されるサイズ。

List

(rem(44px), rem(52px), rem(58px))

border-color

ツールバーの下の境界線の色。

Map

color: ('gray', 300)

次で使用

var material-grid-toolbar
var fluent-grid-toolbar
var bootstrap-grid-toolbar
var indigo-grid-toolbar

variable material-grid-toolbar public

Material grid-toolbar スキーマを生成します。

Deprecation message:

次で使用

var dark-material-grid-toolbar

必須

var light-grid-toolbar

variable fluent-grid-toolbar public

Fluent grid-toolbar スキーマを生成します。

Deprecation message:

プロパティ

background-color

ツールバーの背景色。

Map

color: 'surface'

次で使用

var dark-fluent-grid-toolbar

必須

var light-grid-toolbar

variable bootstrap-grid-toolbar public

Bootstrap grid-toolbar スキーマを生成します。

Deprecation message:

プロパティ

border-color

ツールバーの下の境界線の色。

Map

color: ('gray', 100)

次で使用

var dark-bootstrap-grid-toolbar

必須

var light-grid-toolbar

variable indigo-grid-toolbar public

Indigo grid-toolbar スキーマを生成します。

Deprecation message:

プロパティ

background-color

ツールバーの背景色。

Color

color: ('surface', 500)

title-text-color

ツールバータイトルテキストの色。

Map

color: ('gray', 700)

border-color

ツールバーの下の境界線の色。

Map

color: ('gray', 400)

次で使用

var dark-indigo-grid-toolbar

必須

var light-grid-toolbar

variable light-grid public

Light grid スキーマを生成します。

Deprecation message:

プロパティ

grid-border-color

グリッドの境界線の色。

Color

transparent

header-background

テーブルヘッダーの背景色。

Map

color: ('gray', 100)

sorted-header-icon-color

ソートされたテーブルヘッダーアイコンの色。

Map

color: ('secondary', 500)

sortable-header-icon-hover-color

列のソートが可能な場合のグリッドヘッダーのホバーのアイコンの色。

Map

color: ('secondary', 500)

header-border-width

ヘッダー境界線に使用される境界線の幅。

Number

1px

header-border-style

ヘッダー境界線に使用される境界線のスタイル。

String

solid

header-border-color

ヘッダー境界線に使用される色。

Map

color: ('gray', 400, .38)

ghost-header-text-color

ドラッグされたヘッダーテキストの色。

Map

color: ('gray', 700)

ghost-header-icon-color

ドラッグされたヘッダーアイコンの色。

Map

color: ('gray', 600)

ghost-header-background

ドラッグされたヘッダーの背景色。

Map

color: ('gray', 50)

content-background

テーブル本体の背景色。

Map

color: ('gray', 50)

content-text-color

テーブル本体テキストの色。

Map

color: ('gray', 800)

row-odd-background

奇数行の背景色。

Map

color: ('gray', 50)

row-even-background

偶数行の背景色。

Map

color: ('gray', 50)

row-odd-text-color

奇数行テキストの色。

Color

inherit

row-even-text-color

偶数行テキストの色。

Color

inherit

tree-selected-filtered-row-text-color

選択された/フィルターされたツリーの行のテキストの色。

Map

color: ('primary', 400)

row-selected-text-color

選択された行のテキストの色。

Map

contrast-color: ('secondary', 50)

row-hover-background

ホバー行の背景色。

Map

color: ('gray', 200)

row-hover-text-color

ホバー行のテキストの色。

Map

contrast-color: ('gray', 200)

row-border-color

行の下の境界線の色。

Map

color: ('gray', 300, .38)

row-highlight

グリッド行の強調表示の色。

Map

color: ('secondary', 500)

pinned-border-width

ピン固定境界線の境界線の幅。

Number

2px

pinned-border-style

ピン固定境界線の CSS 境界線のスタイル。

String

solid

pinned-border-color

ピン固定境界線の色。

Map

color: ('gray', 400)

cell-active-border-color

アクティブな (フォーカスされる) セルの境界線の色。

Map

color: ('primary', 500)

cell-selected-background

選択されたセルの背景色。

Map

color: ('gray', 200)

cell-selected-text-color

選択されたセルのテキストの色。

Map

contrast-color: ('gray', 200)

cell-editing-background

セルの編集背景色。

Map

color: ('gray', 50)

cell-editing-foreground

編集モードのセルのテキストの色。

Map

color: ('gray', 900)

cell-editing-focus-foreground

フォーカス時の編集モードのセルのテキストの色。

Map

color: ('gray', 900)

edit-mode-color

編集モード時に行/セルの周囲に適用される色。

Map

color: ('secondary', 500)

edited-row-indicator

編集された行のインジケーターの色。

Map

color: ('gray', 400)

cell-new-color

編集されていない新しいセルのテキストの色。グリッドに新しい行を追加するときに使用されます。

String

inherit

cell-edited-value-color

セル編集値の色。

Map

color: ('gray', 600)

cell-disabled-color

無効なセルのテキストの色。

Map

color: ('gray', 500)

resize-line-color

テーブルヘッダーのサイズ変更線の色。

Map

color: ('secondary', 500)

drop-indicator-color

ドロップインジケーターの色。

Map

color: ('secondary', 500)

grouparea-background

グリッドグループ領域の背景色。

Map

color: ('gray', 100)

grouparea-color

グリッドグループ領域の色。

Map

color: ('gray', 500)

group-row-background

グリッドグループ行の背景色。

Map

color: ('gray', 100)

group-row-selected-background

ドロップ色のドロップ領域の背景。

Map

color: ('gray', 200)

active-expand-icon-color

ドロップ色のドロップ領域の背景。

Map

color: ('gray', 500)

active-expand-icon-hover-color

ドロップ色のドロップ領域の背景。

Map

color: ('primary', 500)

group-label-column-name-text

グリッドグループ行名前のテキストの色。

Map

color: ('primary', 500)

group-label-icon

グリッドグループ行アイコンの色。

Map

color: ('primary', 500)

group-label-text

グリッドグループ行テキストの色。

Map

color: ('gray', 800)

expand-all-icon-color

グリッドヘッダーすべてのグループ行の展開のアイコンの色。

Map

color: ('gray', 600)

expand-all-icon-hover-color

グリッドヘッダーすべてのグループ行の展開のアイコンホバーの色。

Map

color: ('gray', 800)

expand-icon-color

グリッド行の展開アイコンの色。

Map

color: ('gray', 600)

expand-icon-hover-color

グリッド行の展開アイコンホバーの色。

Map

color: ('primary', 500)

group-count-background

グリッドグループの行数バッジの背景色。

Map

color: ('gray', 200)

group-count-text-color

グリッドグループの行数バッジのテキストの色。

Map

color: ('gray', 600)

drop-area-text-color

ドロップ領域テキストの色。

Map

color: ('gray', 700)

drop-area-icon-color

ドロップ領域アイコンの色。

Map

color: ('gray', 500)

drop-area-background

ドロップ領域の背景色。

Map

color: ('gray', 200)

drop-area-on-drop-background

ドロップ色のドロップ領域の背景。

Map

color: ('gray', 200)

tree-filtered-text-color

フォーカスされるグループ化行の背景色。

Map

color: ('gray', 500)

filtering-header-background

フィルター済み列ヘッダーの背景色。

Map

color: ('gray', 50)

filtering-header-text-color

フィルタリングされた列ヘッダーのテキストの色。

Map

color: ('gray', 800)

filtering-background-and

高度なフィルタリングの "AND" 条件の背景色。

Map

color: ('primary', 300)

filtering-background-and--focus

高度なフィルタリングの "AND" 条件のフォーカス/選択の背景色。

Map

color: ('primary', 700)

filtering-background-or

高度なフィルタリングの "OR" 条件の背景色。

Map

color: ('secondary', 300)

filtering-background-or--focus

高度なフィルタリングの "OR" 条件のフォーカス/選択の背景色。

Map

color: ('secondary', 700)

filtering-row-background

フィルタリング行の背景色。

Map

color: 'gray', 50)

filtering-row-text-color

フィルタリング行のテキストの色。

Map

color: ('gray', 800)

excel-filtering-header-foreground

Excel スタイルフィルタリングのヘッダーのテキストの色。

Map

color: ('gray', 700)

excel-filtering-subheader-foreground

Excel スタイルフィルタリングのソートと移動ヘッダーのテキストの色。

Map

color: ('gray', 700)

excel-filtering-actions-foreground

Excel スタイルフィルタリングオプションのテキストの色。

Map

color: ('gray', 700)

excel-filtering-actions-hover-foreground

ホバー/フォーカス状態の Excel スタイルフィルタリングオプションのテキストの色。

Map

color: ('gray', 700)

excel-filtering-actions-disabled-foreground

無効な状態の Excel スタイルフィルタリングオプションのテキストの色。

Map

color: ('gray', 400)

body-summaries-background

本体に配置される集計グループの背景色。

Map

color: ('gray', 100)

body-summaries-text-color

本体に配置される集計グループのテキストの色。

Map

contrast-color: ('gray', 100)

root-summaries-background

フッターに配置される集計グループの背景色。

Map

color: ('gray', 300)

root-summaries-text-color

フッターに配置される集計グループのテキストの色。

Map

contrast-color: ('gray', 300)

row-drag-color

ドラッグハンドルの色。

Map

color: ('gray', 200))

grid-elevation

グリッドに使用される 0 から 24 までのエレベーションレベル。

Number

drag-elevation

移動可能な要素 (列ヘッダーなど) に使用される 0 から 24 までのエレベーションレベル。

Number

drop-area-border-radius

ドロップ領域に使用される境界半径。

List

(rem(16px), rem(0), rem(16px))

header-size

Grid のヘッダーに使用されるサイズ。

List

(rem(32px), rem(40px), rem(50px))

drop-area-size

Grid のドロップ領域に使用されるサイズ。

List

(rem(24px), rem(24px), rem(32px))

group-area-size

Grid のグループ領域に使用されるサイズ。

List

(rem(41), rem(49px), rem(57px))

row-ghost-background

ドラッグされた行の背景色。

Map

color: 'primary', 50

次で使用

var material-grid
var fluent-grid
var bootstrap-grid
var indigo-grid

必須

var default-elevation-grid

variable material-grid public

Material grid スキーマを生成します。

Deprecation message:

プロパティ

header-text-color

テーブルヘッダーテキストの色。

Map

color: ('gray', 800)

header-selected-background

選択時のテーブルヘッダーの背景色 (列の選択など)。

Map

color: ('secondary', 100)

header-selected-text-color

選択時のテーブルヘッダーのテキストの色 (列の選択など)。

Map

contrast-color: ('secondary', 100)

row-selected-background

選択された行の背景色。

Map

color: ('secondary', 50)

tree-selected-filtered-row-text-color

選択された/フィルターされたツリーの行のテキストの色。

Map

color: ('secondary', 300)

cell-selected-within-background

選択した行/列内の選択したセルの背景。

Map

color: ('secondary', 200)

cell-selected-within-text-color

選択した行/列内の選択したセルの色。

Map

contrast-color: ('secondary', 200)

row-selected-hover-background

選択された行のホバーの背景色。

Map

color: ('secondary', 100)

row-selected-hover-text-color

選択された行のホバーテキストの色。

Map

contrast-color: ('secondary', 100)

cell-active-border-color

アクティブな (フォーカスされる) セルの境界線の色。

Map

color: ('secondary', 500)

次で使用

var dark-material-grid

必須

var light-grid
var default-elevation-grid

variable fluent-grid public

Fluent grid スキーマを生成します。

Deprecation message:

プロパティ

grid-border-color

グリッドの境界線の色のみ。

Map

color: ('gray', 100)

header-background

テーブルヘッダーの背景色。

Map

color: 'surface'

header-text-color

テーブルヘッダーテキストの色。

Map

color: ('gray', 800)

header-selected-background

選択時のテーブルヘッダーの背景色 (列の選択など)。

Map

color: ('gray', 200)

header-selected-text-color

選択時のテーブルヘッダーのテキストの色 (列の選択など)。

Map

contrast-color: ('gray', 200)

header-border-color

ヘッダー境界線に使用される色。

Map

color: ('gray', 100)

row-selected-background

選択された行の背景色。

Map

color: ('gray', 200)

row-selected-hover-background

選択された行のホバーの背景色。

Map

color: ('gray', 300)

row-border-color

行の下の境界線の色。

Map

color: ('gray', 100)

pinned-border-color

ピン固定境界線の色。

Map

color: ('gray', 200)

cell-active-border-color

アクティブな (フォーカスされる) セルの境界線の色。

Map

color: ('primary', 100)

grouparea-background

グリッドグループ領域の背景色。

Map

color: 'surface'

group-row-background

グリッドグループ行の背景色。

Map

color: ('gray', 50)

group-row-selected-background

ドロップ色のドロップ領域の背景。

Map

color: ('gray', 100)

filtering-header-text-color

フィルタリングされた列ヘッダーのテキストの色。

Map

color: ('gray', 900)

root-summaries-background

フッターに配置される集計グループの背景色。

Map

color: 'surface'

row-ghost-background

ドラッグされた行の背景色。

Map

color: 'surface'

grid-elevation

グリッドに使用される 0 から 24 までのエレベーションレベル。

number

drag-elevation

移動可能な要素 (列ヘッダーなど) に使用される 0 から 24 までのエレベーションレベル。

number

drop-area-border-radius

ドロップ領域に使用される境界半径。

List

(rem(2px), rem(0), rem(16px))

filtering-background-or

高度なフィルタリングの "OR" 条件の背景色。

Map

color: ('error', .5)

filtering-background-or--focus

高度なフィルタリングの "OR" 条件のフォーカス/選択の背景色。

Map

color: ('error')

tree-selected-filtered-row-text-color

選択された/フィルターされたツリーの行のテキストの色。

Map

color: ('primary', 400)

cell-selected-within-background

選択した行/列内の選択したセルの背景。

Map

color: ('gray', 300)

cell-selected-within-text-color

選択した行/列内の選択したセルの色。

Map

contrast-color: ('gray', 300)

row-selected-hover-text-color

選択された行のホバーテキストの色。

Map

contrast-color: ('gray', 300)

次で使用

var dark-fluent-grid

必須

var light-grid
var fluent-elevation-grid

variable bootstrap-grid public

Bootstrap grid スキーマを生成します。

Deprecation message:

プロパティ

grouparea-background

グリッドグループ領域の背景色。

Map

color: 'surface'

header-background

テーブルヘッダーの背景色。

Map

color: 'surface'

header-text-color

テーブルヘッダーテキストの色。

Map

contrast-color: 'surface'

header-selected-background

選択時のテーブルヘッダーの背景色 (列の選択など)。

Map

color: ('primary', 50)

header-selected-text-color

選択時のテーブルヘッダーのテキストの色 (列の選択など)。

Map

contrast-color: ('primary', 50)

row-highlight

グリッド行の強調表示の色。

Map

color: ('primary', 500)

sorted-header-icon-color

ソートされたテーブルヘッダーアイコンの色。

Map

color: ('primary', 500)

row-selected-background

選択された行の背景色。

Map

color: ('primary', 50)

row-selected-hover-background

選択された行のホバーの背景色。

Map

color: ('primary', 100)

resize-line-color

テーブルヘッダーのサイズ変更線の色。

Map

color: ('primary', 500)

drop-area-border-radius

ドロップ領域に使用される境界半径。

List

(rem(4px), rem(0), rem(16px))

cell-selected-within-background

選択した行/列内の選択したセルの背景。

Map

color: ('primary', 100)

cell-selected-within-text-color

選択した行/列内の選択したセルの色。

Map

contrast-color: ('primary', 100)

row-selected-hover-text-color

選択された行のホバーテキストの色。

Map

contrast-color: ('primary', 100)

次で使用

var dark-bootstrap-grid

必須

var light-grid

variable indigo-grid public

Indigo grid スキーマを生成します。

Deprecation message:

プロパティ

content-background

テーブル本体の背景色。

Map

color: ('surface')

header-background

テーブルヘッダーの背景色。

Map

color: ('surface')

header-text-color

テーブルヘッダーテキストの色。

Map

color: ('gray', 800)

header-selected-background

選択時のテーブルヘッダーの背景色 (列の選択など)。

Map

color: ('primary', 50)

header-selected-text-color

選択時のテーブルヘッダーのテキストの色 (列の選択など)。

Map

color: 'gray', 900

header-border-color

ヘッダー境界線に使用される色。

Map

color: ('gray', 400)

filtering-row-background

フィルタリング行の背景色。

Map

color: ('surface', 500)

filtering-background-and

高度なフィルタリングの "AND" 条件の背景色。

Map

color: ('primary', 400)

filtering-background-and--focus

高度なフィルタリングの "AND" 条件のフォーカス/選択の背景色。

Map

color: ('primary', 300)

filtering-background-or

高度なフィルタリングの "OR" 条件の背景色。

Map

color: ('success', 500)

filtering-background-or--focus

高度なフィルタリングの "OR" 条件のフォーカス/選択の背景色。

Map

color: ('success', 400)

edited-row-indicator

編集された行のインジケーターの色。

Map

color: ('primary', 400)

cell-selected-background

選択されたセルの背景色。

Map

color: ('primary', 50)

ghost-header-text-color

ドラッグされたヘッダーテキストの色。

Map

color: 'gray', 700

ghost-header-icon-color

ドラッグされたヘッダーアイコンの色。

Map

color: 'gray', 600

row-odd-background

奇数行の背景色。

Map

color: ('surface')

row-even-background

偶数行の背景色。

Map

color: ('surface')

row-border-color

行の下の境界線の色。

Map

color: ('gray', 300)

row-highlight

グリッド行の強調表示の色。

Map

color: ('primary', 400)

row-hover-background

ホバー行の背景色。

Map

color: ('gray', 200)

sorted-header-icon-color

ソートされたテーブルヘッダーアイコンの色。

Map

color: ('primary', 500)

sortable-header-icon-hover-color

列のソートが可能な場合のグリッドヘッダーのホバーのアイコンの色。

Map

color: ('primary', 400)

row-selected-background

選択された行の背景色。

Map

color: ('primary', 50)

row-selected-hover-background

選択された行のホバーの背景色。

Map

color: ('primary', 100)

pinned-border-color

ピン固定境界線の色。

Map

color: ('gray', 400)

resize-line-color

テーブルヘッダーのサイズ変更線の色。

Map

color: ('primary', 400)

drop-indicator-color

ドロップインジケーターの色。

Map

color: ('primary', 400)

edit-mode-color

編集モードのテキストの色。

Map

color: ('primary', 400)

drop-area-text-color

ドロップ領域テキストの色。

Map

color: ('gray', 600)

drop-area-icon-color

ドロップ領域アイコンの色。

Map

color: ('gray', 600)

root-summaries-background

フッターに配置される集計グループの背景色。

Map

color: ('surface')

root-summaries-text-color

フッターに配置される集計グループのテキストの色。

Map

color: ('gray', 800)

group-row-background

グリッドグループ行の背景色。

Map

color: ('surface', 500)

group-row-selected-background

ドロップ色のドロップ領域の背景。

Map

color: ('gray', 100)

group-count-background

グリッドグループの行数バッジの背景色。

Map

color: ('primary', 400)

group-count-text-color

グリッドグループの行数バッジのテキストの色。

Map

contrast-color: ('primary', 900)

cell-selected-text-color

選択されたセルのテキストの色。

Map

color: ('gray', 900)

cell-selected-within-background

選択した行/列内の選択したセルの背景。

Map

color: ('primary', 100)

cell-selected-within-text-color

選択した行/列内の選択したセルの色。

Map

color: ('gray', 900)

cell-active-border-color

アクティブな (フォーカスされる) セルの境界線の色。

Map

color: ('primary', 400)

cell-editing-background

セルが編集モードに入っているペインを返します。

Map

color: ('gray' 200)

row-selected-hover-text-color

選択された行のホバーテキストの色。

Map

color: ('gray', 900)

grouparea-background

グリッドグループ領域の背景色。

Map

color: ('surface', 500)

drop-area-background

ドロップ領域の背景色。

Map

color: ('gray', 200)

row-hover-text-color

ホバー行のテキストの色。

Map

color: ('gray', 900)

row-selected-text-color

選択された行のテキストの色。

Map

color: ('gray', 900)

drop-area-border-radius

ドロップ領域に使用される境界半径。

Number

rem(6px)

grid-elevation

グリッドに使用される 0 から 24 までのエレベーションレベル。

Number

active-expand-icon-color

ドロップ色のドロップ領域の背景。

Map

color: ('gray', 600)

group-label-column-name-text

グリッドグループ行名前のテキストの色。

Map

color: ('gray', 700)

group-label-icon

グリッドグループ行アイコンの色。

Map

color: ('gray', 600)

group-label-text

グリッドグループ行テキストの色。

Map

color: ('gray', 900)

cell-edited-value-color

セル編集値の色。

Map

color: ('gray', 900)

cell-disabled-color

無効なセルのテキストの色。

Map

color: ('gray', 900, .2)

filtering-header-background

フィルター済み列ヘッダーの背景色。

Map

color: ('gray', 200)

filtering-header-text-color

フィルタリングされた列ヘッダーのテキストの色。

Map

color: ('gray', 900)

excel-filtering-actions-foreground

Excel スタイルフィルタリングオプションのテキストの色。

Map

color: ('gray', 800)

excel-filtering-actions-hover-foreground

ホバー/フォーカス状態の Excel スタイルフィルタリングオプションのテキストの色。

Map

color: ('gray', 900)

excel-filtering-actions-disabled-foreground

無効な状態の Excel スタイルフィルタリングオプションのテキストの色。

Map

color: ('gray', 900, .2)

row-drag-color

ドラッグハンドルの色。

Map

color: ('gray', 800, .75))

次で使用

var dark-indigo-grid

必須

var light-grid

variable light-highlight public

Light highlight スキーマを生成します。

Deprecation message:

プロパティ

resting-background

静止状態の強調表示に使用される背景色。

Map

color: ('gray', 300)

resting-color

静止状態の強調表示に使用されるアイコンの色。

Map

contrast-color: ('gray', 300)

active-background

アクティブ状態の強調表示に使用される背景色。

Map

color: ('secondary', A100)

active-color

[contrast-color: ('secondary', A100) - アクティブ状態の強調表示に使用されるテキストの色。

Map

none

次で使用

var dark-highlight
var material-highlight
var fluent-highlight
var bootstrap-highlight
var indigo-highlight

variable material-highlight public

Material highlight スキーマを生成します。

Deprecation message:

次で使用

var dark-material-highlight

必須

var light-highlight

variable fluent-highlight public

Fluent highlight スキーマを生成します。

Deprecation message:

次で使用

var dark-fluent-highlight

必須

var light-highlight

variable bootstrap-highlight public

Bootstrap highlight スキーマを生成します。

Deprecation message:

次で使用

var dark-bootstrap-highlight

必須

var light-highlight

variable indigo-highlight public

Indigo highlight スキーマを生成します。

Deprecation message:

プロパティ

active-background

アクティブ状態の強調表示に使用される背景色。

Map

color: ('primary', 500)

active-color

アクティブ状態の強調表示に使用されるテキストの色。

Map

contrast-color: ('primary', 500)

resting-color

静止状態の強調表示に使用されるアイコンの色。

Map

contrast-color: ( color: ('gray', 300))

次で使用

var dark-indigo-highlight

必須

var light-highlight

variable material-base-icon-button public

Base material icon button スキーマを生成します。

Deprecation message:

プロパティ

shadow-color

Material icon button の影の色。

Color

transparent

background

Material icon button の背景色。

Color

transparent

foreground

Material icon button のアイドルテキストの色。

Map

color: ('gray', 900)

hover-background

Material icon button のホバー背景色。

Map

color: ('gray', 500, .08)

hover-foreground

Material icon button のホバーテキストの色。

Map

color: ('gray', 900)

focus-background

Material icon button のフォーカス背景色。

Map

color: ('gray', 500, .16)

focus-foreground

Material icon button のフォーカス表示のテキストの色。

Map

color: ('gray', 900)

focus-hover-background

Icon button のフォーカス時のホバー状態の背景色。

Map

color: ('gray', 500, .24)

focus-hover-foreground

Icon button のフォーカス時のホバー状態の前景色。

Map

color: ('gray', 900)

active-background

Material icon button のアクティブ表示の背景色。

Map

color: ('gray', 500, .32)

active-foreground

Material icon button のアクティブ表示のテキストの色。

Map

color: ('gray', 900)

border-color

Material icon button の境界線の色。

Color

transparent

focus-border-color

Material icon button のフォーカス表示の境界線の色。

Color

transparent

disabled-background

Material icon button の無効表示の背景色。

Color

transparent

disabled-foreground

Material icon button の無効表示の前景色。

Map

color: ('gray', 500)

disabled-border-color

Material icon button の無効表示の境界線の色。

Color

transparent

border-radius

Material icon button に使用される境界線の半径。

List

(rem(20px), rem(0), rem(20px))

size

Material icon button に使用されるサイズ。

List

(rem(24px), rem(30px), rem(36px))

default-size

Icon Button に使用されるデフォルトのサイズ。

Number

次で使用

var material-flat-icon-button
var material-contained-icon-button
var material-outlined-icon-button

variable material-flat-icon-button public

Material flat icon button スキーマを生成します。

Deprecation message:

次で使用

var material-flat-icon-button-dark
var material-icon-button

必須

var material-base-icon-button

variable material-contained-icon-button public

Material contained icon button スキーマを生成します。

Deprecation message:

プロパティ

background

Material contained icon button の背景色。

Map

color: ('gray', 900, .08)

hover-background

Material contained icon button のホバー背景色。

Map

color: ('gray', 900, .12)

focus-background

Material contained icon button のフォーカス背景色。

Map

color: ('gray', 900, .16)

focus-hover-background

Material contained icon button のフォーカス時ホバー状態の背景色。

Map

color: ('gray', 900, .20)

active-background

Material contained icon button のアクティブ表示の背景色。

Map

color: ('gray', 900, .24)

disabled-background

Material contained icon button の無効な背景色。

Map

color: ('gray', 900, .04)

次で使用

var material-contained-icon-button-dark
var material-icon-button

必須

var material-base-icon-button

variable material-outlined-icon-button public

Material outlined icon button スキーマを生成します。

Deprecation message:

プロパティ

border-color

Material outlined icon button の境界線の色。

Map

color: ('gray', 300)

focus-border-color

Material outlined icon button のフォーカス表示の境界線の色。

Map

color: ('gray', 300)

disabled-border-color

Material outlined icon button の無効表示の境界線の色。

Map

color: ('gray', 300)

次で使用

var material-outlined-icon-button-dark
var material-icon-button

必須

var material-base-icon-button

variable material-icon-button public

Light material icon button スキーマを生成します。

Deprecation message:

必須

var material-flat-icon-button
var material-contained-icon-button
var material-outlined-icon-button

variable fluent-base-icon-button public

Fluent base icon button スキーマを生成します。

Deprecation message:

プロパティ

shadow-color

Fluent icon button の影の色。

Color

transparent

background

Fluent icon button の背景色。

Color

transparent

foreground

Fluent icon button のアイドルテキストの色。

Map

color: ('primary', 500)

hover-background

Fluent icon button のホバー背景色。

Map

color: ('gray', 200)

hover-foreground

Fluent icon button のホバーテキストの色。

Map

color: ('primary', 600)

focus-background

Fluent icon button のフォーカス背景色。

Color

transparent

focus-foreground

Fluent icon button のフォーカス表示のテキストの色。

Map

color: ('primary', 500)

focus-hover-background

Icon button のフォーカス時のホバー状態の背景色。

Map

color: ('gray', 200)

focus-hover-foreground

Icon button のフォーカス時のホバー状態の前景色。

Map

color: ('primary', 600)

active-background

Fluent icon button のアクティブ表示の背景色。

Map

color: ('gray', 300)

active-foreground

Fluent icon button のアクティブ表示のテキストの色。

Map

color: ('primary', 800)

border-color

Fluent icon button の境界線の色。

Color

transparent

focus-border-color

Fluent icon button のフォーカス表示の境界線の色。

Map

color: ('gray', 700)

disabled-background

Fluent icon button の無効表示の背景色。

Map

color: ('gray', 100)

disabled-foreground

Fluent icon button の無効表示の前景色。

Map

color: ('gray', 500)

disabled-border-color

Fluent icon button の無効表示の境界線の色。

Color

transparent

border-radius

Fluent flat icon button に使用される境界線の半径。

List

(rem(2px), rem(0), rem(20px))

size

Fluent icon button に使用されるサイズ。

List

(rem(24px), rem(32px), rem(38px))

default-size

Icon Button に使用されるデフォルトのサイズ。

Number

次で使用

var fluent-flat-icon-button
var fluent-contained-icon-button
var fluent-outlined-icon-button

variable fluent-flat-icon-button public

Fluent flat icon button スキーマを生成します。

Deprecation message:

次で使用

var fluent-flat-icon-button-dark
var fluent-icon-button

必須

var fluent-base-icon-button

variable fluent-contained-icon-button public

Fluent contained icon button スキーマを生成します。

Deprecation message:

プロパティ

background

Fluent contained icon button の背景色。

Map

color: ('primary', 500)

foreground

Fluent contained icon button のアイドルテキストの色。

Map

contrast-color: ('primary', 600)

hover-background

Fluent contained icon button のホバー背景色。

Map

color: ('primary', 600)

hover-foreground

Fluent contained icon button のホバーテキストの色。

Map

contrast-color: ('primary', 600)

focus-background

Fluent contained icon button のフォーカス背景色。

Map

color: ('primary', 500)

focus-foreground

Fluent contained icon button のフォーカス表示のテキストの色。

Map

contrast-color: ('primary', 600)

focus-hover-background

Icon button のフォーカス時のホバー状態の背景色。

Map

color: ('primary', 600)

focus-hover-foreground

Icon button のフォーカス時のホバー状態の前景色。

Map

contrast-color: ('primary', 600)

active-background

Fluent contained icon button のアクティブ表示の背景色。

Map

color: ('primary', 800)

active-foreground

Fluent contained icon button のアクティブ表示のテキストの色。

Map

contrast-color: ('primary', 800)

focus-border-color

Fluent contained icon button のフォーカス表示の境界線の色。

Map

contrast-color: ('primary', 600)

次で使用

var fluent-contained-icon-button-dark
var fluent-icon-button

必須

var fluent-base-icon-button

variable fluent-outlined-icon-button public

Fluent outlined icon button スキーマを生成します。

Deprecation message:

プロパティ

foreground

Fluent outlined icon button のアイドルテキストの色。

Map

color: ('gray', 900)

border-color

Fluent outlined icon button の境界線の色。

Map

color: ('gray', 700)

hover-foreground

Fluent outlined icon button のホバーテキストの色。

Map

color: ('gray', 900)

focus-background

Fluent outlined icon button のフォーカス背景色。

Color

transparent

focus-foreground

Fluent outlined icon button のフォーカス表示のテキストの色。

Map

color: ('gray', 900)

focus-hover-foreground

Icon button のフォーカス時のホバー状態の前景色。

Map

color: ('gray', 900)

active-foreground

Fluent outlined icon button のアクティブ表示のテキストの色。

Map

color: ('gray', 900)

focus-border-color

Fluent outlined icon button のフォーカス表示の境界線の色。

Map

color: ('gray', 700)

disabled-border-color

Fluent outlined icon button の無効表示の境界線の色。

Map

color: ('gray', 300)

次で使用

var fluent-outlined-icon-button-dark
var fluent-icon-button

必須

var fluent-base-icon-button

variable fluent-icon-button public

Light fluent icon button スキーマを生成します。

Deprecation message:

必須

var fluent-flat-icon-button
var fluent-contained-icon-button
var fluent-outlined-icon-button

variable bootstrap-base-icon-button public

Base bootstrap icon button スキーマを生成します。

Deprecation message:

プロパティ

shadow-color

Bootstrap icon button の影の色。

Map

color: ('primary', 600, .5)

background

Bootstrap icon button の背景色。

Color

transparent

foreground

Bootstrap icon button のアイドルテキストの色。

Map

color: ('primary', 500)

hover-background

Bootstrap icon button のホバー背景色。

Map

color: ('primary', 600)

hover-foreground

Bootstrap icon button のホバーテキストの色。

Map

contrast-color: ('primary', 600)

focus-background

Bootstrap flat icon button のフォーカス表示の背景色。

Map

color: ('primary', 500)

focus-foreground

Bootstrap icon button のフォーカス表示のテキストの色。

Map

contrast-color: ('primary', 600)

focus-hover-background

Icon button のフォーカス時のホバー状態の背景色。

Map

color: ('primary', 600)

focus-hover-foreground

Icon button のフォーカス時のホバー状態の前景色。

Map

contrast-color: ('primary', 600)

active-background

Bootstrap icon button のアクティブ表示の背景色。

Map

color: ('primary', 800)

active-foreground

Bootstrap icon button のアクティブ表示のテキストの色。

Map

contrast-color: ('primary', 800)

border-color

Bootstrap icon button の境界線の色。

Color

transparent

focus-border-color

Bootstrap icon button のフォーカス表示の境界線の色。

Map

transparent

disabled-background

Bootstrap icon button の無効表示の背景色。

Color

transparent

disabled-foreground

Bootstrap icon button の無効表示の前景色。

Map

color: ('primary', 200)

disabled-border-color

Bootstrap icon button の無効表示の境界線の色。

Color

transparent

border-radius

Bootstrap icon button に使用される境界線の半径。

List

(rem(4px), rem(0), rem(20px))

size

Bootstrap icon button に使用されるサイズ。

List

(rem(31px), rem(38px), rem(48px))

default-size

Icon Button に使用されるデフォルトのサイズ。

Number

次で使用

var bootstrap-flat-icon-button
var bootstrap-contained-icon-button
var bootstrap-outlined-icon-button

variable bootstrap-flat-icon-button public

Bootstrap flat icon button スキーマを生成します。

Deprecation message:

プロパティ

hover-background

Bootstrap flat icon button のホバー背景色。

Color

transparent

hover-foreground

Bootstrap flat icon button のホバーテキストの色。

Map

color: ('primary', 600)

focus-background

Bootstrap flat icon button のフォーカス表示の背景色。

Color

transparent

focus-foreground

Bootstrap flat icon button のフォーカス表示のテキストの色。

Map

color: ('primary', 500)

focus-hover-background

Icon button のフォーカス時のホバー状態の背景色。

Color

transparent

focus-hover-foreground

Icon button のフォーカス時のホバー状態の前景色。

Map

color: ('primary', 600)

active-background

Bootstrap flat icon button のアクティブ表示の背景色。

Color

transparent

active-foreground

Bootstrap flat icon button のアクティブ表示のテキストの色。

Map

color: ('primary', 800)

次で使用

var bootstrap-flat-icon-button-dark
var bootstrap-icon-button

必須

var bootstrap-base-icon-button

variable bootstrap-contained-icon-button public

Bootstrap contained icon button スキーマを生成します。

Deprecation message:

プロパティ

background

Bootstrap contained icon button の背景色。

Map

color: ('primary', 500)

foreground

Bootstrap contained icon button のアイドルテキストの色。

Map

contrast-color: ('primary', 600)

disabled-background

Bootstrap contained icon button の無効表示の背景色。

Map

color: ('primary', 50)

disabled-foreground

Bootstrap contained icon button の無効表示の前景色。

Map

color: ('primary', 200)

次で使用

var bootstrap-contained-icon-button-dark
var bootstrap-icon-button

必須

var bootstrap-base-icon-button

variable bootstrap-outlined-icon-button public

Bootstrap outlined icon button スキーマを生成します。

Deprecation message:

プロパティ

border-color

Bootstrap outlined icon button の境界線の色。

Map

color: ('primary', 500)

hover-foreground

Bootstrap outlined icon button のホバー表示のテキストの色。

Map

contrast-color: ('primary', 600)

focus-border-color

Bootstrap outlined icon button のフォーカス表示の境界線の色。

Map

color: ('primary', 800)

disabled-border-color

Bootstrap outlined icon button の無効表示の境界線の色。

Map

color: ('primary', 50)

次で使用

var bootstrap-outlined-icon-button-dark
var bootstrap-icon-button

必須

var bootstrap-base-icon-button

variable bootstrap-icon-button public

Light bootstrap icon button スキーマを生成します。

Deprecation message:

必須

var bootstrap-flat-icon-button
var bootstrap-contained-icon-button
var bootstrap-outlined-icon-button

variable indigo-base-icon-button public

Base indigo icon button スキーマを生成します。

Deprecation message:

プロパティ

shadow-color

Indigo icon button の影の色。

Map

color: ('gray', 900, .15)

background

Indigo icon button の背景色。

Color

transparent

foreground

Indigo icon button のアイドルテキストの色。

Map

color: ('gray', 600)

hover-background

Indigo icon button のホバー背景色。

Map

color: ('gray', 900, 0.5)

hover-foreground

Indigo icon button のホバーテキストの色。

Map

color: ('gray', 700)

focus-background

Indigo icon button のフォーカス表示の背景色。

Color

transparent

focus-foreground

Indigo icon button のフォーカス表示のテキストの色。

Map

color: ('gray', 600)

focus-hover-background

Icon button のフォーカス時のホバー状態の背景色。

Map

color: ('gray', 900, 0.5)

focus-hover-foreground

Icon button のフォーカス時のホバー状態の前景色。

Map

color: ('gray', 700)

active-background

Indigo icon button のアクティブ表示の背景色。

Map

color: ('gray', 900, 0.5)

active-foreground

Indigo icon button のアクティブ表示のテキストの色。

Map

color: ('gray', 700)

border-color

Indigo icon button の境界線の色。

Color

transparent

focus-border-color

Indigo icon button のフォーカス表示の境界線の色。

Map

color: ('gray', 900, 0.15)

disabled-background

Indigo icon button の無効表示の背景色。

Color

transparent

disabled-foreground

Indigo icon button の無効表示の前景色。

Map

color: ('gray', 900, 0.20)

disabled-border-color

Indigo icon button の無効表示の境界線の色。

Color

transparent

border-radius

Indigo icon button に使用される境界線の半径。

List

(rem(40px), rem(0), rem(40px))

size

Indigo icon button に使用されるサイズ。

List

(rem(24px), rem(28px), rem(32px))

default-size

Icon Button に使用されるデフォルトのサイズ。

Number

次で使用

var indigo-flat-icon-button
var indigo-outlined-icon-button
var indigo-contained-icon-button

variable indigo-flat-icon-button public

Indigo flat icon button スキーマを生成します。

Deprecation message:

次で使用

var indigo-flat-icon-button-dark
var indigo-icon-button

必須

var indigo-base-icon-button

variable indigo-outlined-icon-button public

Indigo outlined icon button スキーマを生成します。

Deprecation message:

プロパティ

border-color

Indigo outlined icon button の境界線の色。

Map

color: ('gray', 500)

disabled-border-color

Indigo outlined icon button の無効表示の境界線の色。

Map

color: ('gray', 900, 0.15)

次で使用

var indigo-outlined-icon-button-dark
var indigo-icon-button

必須

var indigo-base-icon-button

variable indigo-contained-icon-button public

Indigo contained icon button スキーマを生成します。

Deprecation message:

プロパティ

shadow-color

Indigo contained icon button の影の色。

Map

color: ('primary', 400, 0.5)

background

Indigo contained icon button の背景色。

Map

color: ('primary', 500)

foreground

Indigo contained icon button のアイドルテキストの色。

Map

contrast-color: ('primary', 500, .8)

hover-background

Indigo contained icon button のホバー背景色。

Map

color: ('primary', 400)

hover-foreground

Indigo contained icon button のホバーテキストの色。

Map

contrast-color: ('primary', 500)

focus-background

Indigo contained icon button のフォーカス表示の背景色。

Map

color: ('primary', 500)

focus-foreground

Indigo contained icon button のフォーカス表示の背景色。

Map

contrast-color: ('primary', 500, .8)

focus-border-color

Indigo icon button のフォーカス表示の境界線の色。

Map

color: ('primary', 400, .5)

focus-hover-background

Icon button のフォーカス時のホバー状態の背景色。

Map

color: ('primary', 400)

focus-hover-foreground

Icon button のフォーカス時のホバー状態の前景色。

Map

color: ('primary', 500)

active-background

Indigo contained icon button のアクティブ表示の背景色。

Map

color: ('primary', 400)

active-foreground

Indigo contained icon button のアクティブ表示の背景色。

Map

contrast-color: ('primary', 500)

disabled-background

Indigo contained icon button の無効表示の背景色。

Map

color: ('primary', 400, .5)

disabled-foreground

Indigo icon button の無効表示の前景色。

Map

contrast-color: ('primary', 500, .3)

次で使用

var indigo-contained-icon-button-dark
var indigo-icon-button

必須

var indigo-base-icon-button

variable indigo-icon-button public

Light indigo icon button スキーマを生成します。

Deprecation message:

必須

var indigo-flat-icon-button
var indigo-contained-icon-button
var indigo-outlined-icon-button

variable light-icon public

Light icon スキーマを生成します。

Deprecation message:

プロパティ

color

アイコンの色。

Color

"'currentColor'"

disabled-color

無効のアイコンの色。

Color

"'currentColor'"

size

Icon に使用されるサイズ。

List

(rem(18px), rem(20px), rem(24px))

default-size

Icon コンポーネントに使用されるデフォルトのサイズ。

Number

次で使用

var material-icon
var fluent-icon
var bootstrap-icon
var indigo-icon

variable material-icon public

Material icon スキーマを生成します。

Deprecation message:

次で使用

var dark-material-icon

必須

var light-icon

variable fluent-icon public

Fluent icon スキーマを生成します。

Deprecation message:

次で使用

var dark-fluent-icon

必須

var light-icon

variable bootstrap-icon public

Bootstrap icon スキーマを生成します。

Deprecation message:

次で使用

var dark-bootstrap-icon

必須

var light-icon

variable indigo-icon public

Indigo icon スキーマを生成します。

Deprecation message:

プロパティ

disabled-color

無効のアイコンの色。

Map

color: ('gray', 400)

次で使用

var dark-indigo-icon

必須

var light-icon

variable light-material-schema public

Мaterial コンポーネントテーマを作成するために使用されます。ライトパレットと組み合わせて使用します。

Deprecation message:

variable light-fluent-schema public

Fluent コンポーネントテーマの作成に使用します。ライトパレットと組み合わせて使用します。

Deprecation message:

variable light-bootstrap-schema public

Bootstrap コンポーネントテーマの作成に使用します。ライトパレットと組み合わせて使用します。

Deprecation message:

variable light-indigo-schema public

Indigo コンポーネントテーマの作成に使用します。ライトパレットと組み合わせて使用します。

Deprecation message:

variable light-input-group public

Base light input-group スキーマを生成します。

Deprecation message:

プロパティ

input-prefix-color

Line、box および border 型の入力プレフィックスのためのテキストの色。

Map

color: ('gray', 700)

input-prefix-background

Line、box および border 型の入力プレフィックスのための背景色。

Color

transparent

input-suffix-color

Line、box および border 型の入力サフィックスのためのテキストの色。

Map

color: ('gray', 700)

input-suffix-background

Line、box および border 型の入力サフィックスのための背景色。

Color

transparent

idle-text-color

アイドル状態の入力テキストの色。

Map

color: ('gray', 700)

filled-text-color

塗りつぶされた状態の入力テキストの色。

Map

color: ('gray', 900)

filled-text-hover-color

ホバー時の塗りつぶされた状態の入力テキストの色。

Map

color: ('gray', 900)

focused-text-color

フォーカスした状態の入力テキストの色。

Map

color: ('gray', 900)

disabled-text-color

無効な状態の入力テキストの色。

Map

color: ('gray', 500)

helper-text-color

ヘルパーのテキストの色。

Map

color: ('gray', 700)

idle-secondary-color

アイドル状態のラベルの色。

Map

color: ('gray', 700)

filled-secondary-color

塗りつぶされた状態のラベルの色。

Map

color: ('gray', 600)

focused-secondary-color

フォーカスした状態のラベルの色。

Map

color: ('primary', 500)

idle-bottom-line-color

アイドル状態の下線と境界線の色。

Map

color: ('gray', 500)

hover-bottom-line-color

ホバー状態の下線と境界線の色。

Map

color: ('gray', 900)

focused-bottom-line-color

フォーカスした状態の下線と境界線の色。

Map

color: ('primary', 500)

interim-bottom-line-color

フォーカス状態のトランジション中の下線と境界線の色。

Map

color: ('primary', 500, .12)

disabled-bottom-line-color

無効な状態の下線と境界線の色。

Map

color: ('gray', 500)

border-color

Border および fluent 型の入力グループのための境界線の色。

Map

color: ('gray', 400)

hover-border-color

Border および fluent 型の入力グループのためのホバー入力の境界線。

Map

color: ('gray', 900)

focused-border-color

Border および fluent 型の入力グループのためのフォーカスされた入力の境界線の色。

Map

color: ('primary', 500)

disabled-border-color

Border および fluent 型の入力グループのための無効な境界線の色。

Map

color: ('gray', 300)

box-background

Box 型の入力グループのための背景色。

Map

color: ('gray', 100)

box-background-hover

ホバー時の Box 型の入力グループの背景色。

Map

color: ('gray', 200)

box-background-focus

フォーカス時の Box 型の入力グループの背景色。

Map

color: ('gray', 200)

box-disabled-background

無効な状態の box 型の入力グループの背景色。

Map

color: ('gray', 100)

border-background

Border 型の入力グループのための色。

Color

transparent

border-disabled-background

無効な状態の border 型の入力グループのための背景色。

Color

transparent

search-background

search 型の入力グループの背景色。

Map

color: ('gray', 50)

search-disabled-background

無効な状態の search 型の入力グループの背景色。

Map

color: ('gray', 100)

search-resting-elevation

検索入力の静止状態に使用する 0〜24 のエレベーションレベル。

Number

search-hover-elevation

Search 入力のホバー状態に使用される 0 から 24 までのエレベーションレベル。

Number

search-disabled-elevation

Search 入力の無効状態に使用される 0 から 24 までのエレベーションレベル。

Number

success-secondary-color

有効状態に使用する成功の色。

Map

color: ('success')

warning-secondary-color

警告状態に使用する警告色。

Map

color: ('warn')

error-secondary-color

エラー状態に使用するエラー色。

Map

color: ('error')

success-shadow-color

Bootstrap 入力グループの成功状態の影/境界線の色。

Map

color: ('success', 500, .38)

error-shadow-color

Bootstrap 入力グループのエラー状態の影/境界線の色。

Map

color: ('error', 500, .38)

placeholder-color

入力グループのプレースホルダーの色。

Map

color: ('gray', 700)

hover-placeholder-color

ホバー時の入力グループのプレースホルダーの色。

Map

color: ('gray', 700)

disabled-placeholder-color

無効の入力グループのプレースホルダーの色。

Map

color: ('gray', 500)

box-border-radius

ボックス入力のため使用される境界半径。

List

(rem(4px), rem(0), rem(20px))

border-border-radius

端入力のため使用される境界半径。

List

(rem(4px), rem(0), rem(20px))

search-border-radius

検索入力に使用される境界半径。

List

(rem(4px), rem(0), rem(20px))

input-prefix-color--filled

塗りつぶされた状態の入力プレフィックスの色。

Map

color: ('gray', 900)

input-prefix-background--filled

塗りつぶされた状態の入力プレフィックスの背景色。

Color

inherit

input-prefix-color--focused

フォーカス状態の入力プレフィックスの色。

Map

color: ('gray', 900)

input-prefix-background--focused

フォーカス状態の入力プレフィックスの背景色。

Color

inherit

input-suffix-color--filled

塗りつぶされた状態の入力サフィックスの色。

Map

color: ('gray', 900)

input-suffix-background-filled

塗りつぶされた状態の入力サフィックスの背景色。

Color

inherit

input-suffix-color--focused

フォーカス状態の入力サフィックスの色。

Map

color: ('gray', 900)

input-suffix-background--focused

フォーカス状態の入力サフィックスの背景色。

Color

inherit

size

Input Group に使用されるサイズ。

List

(rem(40px), rem(48px), rem(56px))

default-size

Input Group コンポーネントに使用されるデフォルトのサイズ。

Number

次で使用

var material-input-group
var fluent-input-group
var bootstrap-input-group
var indigo-input-group

必須

var default-elevation-input-group

variable material-input-group public

Material input-group スキーマを生成します。

Deprecation message:

プロパティ

border-color

Border および fluent 型の入力グループのための境界線の色。

Map

color: ('gray', 600)

disabled-border-color

Border および fluent 型の入力グループのための無効な境界線の色。

Map

color: ('gray', 500)

次で使用

var dark-material-input-group

必須

var light-input-group

variable fluent-input-group public

Fluent input-group スキーマを生成します。

Deprecation message:

プロパティ

idle-secondary-color

アイドル状態のラベルの色。

Map

color: ('gray', 900)

idle-text-color

アイドル状態の入力テキストの色。

Map

color: ('gray', 900)

border-color

Border および fluent 型の入力グループのための境界線の色。

Map

color: ('gray', 500)

hover-border-color

Border および fluent 型の入力グループのためのホバー入力の境界線。

Map

color: ('gray', 700)

disabled-border-color

Border および fluent 型の入力グループのための無効な境界線の色。

Map

color: ('gray', 100)

border-disabled-background

無効な状態の border 型の入力グループのための背景色。

Map

color: ('gray', 100)

search-resting-elevation

検索入力の静止状態に使用する 0〜24 のエレベーションレベル。

Number

search-hover-elevation

Search 入力のホバー状態に使用される 0 から 24 までのエレベーションレベル。

Number

search-disabled-elevation

Search 入力の無効状態に使用される 0 から 24 までのエレベーションレベル。

Number

box-border-radius

ボックス入力のため使用される境界半径。

List

(rem(2px), rem(0), rem(20px))

border-border-radius

端入力のため使用される境界半径。

List

(rem(2px), rem(0), rem(20px))

search-border-radius

検索入力に使用される境界半径。

List

(rem(2px), rem(0), rem(20px))

input-prefix-color--filled

塗りつぶされた状態の入力プレフィックスの色。

Map

color: ('gray', 700)

input-prefix-color--focused

フォーカス状態の入力プレフィックスの色。

Map

color: ('gray', 700)

input-prefix-background

Line、box、border および fluent 型の入力プレフィックスのための背景色。

Map

color: ('gray', 100)

input-prefix-background--filled

塗りつぶされた状態の入力プレフィックスの背景色。

Map

color: ('gray', 100)

input-prefix-background--focused

フォーカス状態の入力プレフィックスの背景色。

Map

color: ('gray', 100)

input-suffix-color--filled

塗りつぶされた状態の入力サフィックスの色。

Map

color: ('gray', 700)

input-suffix-color--focused

フォーカス状態の入力サフィックスの色。

Map

color: ('gray', 700)

input-suffix-background

Line、box および border 型の入力サフィックスのための背景色。

Map

color: ('gray', 100)

input-suffix-background-filled

塗りつぶされた状態の入力サフィックスの背景色。

Map

color: ('gray', 100)

input-suffix-background--focused

フォーカス状態の入力サフィックスの背景色。

Map

color: ('gray', 100)

size

Input Group に使用されるサイズ。

List

(rem(32px), rem(40px), rem(48px))

次で使用

var dark-fluent-input-group

必須

var light-input-group
var fluent-elevation-input-group

variable bootstrap-input-group public

Bootstrap input-group スキーマを生成します。

Deprecation message:

プロパティ

border-disabled-background

無効な状態の border 型の入力グループのための背景色。

Map

color: ('gray', 100)

focused-secondary-color

フォーカスした状態のラベルの色。

Map

color: ('primary', 500, .38)

disabled-text-color

無効な状態の入力テキストの色。

Map

color: ('gray', 400)

interim-bottom-line-color

フォーカス状態のトランジション中の下線と境界線の色。

Map

color: ('primary', 500)

disabled-placeholder-color

無効の入力グループのプレースホルダーの色。

Map

color: ('gray', 400)

input-prefix-color

アイドル状態の入力プレフィックスの色。

Map

color: ('gray', 800)

input-prefix-color--filled

塗りつぶされた状態の入力プレフィックスの色。

Map

color: ('gray', 800)

input-prefix-color--focused

フォーカス状態の入力プレフィックスの色。

Map

color: ('gray', 800)

input-prefix-background

アイドル状態の入力プレフィックスの背景色。

Map

color: ('gray', 300)

input-prefix-background--filled

塗りつぶされた状態の入力プレフィックスの背景色。

Map

color: ('gray', 300)

input-prefix-background--focused

フォーカス状態の入力プレフィックスの背景色。

Map

color: ('gray', 300)

input-suffix-color

アイドル状態の入力サフィックスの色。

Map

color: ('gray', 800)

input-suffix-color--filled

塗りつぶされた状態の入力サフィックスの色。

Map

color: ('gray', 800)

input-suffix-color--focused

フォーカス状態の入力サフィックスの色。

Map

color: ('gray', 800)

input-suffix-background

アイドル状態の入力サフィックスの背景色。

Map

color: ('gray', 300)

input-suffix-background-filled

塗りつぶされた状態の入力サフィックスの背景色。

Map

color: ('gray', 300)

input-suffix-background--focused

フォーカス状態の入力サフィックスの背景色。

Map

color: ('gray', 300)

size

Input Group に使用されるサイズ。

List

(rem(31px), rem(38px), rem(48px))

次で使用

var dark-bootstrap-input-group

必須

var light-input-group

variable indigo-input-group public

Indigo input-group スキーマを生成します。

Deprecation message:

プロパティ

input-prefix-color

Line、box および border 型の入力プレフィックスのためのテキストの色。

Map

color: ('gray', 600)

input-suffix-color

Line、box および border 型の入力サフィックスのためのテキストの色。

Map

color: ('gray', 600)

input-prefix-color--filled

塗りつぶされた状態の入力プレフィックスの色。

Map

color: ('gray', 600)

input-suffix-color--filled

塗りつぶされた状態の入力サフィックスの色。

Map

color: ('gray', 600)

input-prefix-color--focused

フォーカス状態の入力プレフィックスの色。

Map

color: ('gray', 600)

input-suffix-color--focused

フォーカス状態の入力サフィックスの色。

Map

color: ('gray', 600)

hover-border-color

Border 型の入力グループのホバー入力境界線の色。

Map

color: ('gray', 600)

focused-border-color

Border 型の入力グループのフォーカス入力境界線の色。

Map

color: ('primary', 400)

idle-bottom-line-color

アイドル状態の下線と境界線の色。

Map

color: ('gray', 400)

hover-bottom-line-color

ホバー状態の下線と境界線の色。

Map

color: ('gray', 600)

focused-bottom-line-color

フォーカスした状態の下線と境界線の色。

Map

color: ('primary', 400)

disabled-bottom-line-color

無効な状態の下線と境界線の色。

Map

color: ('gray', 900, .05)

box-background

Box 型の入力グループのための背景色。

Color

transparent

box-disabled-background

無効状態の入力グループの背景色。

Color

transparent

search-background

search 型の入力グループの背景色。

Color

transparent

search-disabled-background

無効な状態の search 型の入力グループの背景色。

Color

transparent

box-background-hover

ホバー時の Box 型の入力グループの背景色。

Map

color: ('gray', 900, .05)

idle-text-color

アイドル状態の入力テキストの色。

Map

color: ('gray', 800)

filled-text-color

塗りつぶされた状態の入力テキストの色。

Map

color: ('gray', 800)

disabled-text-color

無効な状態の入力テキストの色。

Map

color: ('gray', 900, .2)

idle-secondary-color

アイドル状態のラベルの色。

Map

color: ('gray', 600)

focused-secondary-color

フォーカスした状態のラベルの色。

Map

color: ('gray', 600)

placeholder-color

入力グループのプレースホルダーの色。

Map

color: ('gray', 600)

disabled-placeholder-color

無効の入力グループのプレースホルダーの色。

Map

color: ('gray', 900, .2)

search-resting-elevation

検索入力の静止状態に使用する 0〜24 のエレベーションレベル。

Number

search-hover-elevation

Search 入力のホバー状態に使用される 0 から 24 までのエレベーションレベル。

Number

search-disabled-elevation

Search 入力の無効状態に使用される 0 から 24 までのエレベーションレベル。

Number

box-border-radius

ボックス入力のため使用される境界半径。

List

(rem(0), rem(0), rem(20px))

border-border-radius

端入力のため使用される境界半径。

List

(rem(0), rem(0), rem(20px))

search-border-radius

検索入力に使用される境界半径。

List

(rem(2px), rem(0), rem(20px))

size

Input Group に使用されるサイズ。

List

(rem(24px), rem(28px), rem(32px))

次で使用

var dark-indigo-input-group

必須

var light-input-group
var indigo-elevation-input-group

variable light-label public

Base light label スキーマを生成します。

Deprecation message:

プロパティ

color

ラベルの色。

Color

color: ('gray', 700)

次で使用

var material-label
var bootstrap-label

variable material-label public

Light material label スキーマを生成します。

Deprecation message:

次で使用

var dark-material-label

必須

var light-label

variable fluent-label public

Light fluent label スキーマを生成します。

Deprecation message:

プロパティ

color

ラベルの色。

Color

color: ('gray', 900)

次で使用

var dark-fluent-label

variable bootstrap-label public

Light bootstrap label スキーマを生成します。

Deprecation message:

次で使用

var dark-bootstrap-label

必須

var light-label

variable indigo-label public

Light indigo label スキーマを生成します。

Deprecation message:

プロパティ

color

ラベルの色。

Color

color: ('gray', 900)

variable light-list public

Light list スキーマを生成します。

Deprecation message:

プロパティ

background

リストの背景色。

Map

color: 'surface'

header-background

リストヘッダーの背景色。

Map

color: 'surface'

header-text-color

リストヘッダーのテキストの色。

Map

color: ('secondary', 500)

item-background

リスト項目の背景色。

Map

color: 'surface'

item-background-hover

リスト項目ホバーの背景色。

Map

color: ('gray', 200)

item-background-active

アクティブリスト項目の背景色。

Map

color: ('gray', 200)

item-text-color

リスト項目テキストの色。

Map

color: ('gray', 700)

item-text-color-hover

リスト項目テキストの色。

Map

color: ('gray', 700)

item-text-color-active

アクティブリスト項目テキストの色。

Map

color: ('gray', 700)

item-title-color

リスト項目タイトルの色。

Color

"'currentColor'"

item-title-color-hover

リスト項目タイトルホバーの色。

Color

"'currentColor'"

item-title-color-active

リスト項目アクティブタイトルの色。

Color

"'currentColor'"

item-subtitle-color

リスト項目サブタイトルの色。

Color

"'currentColor'"

item-subtitle-color-hover

リスト項目サブタイトルホバーの色。

Color

"'currentColor'"

item-subtitle-color-active

リスト項目サブタイトルアクティブの色。

Color

"'currentColor'"

item-action-color

リスト項目アクションの色。

Color

"'currentColor'"

item-action-color-hover

リスト項目アクションホバーの色。

Color

"'currentColor'"

item-action-color-active

リスト項目アクションアクティブの色。

Color

"'currentColor'"

item-thumbnail-color

リスト項目サムネイルの色。

Color

"'currentColor'"

item-thumbnail-color-hover

リスト項目サムネイルホバーの色。

Color

"'currentColor'"

item-thumbnail-color-active

リスト項サムネイルアクティブの色。

Color

"'currentColor'"

border-radius

リストコンポーネントに使用される境界半径。

List

()

item-border-radius

リスト項目に使用される境界半径。

List

()

border-color

リストの境界線の色。

Number

transparent

border-width

リストの境界線の幅。

Color

default-size

List コンポーネントに使用されるデフォルトのサイズ。

Number

次で使用

var material-list
var fluent-list
var bootstrap-list
var indigo-list

variable material-list public

Material list スキーマを生成します。

Deprecation message:

次で使用

var dark-material-list

必須

var light-list

variable fluent-list public

Fluent list スキーマを生成します。

Deprecation message:

次で使用

var dark-fluent-list

必須

var light-list

variable bootstrap-list public

Bootstrap list スキーマを生成します。

Deprecation message:

プロパティ

header-background

リストヘッダーの背景色。

Map

contrast-color: ('gray', 900)

item-background

リスト項目の背景色。

Map

contrast-color: ('gray', 900)

item-text-color

リスト項目テキストの色。

Map

color: ('gray', 900)

item-text-color-hover

リスト項目テキストの色。

Map

color: ('gray', 900)

item-text-color-active

アクティブリスト項目テキストの色。

Map

color: ('gray', 900)

border-radius

リストコンポーネントに使用される境界半径。

List

(rem(4px), rem(0), rem(24px))

border-color

リストの境界線の色。

Number

color: ('gray', 300)

border-width

リストの境界線の幅。

Color

rem(1px)

次で使用

var dark-bootstrap-list

必須

var light-list

variable indigo-list public

Indigo list スキーマを生成します。

Deprecation message:

プロパティ

background

リストの背景色。

Color

transparent

header-background

リストヘッダーの背景色。

Color

transparent

header-text-color

リストヘッダーのテキストの色。

Map

color: ('gray', 600)

item-background

リスト項目の背景色。

Color

transparent

item-background-hover

リスト項目ホバーの背景色。

Map

color: ('primary', 300, .3)

item-background-active

アクティブリスト項目の背景色。

Map

color: ('primary', 300, .3)

item-text-color

リスト項目テキストの色。

Map

color: ('gray', 800)

item-text-color-hover

リスト項目テキストの色。

Map

color: ('gray', 900)

item-text-color-active

アクティブリスト項目テキストの色。

Map

color: ('gray', 800)

item-subtitle-color

リスト項目サブタイトルの色。

Map

color: ('gray', 600)

item-subtitle-color-hover

リスト項目サブタイトルホバーの色。

Map

color: ('gray', 700)

item-subtitle-color-active

リスト項目サブタイトルアクティブの色。

Map

color: ('gray', 700)

item-action-color

リスト項目アクションの色。

Map

color: ('gray', 600)

item-action-color-hover

リスト項目アクションホバーの色。

Map

color: ('gray', 700)

item-action-color-active

リスト項目アクションアクティブの色。

Map

color: ('gray', 700)

item-thumbnail-color

リスト項目サムネイルの色。

Map

color: ('gray', 600)

item-thumbnail-color-hover

リスト項目サムネイルホバーの色。

Map

color: ('gray', 700)

item-thumbnail-color-active

リスト項サムネイルアクティブの色。

Map

color: ('gray', 700)

item-border-radius

リスト項目に使用される境界半径。

Number

rem(4px)

次で使用

var dark-indigo-list

必須

var light-list

variable light-navbar public

Base light navbar スキーマを生成します。

Deprecation message:

プロパティ

background

ナビゲーションバーの背景色。

Map

color: ('primary', 400)

border-color

ナビゲーションバーの境界線の色。

Color

transparent

text-color

ナビゲーションバーのテキストの色。

Map

contrast-color: ('primary', 400)

idle-icon-color

ナビゲーションバーのアイドルアイコンの色。

Map

color: ('gray', 900)

hover-icon-color

ナビゲーションバーのホバーアイコンの色。

Map

color: ('gray', 900)

elevation

ナビゲーションバーに使用される 0 から 24 までのエレベーションレベル。

Number

次で使用

var material-navbar
var fluent-navbar
var bootstrap-navbar
var indigo-navbar

必須

var default-elevation-navbar

variable material-navbar public

Material navbar スキーマを生成します。

Deprecation message:

次で使用

var dark-material-navbar

必須

var light-navbar

variable fluent-navbar public

Fluent navbar スキーマを生成します。

Deprecation message:

プロパティ

background

ナビゲーションバーの背景色。

Map

color: 'surface'

text-color

ナビゲーションバーのテキストの色。

Map

color: ('gray', 900)

idle-icon-color

ナビゲーションバーのアイドルアイコンの色。

Map

color: ('primary', 500)

hover-icon-color

ナビゲーションバーのホバーアイコンの色。

Map

color: ('primary', 500)

次で使用

var dark-fluent-navbar

必須

var light-navbar

variable bootstrap-navbar public

Bootstrap navbar スキーマを生成します。

Deprecation message:

プロパティ

background

ナビゲーションバーの背景色。

Map

color: 'surface'

border-color

ナビゲーションバーの境界線の色。

Map

color: ('gray', 300)

text-color

ナビゲーションバーのテキストの色。

Map

contrast-color: 'surface'

idle-icon-color

ナビゲーションバーのアイドルアイコンの色。

Map

contrast-color: 'surface'

hover-icon-color

ナビゲーションバーのホバーアイコンの色。

Map

contrast-color: 'surface'

elevation

ナビゲーションバーに使用される 0 から 24 までのエレベーションレベル。

Number

次で使用

var dark-bootstrap-navbar

必須

var light-navbar
var bootstrap-elevation-navbar

variable indigo-navbar public

Indigo navbar スキーマを生成します。

Deprecation message:

プロパティ

background

ナビゲーションバーの背景色。

Map

color: ('surface', 500)

text-color

ナビゲーションバーのテキストの色。

Map

color: ('gray', 800)

idle-icon-color

ナビゲーションバーのアイドルアイコンの色。

Map

color: ('gray', 600)

hover-icon-color

ナビゲーションバーのホバーアイコンの色。

Map

color: ('gray', 700)

border-color

ナビゲーションバーの境界線の色。

Color

color: ('primary', 500)

elevation

ナビゲーションバーに使用される 0 から 24 までのエレベーションレベル。

Number

次で使用

var dark-indigo-navbar

必須

var light-navbar
var indigo-elevation-navbar

variable light-navdrawer public

Base light navdrawer スキーマを生成します。

Deprecation message:

プロパティ

background

ナビゲーションドロワーの背景色。

Map

color: 'surface'

item-disabled-text-color

無効な項目のテキストの色。

Map

color: ('gray', 400)

item-disabled-icon-color

無効な項目のアイコンの色。

Map

color: ('gray', 400)

elevation

ドロワーに使用される 0 から 24 までのエレベーションレベル。

Map

border-radius

ナビゲーションドロワーコンポーネントに使用される境界半径。

List

(rem(0), rem(0), rem(36px))

次で使用

var material-navdrawer
var fluent-navdrawer
var bootstrap-navdrawer
var indigo-navdrawer

必須

var default-elevation-navdrawer

variable material-navdrawer public

Material navdrawer スキーマを生成します。

Deprecation message:

プロパティ

item-border-radius

ナビゲーションドロワー項目に使用される境界半径。

List

(rem(4px), rem(0), rem(24px))

item-hover-icon-color

項目のホバーアイコンの色。

Map

color: ('gray', 900)

item-hover-text-color

項目のホバーテキストの色。

Map

color: ('gray', 900)

item-hover-background

項目のホバーの背景色。

Map

color: ('gray', 200)

item-text-color

項目のアイドルテキストの色。

Map

color: ('gray', 900)

item-active-background

項目のアクティブの背景色。

Map

color: ('primary', 500, .12)

item-active-icon-color

項目のアイコンアクティブの色。

Map

color: ('primary', 500)

item-active-text-color

項目のアクティブテキストの色。

Map

color: ('primary', 500)

border-color

ナビゲーションドロワーの右境界線の色。

Map

color: ('gray', 300)

item-icon-color

項目のアイコンの色。

Map

color: ('gray', 700)

item-header-text-color

ヘッダーのアイドルテキストの色。

Map

color: ('gray', 700)

item-disabled-text-color

無効な項目のテキストの色。

Map

color: ('gray', 500)

次で使用

var dark-base-navdrawer
var dark-material-navdrawer

必須

var light-navdrawer

variable fluent-navdrawer public

Fluent navdrawer スキーマを生成します。

Deprecation message:

プロパティ

item-border-radius

ナビゲーションドロワー項目に使用される境界半径。

Number

item-hover-icon-color

項目のホバーアイコンの色。

Map

color: ('primary', 600)

item-hover-text-color

項目のホバーテキストの色。

Map

color: ('gray', 800)

item-hover-background

項目のホバーの背景色。

Map

color: ('gray', 100)

item-text-color

項目のアイドルテキストの色。

Map

color: ('gray', 800)

item-active-background

項目のアクティブの背景色。

Map

color: ('gray', 200)

item-active-icon-color

項目のアイコンアクティブの色。

Map

color: ('primary', 700)

item-active-text-color

項目のアクティブテキストの色。

Map

color: ('gray', 900)

border-color

ナビゲーションドロワーの右境界線の色。

Map

color: ('gray', 200)

item-icon-color

項目のアイコンの色。

Map

color: ('primary', 500)

item-header-text-color

ヘッダーのアイドルテキストの色。

Map

color: ('gray', 800)

次で使用

var dark-fluent-navdrawer

必須

var light-navdrawer

variable bootstrap-navdrawer public

Bootstrap navdrawer スキーマを生成します。

Deprecation message:

プロパティ

item-border-radius

ナビゲーションドロワー項目に使用される境界半径。

List

(rem(4px), rem(0), rem(24px))

item-hover-icon-color

項目のホバーアイコンの色。

Map

color: ('gray', 900)

item-hover-text-color

項目のホバーテキストの色。

Map

color: ('gray', 900)

item-hover-background

項目のホバーの背景色。

Map

color: ('gray', 200, .8)

item-text-color

項目のアイドルテキストの色。

Map

color: ('gray', 900)

item-active-background

項目のアクティブの背景色。

Map

color: ('primary', 500)

item-active-icon-color

項目のアイコンアクティブの色。

Map

contrast-color: ('primary', 900)

item-active-text-color

項目のアクティブテキストの色。

Map

contrast-color: ('primary', 900)

border-color

ナビゲーションドロワーの右境界線の色。

Map

color: ('gray', 300)

item-icon-color

項目のアイコンの色。

Map

color: ('gray', 900)

item-header-text-color

ヘッダーのアイドルテキストの色。

Map

color: ('gray', 900)

次で使用

var dark-bootstrap-navdrawer

必須

var light-navdrawer

variable indigo-navdrawer public

Indigo navdrawer スキーマを生成します。

Deprecation message:

プロパティ

item-header-text-color

ヘッダーのアイドルテキストの色。

Map

color: ('gray', 600)

item-text-color

項目のアイドルテキストの色。

Map

color: ('gray', 800)

item-icon-color

項目のアイコンの色。

Map

color: ('gray', 600)

item-active-text-color

項目のアクティブテキストの色。

Map

color: ('primary', 500)

item-active-background

項目のアクティブの背景色。

Map

color: ('primary', 300, .3)

item-active-icon-color

項目のアイコンアクティブの色。

Map

color: ('primary', 500)

item-hover-background

項目のホバーの背景色。

Map

color: ('gray', 900, 0.05)

item-hover-text-color

項目のホバーテキストの色。

Map

color: ('gray', 900)

item-hover-icon-color

項目のホバーアイコンの色。

Map

color: ('gray', 700)

item-disabled-text-color

無効な項目のテキストの色。

Map

color: ('gray', 900, 0.2)

item-disabled-icon-color

無効な項目のアイコンの色。

Map

color: ('gray', 900, 0.2)

elevation

ドロワーに使用される 0 から 24 までのエレベーションレベル。

Map

border-color

ナビゲーションドロワーの右境界線の色。

Map

color: ('gray', 300)

item-border-radius

ナビゲーションドロワー項目に使用される境界半径。

List

(rem(4px), rem(0), rem(4px))

次で使用

var dark-indigo-navdrawer

必須

var light-navdrawer

variable light-overlay public

Base light overlay スキーマを生成します。

Deprecation message:

プロパティ

background-color

モーダルオーバレイのために使用される背景色。

Map

color: ('gray', 500, .54)

次で使用

var material-overlay
var fluent-overlay
var bootstrap-overlay
var indigo-overlay

variable material-overlay public

Material overlay スキーマを生成します。

Deprecation message:

次で使用

var dark-material-overlay

必須

var light-overlay

variable fluent-overlay public

Fluent overlay スキーマを生成します。

Deprecation message:

プロパティ

background-color

モーダルオーバレイのために使用される背景色。

Color

rgba(255, 255, 255, .4)

次で使用

var dark-fluent-overlay

必須

var light-overlay

variable bootstrap-overlay public

Bootstrap overlay スキーマを生成します。

Deprecation message:

次で使用

var dark-bootstrap-overlay

必須

var light-overlay

variable indigo-overlay public

Indigo overlay スキーマを生成します。

Deprecation message:

次で使用

var dark-indigo-overlay

必須

var light-overlay

variable light-pagination public

Base light pagination スキーマを生成します。

Deprecation message:

プロパティ

text-color

テキストの色。

Map

color: ('gray', 800)

background-color

ページングパネルの背景色。

Map

color: ('gray', 100)

border-color

ページングパネルの境界線の色。

Map

color: ('gray', 200)

size

ページネーターに使用されるサイズ。

List

(rem(44px), rem(48px), rem(56px))

次で使用

var material-pagination
var fluent-pagination
var bootstrap-pagination
var indigo-pagination

variable material-pagination public

Material pagination スキーマを生成します。

Deprecation message:

次で使用

var dark-material-pagination

必須

var light-pagination

variable fluent-pagination public

Fluent pagination スキーマを生成します。

Deprecation message:

プロパティ

background-color

ページングパネルの背景色。

Map

color: 'surface'

border-color

ページングパネルの境界線の色。

Map

color: ('gray', 100)

次で使用

var dark-fluent-pagination

必須

var light-pagination

variable bootstrap-pagination public

Bootstrap pagination スキーマを生成します。

Deprecation message:

プロパティ

background-color

ページングパネルの背景色。

Map

color: ('gray', 50)

次で使用

var dark-bootstrap-pagination

必須

var light-pagination

variable indigo-pagination public

Indigo pagination スキーマを生成します。

Deprecation message:

プロパティ

background-color

ページングパネルの背景色。

Map

color: ('surface', 500)

border-color

ページングパネルの境界線の色。

Map

color: ('gray', 400)

次で使用

var dark-indigo-pagination

必須

var light-pagination

variable light-pivot-data-selector public

Base light pivot data selector スキーマを生成します。

Deprecation message:

次で使用

var material-pivot-data-selector
var fluent-pivot-data-selector
var bootstrap-pivot-data-selector
var indigo-pivot-data-selector

variable material-pivot-data-selector public

Material pivot data selector スキーマを生成します。

Deprecation message:

次で使用

var dark-material-pivot-data-selector

必須

var light-pivot-data-selector

variable fluent-pivot-data-selector public

Fluent pivot data selector スキーマを生成します。

Deprecation message:

次で使用

var dark-fluent-pivot-data-selector

必須

var light-pivot-data-selector

variable bootstrap-pivot-data-selector public

Bootstrap pivot data selector スキーマを生成します。

Deprecation message:

次で使用

var dark-bootstrap-pivot-data-selector

必須

var light-pivot-data-selector

variable indigo-pivot-data-selector public

Indigo pivot data selector スキーマを生成します。

Deprecation message:

次で使用

var dark-indigo-pivot-data-selector

必須

var light-pivot-data-selector

variable light-progress-linear public

Base light progress-linear スキーマを生成します。

Deprecation message:

プロパティ

track-color

主要トラックの色。

Map

color: ('gray', 300)

fill-color-default

トラックのデフォルトの塗りつぶし色。

Map

color: ('primary', 500)

fill-color-danger

トラックの危険の塗りつぶし色。

Map

color: ('error')

fill-color-warning

トラックの警告の塗りつぶし色。

Map

color: ('warn')

fill-color-info

トラックの情報の塗りつぶし色。

Map

color: ('info')

fill-color-success

トラックの成功の塗りつぶし色。

Map

color: ('success')

stripes-color

トラックのストライプの色。

Map

color: ('gray', 50, .7)

text-color

トラック値テキストの色。

Map

color: ('gray', 700)

track-border-radius

プログレスバートラックに使用される境界半径。

List

(rem(0), rem(0), rem(8px))

次で使用

var material-progress-linear
var fluent-progress-linear
var bootstrap-progress-linear
var indigo-progress-linear

variable material-progress-linear public

Material progress-linear スキーマを生成します。

Deprecation message:

次で使用

var dark-material-progress-linear

必須

var light-progress-linear

variable fluent-progress-linear public

Fluent progress-linear スキーマを生成します。

Deprecation message:

次で使用

var dark-fluent-progress-linear

必須

var light-progress-linear

variable bootstrap-progress-linear public

Bootstrap progress-linear スキーマを生成します。

Deprecation message:

プロパティ

stripes-color

トラックのストライプの色。

Map

color: ('gray', 50, .2)

track-border-radius

プログレスバートラックに使用される境界半径。

List

(rem(4px), rem(0), rem(8px))

次で使用

var dark-bootstrap-progress-linear

必須

var light-progress-linear

variable indigo-progress-linear public

Indigo progress-linear スキーマを生成します。

Deprecation message:

プロパティ

text-color

トラック値テキストの色。

Map

color: ('gray', 600)

track-color

主要トラックの色。

Map

color: ('gray', 900, .15)

fill-color-default

トラックのデフォルトの塗りつぶし色。

Map

color: ('primary', 400)

fill-color-danger

トラックの危険の塗りつぶし色。

Map

color: ('error', 400)

fill-color-warning

トラックの警告の塗りつぶし色。

Map

color: ('warn', 400)

fill-color-info

トラックの情報の塗りつぶし色。

Map

color: ('info', 400)

fill-color-success

トラックの成功の塗りつぶし色。

Map

color: ('success', 400)

stripes-color

トラックのストライプの色。

Map

contrast-color: ('gray', 900, .3)

次で使用

var dark-indigo-progress-linear

必須

var light-progress-linear

variable light-progress-circular public

Base light progress-circular スキーマを生成します。

Deprecation message:

プロパティ

base-circle-color

基本円の塗りつぶし色。

Map

color: ('gray', 300)

progress-circle-color

プログレス円の塗りつぶし色。

Map

color: ('primary', 500)

text-color

値テキストの色。

Map

color: ('gray', 700)

diameter

プログレス円の直径。

Number

rem(32px)

track-border-radius

プログレスバートラックに使用される境界半径。

List

rem(0)

次で使用

var material-progress-circular
var fluent-progress-circular
var bootstrap-progress-circular

variable material-progress-circular public

Material progress-circular スキーマを生成します。

Deprecation message:

次で使用

var dark-material-progress-circular

必須

var light-progress-circular

variable fluent-progress-circular public

Fluent progress-circular スキーマを生成します。

Deprecation message:

次で使用

var dark-fluent-progress-circular

必須

var light-progress-circular

variable bootstrap-progress-circular public

Bootstrap progress-circular スキーマを生成します。

Deprecation message:

プロパティ

diameter

プログレス円の直径。

Number

rem(54px)

次で使用

var dark-bootstrap-progress-circular

必須

var light-progress-circular

variable indigo-progress-circular public

Indigo progress-circular スキーマを生成します。

Deprecation message:

プロパティ

base-circle-color

基本円の塗りつぶし色。

Map

color: ('gray', 900, .15)

progress-circle-color

プログレス円の塗りつぶし色。

Map

color: ('primary', 400)

text-color

値テキストの色。

Map

color: ('gray', 600)

diameter

プログレス円の直径。

Number

rem(48px)

次で使用

var dark-indigo-progress-circular

variable light-query-builder public

Base light query builder スキーマを生成します。

Deprecation message:

プロパティ

background

フィルタリング行の背景色。

Map

color: ('gray', 50)

header-background

クエリビルダーヘッダーの背景色。

Map

color: ('gray', 100)

header-foreground

クエリビルダーヘッダーの前景色。

Map

color: ('gray', 700)

header-border

クエリビルダーの、ヘッダーの境界線の色。

Color

transparent

background-and

高度なフィルタリングの "AND" 条件の背景色。

Map

color: ('primary', 300)

background-and--focus

高度なフィルタリングの "AND" 条件のフォーカス/選択の背景色。

Map

color: ('primary', 700)

background-or

高度なフィルタリングの "OR" 条件の背景色。

Map

color: ('secondary', 300)

background-or--focus

高度なフィルタリングの "OR" 条件のフォーカス/選択の背景色。

Map

color: ('secondary', 700)

次で使用

var material-query-builder
var fluent-query-builder
var bootstrap-query-builder
var indigo-query-builder

作者

Simeon Simeonoff

variable material-query-builder public

Material query builder スキーマを生成します。

Deprecation message:

次で使用

var dark-material-query-builder

必須

var light-query-builder

作者

Simeon Simeonoff

variable fluent-query-builder public

Fluent query builder スキーマを生成します。

Deprecation message:

プロパティ

background-or

高度なフィルタリングの "OR" 条件の背景色。

Map

color: ('error', 500, .5)

background-or--focus

高度なフィルタリングの "OR" 条件のフォーカス/選択の背景色。

Map

color: ('error')

次で使用

var dark-fluent-query-builder

必須

var light-query-builder

作者

Simeon Simeonoff

variable bootstrap-query-builder public

Bootstrap query builder スキーマを生成します。

Deprecation message:

プロパティ

header-background

クエリビルダーヘッダーの背景色。

Map

color: ('gray', 100, .5)

必須

var light-query-builder

作者

Simeon Simeonoff

variable indigo-query-builder public

Indigo query builder スキーマを生成します。

Deprecation message:

プロパティ

background

フィルタリング行の背景色。

Map

contrast-color: ('gray', 900)

header-background

クエリビルダーヘッダーの背景色。

Color

transparent

header-border

クエリビルダーの、ヘッダーの境界線の色。

Map

color: ('gray', 300)

background-and

高度なフィルタリングの "AND" 条件の背景色。

Map

color: ('primary', 400)

background-or

高度なフィルタリングの "OR" 条件の背景色。

Map

color: ('success', 500)

background-and--focus

高度なフィルタリングの "AND" 条件のフォーカス/選択の背景色。

Map

color: ('primary', 300)

background-or--focus

高度なフィルタリングの "OR" 条件のフォーカス/選択の背景色。

Map

color: ('secondary', 400)

次で使用

var dark-indigo-query-builder

必須

var light-query-builder

作者

Simeon Simeonoff

variable light-radio public

Base light radio スキーマを生成します。

Deprecation message:

プロパティ

empty-fill-color

空のラジオの塗りつぶし。

Color

transparent

hover-color

ラベルテキストに使用されるテキストの色。

Color

transparent

label-color

ラベルテキストに使用されるテキストの色。

Map

color: ('gray', 900)

label-color-hover

ホバー時のラベルテキストに使用されるテキストの色。

Map

color: ('gray', 900)

fill-color

チェックされた境界線と点の色。

Map

color: ('primary', 500)

disabled-color

無効の境界線の色。

Map

color: ('gray', 400)

disabled-fill-color

無効になっているチェック済みの境界線と点の色。

Map

color: ('gray', 400)

disabled-label-color

無効のラベルの色。

Map

color: ('gray', 500)

error-color

無効な状態のラベル、境界線、および点の色。

Map

color: ('error', 500)

focus-outline-color-filled

ラジオが塗りつぶされている場合のフォーカスのアウトラインの色。

Color

transparent

focus-outline-color-error

ラジオが塗りつぶされて無効な場合のフォーカスのアウトラインの色。

Color

transparent

次で使用

var material-radio
var fluent-radio
var bootstrap-radio
var indigo-radio

variable material-radio public

Material radio スキーマを生成します。

Deprecation message:

プロパティ

focus-outline-color

フォーカスアウトラインの色。

Color

transparent

fill-hover-border-color

ホバー時のチェックされた点の境界線の色。

Map

color: ('secondary', 500)

empty-color

未チェック境界線の色。

Map

color: ('gray', 600)

fill-color

チェックされた境界線と点の色。

Map

color: ('secondary', 500)

fill-color-hover

ホバー時のチェックされた境界線と点の色。

Map

color: ('secondary', 500)

error-color-hover

ホバー時の無効な状態の境界線と点の色。

Map

color: ('error', 500)

次で使用

var dark-material-radio

必須

var light-radio

variable fluent-radio public

Fluent radio スキーマを生成します。

Deprecation message:

プロパティ

hover-color

ホバー時の境界線と点の色。

Map

color: ('gray', 700)

fill-hover-border-color

ホバー時のチェックされた点の境界線の色。

Map

color: ('primary', 800)

empty-color

未チェック境界線の色。

Map

color: ('gray', 900)

fill-color-hover

ホバー時のチェックされた境界線と点の色。

Map

color: ('primary', 800)

focus-outline-color

フォーカスアウトラインの色。

Map

color: ('gray', 700)

error-color-hover

ホバー時の無効な状態の境界線と点の色。

Map

color: ('error', 700)

次で使用

var dark-fluent-radio

必須

var light-radio

variable bootstrap-radio public

Bootstrap radio スキーマを生成します。

Deprecation message:

プロパティ

empty-color

未チェック境界線の色。

Map

color: ('gray', 400)

empty-fill-color

空のラジオの塗りつぶし。

Map

contrast-color: ('gray', 900)

hover-color

ホバー時の境界線の色。

Map

color: ('gray', 500)

fill-hover-border-color

ホバー時のチェックされた点の境界線の色。

Map

contrast-color: ('primary', 900)

disabled-color

無効の境界線の色。

Map

color: ('gray', 300)

disabled-fill-color

無効になっているチェック済みの境界線と点の色。

Map

color: ('primary', 200)

fill-color-hover

ホバー時のチェックされた境界線と点の色。

Map

color: ('primary', 600)

focus-outline-color

フォーカスのアウトラインの色。

Map

color: ('primary', 200, 0.5)

focus-outline-color-error

ラジオが無効な場合のフォーカスのアウトラインの色。

Map

color: ('error', 200, 0.5)

error-color-hover

無効な状態のフォーカスアウトラインの色。

Map

color: ('error', 600)

次で使用

var dark-bootstrap-radio

必須

var light-radio

variable indigo-radio public

Indigo radio スキーマを生成します。

Deprecation message:

プロパティ

empty-color

未チェック境界線の色。

Map

color: ('gray', 500)

label-color

ラベルテキストに使用されるテキストの色。

Map

color: ('gray', 800)

hover-color

ラベルテキストに使用されるホバーテキストの色。

Map

color: ('gray', 600)

focus-outline-color

フォーカスアウトラインの色。

Map

color: ('gray', 900, .15)

focus-outline-color-filled

ラジオが塗りつぶされている場合のフォーカスのアウトラインの色。

Map

color: ('primary', 400, 0.5)

fill-hover-border-color

ホバー時のチェックされた点の境界線の色。

Map

color: ('primary', 400)

fill-color-hover

ホバー時のチェックされた境界線と点の色。

Map

color: ('primary', 400)

disabled-color

無効の境界線の色。

Map

color: ('gray', 900, .15)

disabled-fill-color

無効になっているチェック済みの境界線と点の色。

Map

color: ('primary', 400, .5)

disabled-label-color

無効のラベルの色。

Map

color: ('gray', 900, .2)

error-color-hover

無効な状態のフォーカスアウトラインの色。

Map

color: ('error', 400)

focus-outline-color-error

ラジオが塗りつぶされて無効な場合のフォーカスのアウトラインの色。

Map

color: ('error', 400, 0.5)

次で使用

var dark-indigo-radio

必須

var light-radio

variable light-rating public

Base light rating スキーマを生成します。

Deprecation message:

プロパティ

label-color

ラベルの色を設定します。

Map

color: ('gray', 900)

value-label

値ラベルの色を設定します。

Map

color: ('gray', 900)

symbol-size

シンボルのサイズ。

Number

rem(36px)

symbol-empty-color

プレーンテキストの場合、シンボルのアイドル色を設定します。

Map

color: ('gray', 600)

symbol-full-color

プレーンテキストの場合、選択状態のシンボルの色を設定します。

Map

color: ('warn')

symbol-empty-filter

空のシンボルに使用されるフィルター。

Function

grayscale(100%) opacity(50%)

symbol-full-filter

塗りつぶされたシンボルに使用されるフィルター。

Function

grayscale(50%)

disabled-label-color

無効な状態のラベルの色を設定します。

Map

color: ('gray', 400)

disabled-value-label

無効な状態の値の色を設定します。

Map

color: ('gray', 400)

disabled-empty-symbol-color

プレーンテキストの場合、シンボルのアイドル色を無効状態に設定します。

Map

color: ('gray', 400)

disabled-full-symbol-color

プレーンテキストの場合、選択/無効状態のシンボルの色を設定します。

Map

color: ('gray', 600)

default-size

Rating コンポーネントに使用されるデフォルトのサイズ。

Number

次で使用

var material-rating
var fluent-rating
var bootstrap-rating
var indigo-rating

variable material-rating public

Material rating スキーマを生成します。

Deprecation message:

プロパティ

value-label

値ラベルの色を設定します。

Map

color: ('gray', 700)

次で使用

var dark-material-rating

必須

var light-rating

variable fluent-rating public

Fluent rating スキーマを生成します。

Deprecation message:

プロパティ

symbol-empty-color

プレーンテキストの場合、シンボルのアイドル色を設定します。

Map

color: ('gray', 700)

symbol-full-color

プレーンテキストの場合、選択状態のシンボルの色を設定します。

Map

[color: ('warn', 900)

disabled-empty-symbol-color

プレーンテキストの場合、シンボルのアイドル色を無効状態に設定します。

Map

color: ('warn', 100)

disabled-full-symbol-color

プレーンテキストの場合、選択/無効状態のシンボルの色を設定します。

Map

color: ('warn', 100)

次で使用

var dark-fluent-rating

必須

var light-rating

variable bootstrap-rating public

Bootstrap rating スキーマを生成します。

Deprecation message:

次で使用

var dark-bootstrap-rating

必須

var light-rating

variable indigo-rating public

Indigo rating スキーマを生成します。

Deprecation message:

プロパティ

label-color

ラベルの色を設定します。

Map

color: ('gray', 800)

value-label

値ラベルの色を設定します。

Map

color: ('gray', 800)

symbol-empty-color

プレーンテキストの場合、シンボルのアイドル色を設定します。

Map

color: ('gray', 500)

symbol-full-color

プレーンテキストの場合、選択状態のシンボルの色を設定します。

Map

color: ('warn', 300)

disabled-label-color

無効な状態のラベルの色を設定します。

Map

color: ('gray', 900, .2)

disabled-value-label

無効な状態の値の色を設定します。

Map

color: ('gray', 900, .2)

disabled-empty-symbol-color

プレーンテキストの場合、シンボルのアイドル色を無効状態に設定します。

Map

color: ('gray', 500, .4)

disabled-full-symbol-color

プレーンテキストの場合、選択/無効状態のシンボルの色を設定します。

Map

color: ('warn', 300, .4)

次で使用

var dark-indigo-rating

必須

var light-rating

variable light-ripple public

Base light ripple スキーマを生成します。

Deprecation message:

プロパティ

color

リップルの色。

Map

color: ('gray', 800, .7)

次で使用

var material-ripple
var fluent-ripple
var bootstrap-ripple
var indigo-ripple

variable material-ripple public

Material ripple スキーマを生成します。

Deprecation message:

次で使用

var dark-material-ripple

必須

var light-ripple

variable fluent-ripple public

Fluent ripple スキーマを生成します。

Deprecation message:

次で使用

var dark-fluent-ripple

必須

var light-ripple

variable bootstrap-ripple public

Bootstrap ripple スキーマを生成します。

Deprecation message:

次で使用

var dark-bootstrap-ripple

必須

var light-ripple

variable indigo-ripple public

Indigo ripple スキーマを生成します。

Deprecation message:

次で使用

var dark-indigo-ripple

必須

var light-ripple

variable light-scrollbar public

Base light scrollbar スキーマを生成します。

Deprecation message:

プロパティ

sb-size

スクロールバーのサイズ。

String | Number

rem(16px)

sb-thumb-min-height

つまみの最小の高さ。

String | Number

rem(32px)

sb-thumb-bg-color

つまみの背景色。

Map

color: ('gray', 400)

sb-thumb-bg-color-hover

つまみの :hover 背景色。

Map

color: ('gray', 400)

sb-thumb-border-color

つまみの境界線の色。

Color

transparent

sb-thumb-border-size

つまみの境界線のサイズ。

String | Number

sb-thumb-border-radius

つまみの境界線の半径。

String | Number

sb-track-bg-color

トラックの背景色。

Map

color: ('gray', 100)

sb-track-bg-color-hover

トラックの :hover 背景色。

Map

color: ('gray', 100)

sb-track-border-color

トラックの境界線の色。

Color

transparent

sb-track-border-size

トラックの境界線のサイズ。

String | Number

sb-corner-bg

角の背景色。

Map

color: ('gray', 100)

sb-corner-border-color

角の境界線の色。

Color

transparent

sb-corner-border-size

角の境界線のサイズ。

String | Number

次で使用

var material-scrollbar
var fluent-scrollbar
var bootstrap-scrollbar
var indigo-scrollbar

variable material-scrollbar public

Material scrollbar スキーマを生成します。

Deprecation message:

次で使用

var dark-material-scrollbar

必須

var light-scrollbar

variable fluent-scrollbar public

Fluent scrollbar スキーマを生成します。

Deprecation message:

プロパティ

sb-thumb-bg-color

つまみに使用される背景色。

Color

color: ('gray', 300)

sb-thumb-bg-color-hover

つまみの :hover 背景色。

Map

color: ('gray', 300)

次で使用

var dark-fluent-scrollbar

必須

var light-scrollbar

variable bootstrap-scrollbar public

Bootstrap scrollbar スキーマを生成します。

Deprecation message:

次で使用

var dark-bootstrap-scrollbar

必須

var light-scrollbar

variable indigo-scrollbar public

Indigo scrollbar スキーマを生成します。

Deprecation message:

プロパティ

sb-track-bg-color

トラックに使用される背景色。

Map

color: ('gray', 200)

sb-track-bg-color-hover

トラックの :hover 背景色。

Map

color: ('gray', 100)

次で使用

var dark-indigo-scrollbar

必須

var light-scrollbar

variable light-select public

Base light select スキーマを生成します。

Deprecation message:

プロパティ

toggle-button-background

Select トグルボタンの背景色。

Map

color: ('gray', 300)

toggle-button-background-focus

Select がフォーカスされている時の Select トグルボタンの背景色。

Map

color: ('gray', 400, .3)

toggle-button-foreground

Select トグルボタンの前景色。

Map

color: ('gray', 700)

toggle-button-foreground-focus

Select がフォーカスされている時の Select トグルボタンの前景色。

Map

color: ('gray', 700)

toggle-button-foreground-filled

Select が塗りつぶされた時の Select トグルボタンの前景色。

Map

color: ('gray', 900)

toggle-button-background-disabled

Select が無効になっている時の Select トグルボタンの背景色。

Map

color: ('gray', 100

toggle-button-foreground-disabled

Select が無効になっている時の Select トグルボタンの前景色。

Map

color: ('gray', 400)

toggle-button-background-focus--border

Material の境界線と Line のバリアントで Select がフォーカスされている場合の Select トグルボタンの背景色。

Map

color: ('gray', 300)

default-size

Select コンポーネントに使用されるデフォルトのサイズ。

Number

次で使用

var material-select
var fluent-select
var bootstrap-select
var indigo-select

variable material-select public

Material select スキーマを生成します。

Deprecation message:

プロパティ

toggle-button-foreground-disabled

Select が無効になっている時の Select トグルボタンの前景色。

Map

color: ('gray', 500)

次で使用

var dark-material-select

必須

var light-select

variable fluent-select public

Fluent select スキーマを生成します。

Deprecation message:

プロパティ

toggle-button-background

Select トグルボタンの背景色。

Map

color: ('gray', 100)

toggle-button-background-focus

Select がフォーカスされている時の Select トグルボタンの背景色。

Map

color: ('gray', 100)

toggle-button-foreground-filled

Select がフォーカスされている時の Select トグルボタンの前景色。

Map

color: ('gray', 700)

次で使用

var dark-fluent-select

必須

var light-select

variable bootstrap-select public

Bootstrap select スキーマを生成します。

Deprecation message:

プロパティ

toggle-button-foreground

Select トグルボタンの前景色。

Map

color: ('gray', 800)

toggle-button-foreground-focus

Select がフォーカスされている時の Select トグルボタンの前景色。

Map

color: ('gray', 800)

toggle-button-foreground-filled

Select がフォーカスされている時の Select トグルボタンの前景色。

Map

color: ('gray', 800)

次で使用

var dark-bootstrap-select

必須

var light-select

variable indigo-select public

Indigo select スキーマを生成します。

Deprecation message:

プロパティ

toggle-button-foreground

Select トグルボタンの前景色。

Map

color: ('gray', 600)

toggle-button-foreground-filled

Select が塗りつぶされた時の Select トグルボタンの前景色。

Map

color: ('gray', 600)

toggle-button-foreground-focus

Select がフォーカスされている時の Select トグルボタンの前景色。

Map

color: ('gray', 700)

toggle-button-background

Select トグルボタンの背景色。

Map

transparent

toggle-button-background-focus

Select がフォーカスされている時の Select トグルボタンの背景色。

Map

transparent

toggle-button-background-focus--border

Select がフォーカスされている時の Select トグルボタンの背景色。

Map

transparent

toggle-button-background-disabled

Select が無効になっている時の Select トグルボタンの背景色。

Color

transparent

toggle-button-foreground-disabled

Select が無効になっている時の Select トグルボタンの前景色。

Map

color: ('gray', 900, .2)

次で使用

var dark-indigo-select

必須

var light-select

variable light-slider public

Base light slider スキーマを生成します。

Deprecation message:

プロパティ

track-color

トラックの色。

Map

color: ('secondary', 500)

track-step-color

トラックステップの色。

Color

white

track-step-size

トラックステップのサイズ。

Number

rem(3px)

thumb-disabled-border-color

無効時のつまみの境界線の色。

Map

color: ('gray', 400)

label-background-color

バブルラベルの背景色。

Map

color: ('gray', 700)

label-text-color

バブルラベルのテキストの色。

Map

contrast-color: ('gray', 700)

tick-label-color

目盛りのラベル色。

Map

color: ('gray', 500)

tick-color

目盛りの背景色。

Map

color: ('gray', 500)

次で使用

var material-slider
var fluent-slider
var bootstrap-slider
var indigo-slider

variable material-slider public

Material slider スキーマを生成します。

Deprecation message:

プロパティ

thumb-color

つまみの色。

Map

color: ('secondary', 500)

thumb-border-color

つまみの境界線の色。

Map

color: ('secondary', 500)

thumb-border-hover-color

ホバー時のつまみの境界線の色。

Map

color: ('secondary', 500)

thumb-border-focus-color

フォーカス時のつまみの境界線の色。

Map

color: ('secondary', 500)

thumb-focus-color

つまみのフォーカスアウトラインの色。

Color

transparent

track-step-color

トラックステップの色。

Map

color: ('secondary', 200)

track-hover-color

ホバー時のトラックの色。

Map

color: ('secondary', 400)

disabled-thumb-color

無効時のつまみの境界線の色。

Map

color: ('gray', 400)

base-track-color

トラックのベース背景色。

Map

color: ('secondary', 500, .24)

base-track-hover-color

ホバー時のトラックのベース背景色。

Map

color: ('secondary', 500, .24)

disabled-base-track-color

トラックは無効に設定された場合のベース背景色。

Map

color: ('gray', 200)

disabled-fill-track-color

無効時の塗りつぶしのトラックの背景色。

Map

color: ('gray', 400)

次で使用

var dark-material-slider

必須

var light-slider

variable fluent-slider public

Fluent slider スキーマを生成します。

Deprecation message:

プロパティ

track-color

トラックの色。

Map

color: ('gray', 800)

track-hover-color

ホバー時のトラックの色。

Map

color: ('primary', 500)

thumb-color

つまみの色。

Map

color: ('surface', 500)

thumb-border-color

つまみの境界線の色。

Map

color: ('gray', 700)

thumb-border-hover-color

ホバー時のつまみの境界線の色。

Map

color: ('gray', 700)

thumb-border-focus-color

フォーカス時のつまみの境界線の色。

Map

color: ('gray', 700)

thumb-focus-color

つまみのフォーカスアウトラインの色。

Map

color: ('primary', 700)

disabled-thumb-color

無効時のつまみの境界線の色。

Map

color: ('surface', 500)

label-background-color

バブルラベルの背景色。

Map

color: ('primary', 500)

base-track-color

トラックのベース背景色。

Map

color: ('gray', 600)

base-track-hover-color

ホバー時のトラックのベース背景色。

Map

color: ('gray', 600)

disabled-base-track-color

トラックは無効に設定された場合のベース背景色。

Map

color: ('gray', 100)

disabled-fill-track-color

無効時の塗りつぶしのトラックの背景色。

Map

color: ('gray', 500)

次で使用

var dark-fluent-slider

必須

var light-slider

variable bootstrap-slider public

Bootstrap slider スキーマを生成します。

Deprecation message:

プロパティ

base-track-color

トラックのベース背景色。

Map

color: ('secondary', 500, .24)

base-track-hover-color

ホバー時のトラックのベース背景色。

Map

color: ('secondary', 500, .24)

thumb-color

つまみの色。

Map

color: ('primary', 500)

thumb-border-color

つまみの境界線の色。

Map

color: ('primary', 500)

thumb-border-hover-color

ホバー時のつまみの境界線の色。

Map

color: ('primary', 500)

thumb-border-focus-color

フォーカス時のつまみの境界線の色。

Map

color: ('surface', 500)

thumb-focus-color

つまみのフォーカスアウトラインの色。

Map

color: ('primary', 200)

disabled-thumb-color

無効時のつまみの境界線の色。

Map

color: ('gray', 400)

次で使用

var dark-bootstrap-slider

必須

var light-slider

variable indigo-slider public

Indigo slider スキーマを生成します。

Deprecation message:

プロパティ

track-step-color

トラックステップの色。

Map

color: ('gray', 900, 0.4)

track-step-size

トラックステップのサイズ。

Number

rem(2px)

base-track-color

トラックのベース背景色。

Map

color: ('gray', 400)

base-track-hover-color

ホバー時のトラックのベース背景色。

Map

color: ('gray', 500)

track-color

トラックの色。

Map

color: ('primary', 500)

track-hover-color

ホバー時のトラックの色。

Map

color: ('primary', 400)

thumb-color

つまみの色。

Map

color: ('gray', 50)

thumb-border-color

つまみの境界線の色。

Map

color: ('primary', 500)

thumb-border-hover-color

ホバー時のつまみの境界線の色。

Map

color: ('primary', 400)

thumb-border-focus-color

フォーカス時のつまみの境界線の色。

Map

color: ('primary', 500)

thumb-focus-color

つまみのフォーカスアウトラインの色。

Map

color: ('primary', 400, 0.5)

tick-color

目盛りの背景色。

Map

color: ('gray', 300)

tick-label-color

目盛りのラベル色。

Map

color: ('gray', 600)

label-background-color

バブルラベルの背景色。

Map

color: ('gray', 600)

label-text-color

バブルラベルのテキストの色。

Map

contrast-color: ('gray', 600)

disabled-thumb-color

無効時のつまみの色。

Map

color: ('gray', 50)

thumb-disabled-border-color

無効時のつまみの境界線の色。

Map

color: ('primary', 50)

disabled-base-track-color

トラックは無効に設定された場合のベース背景色。

Map

color: ('gray', 900, 0.15)

disabled-fill-track-color

無効時の塗りつぶしのトラックの背景色。

Map

color: ('primary', 50)

次で使用

var dark-indigo-slider

必須

var light-slider

variable light-snackbar public

Base light snackbar スキーマを生成します。

Deprecation message:

プロパティ

background

スナックバーに使用する背景色。

Map

color: ('gray', 900, .9)

text-color

スナックバーに使用するテキストの色。

Map

contrast-color: ('gray', 900)

button-color

Snackbar に使用するボタンの色。

Map

color: ('secondary', 500)

elevation

スナックバーに使用される 0 から 24 までのエレベーションレベル。

Number

border-radius

スナックバーに使用される境界半径。

List

(rem(4px), rem(0), rem(24px))

次で使用

var material-snackbar
var fluent-snackbar
var bootstrap-snackbar
var indigo-snackbar

必須

var default-elevation-snackbar

variable material-snackbar public

Material snackbar スキーマを生成します。

Deprecation message:

次で使用

var dark-material-snackbar

必須

var light-snackbar

variable fluent-snackbar public

Fluent snackbar スキーマを生成します。

Deprecation message:

プロパティ

border-radius

スナックバーに使用される境界半径。

List

(rem(2px), rem(0), rem(24px))

次で使用

var dark-fluent-snackbar

必須

var light-snackbar

variable bootstrap-snackbar public

Bootstrap snackbar スキーマを生成します。

Deprecation message:

プロパティ

background

スナックバーに使用する背景色。

Map

color: ('surface')

text-color

スナックバーに使用するテキストの色。

Map

contrast-color: ('surface')

button-color

Snackbar に使用するボタンの色。

Map

color: ('primary', 500)

elevation

スナックバーに使用される 0 から 24 までのエレベーションレベル。

Number

次で使用

var dark-bootstrap-snackbar

必須

var light-snackbar
var bootstrap-elevation-snackbar

variable indigo-snackbar public

Indigo snackbar スキーマを生成します。

Deprecation message:

プロパティ

background

スナックバーに使用する背景色。

Map

color: ('gray', 200)

text-color

スナックバーに使用するテキストの色。

Map

color: ('gray', 700)

button-color

Snackbar に使用するボタンの色。

Map

color: ('gray', 700)

border-radius

スナックバーに使用される境界半径。

List

(rem(6px), rem(0), rem(24px))

次で使用

var dark-indigo-snackbar

必須

var light-snackbar
var indigo-elevation-snackbar

variable light-splitter public

Base light splitter スキーマを生成します。

Deprecation message:

プロパティ

bar-color

バーの背景色。

Map

color: ('gray', 200)

handle-color

バーのドラッグハンドルの色。

Map

color: ('gray', 400)

expander-color

矢印エクスパンダーの色。

Map

color: ('gray', 400)

border-radius

スプリッターに使用される境界半径。

List

(rem(2px), rem(0), rem(2px))

focus-color

フォーカスされたスプリッターバーに使用される色。

Map

color: ('secondary', 500)

size

スプリッターのサイズ。垂直方向のスプリッターの場合、幅を返します。水平方向のスプリッターの場合、高さを返します。

Number

4px

次で使用

var dark-material-splitter
var material-splitter
var fluent-splitter
var bootstrap-splitter
var indigo-splitter

variable material-splitter public

Material splitter スキーマを生成します。

Deprecation message:

必須

var light-splitter

variable fluent-splitter public

Fluent splitter スキーマを生成します。

Deprecation message:

次で使用

var dark-fluent-splitter

必須

var light-splitter

variable bootstrap-splitter public

Bootstrap splitter スキーマを生成します。

Deprecation message:

次で使用

var dark-bootstrap-splitter

必須

var light-splitter

variable indigo-splitter public

Indigo splitter スキーマを生成します。

Deprecation message:

プロパティ

bar-color

バーの背景色。

Map

color: ('gray', 400)

focus-color

フォーカスされたスプリッターバーに使用される色。

Map

color: ('gray', 500)

handle-color

バーのドラッグハンドルの色。

Map

color: ('gray', 700)

expander-color

矢印エクスパンダーの色。

Map

color: ('gray', 700)

次で使用

var dark-indigo-splitter

必須

var light-splitter

variable light-stepper public

Base light stepper スキーマを生成します。

Deprecation message:

プロパティ

step-background

ステップヘッダーの背景。

Color

transparent

step-hover-background

ホバー時のステップヘッダーの背景。

Map

color: ('gray', 200)

step-focus-background

フォーカスされているステップヘッダーの背景。

Map

color: ('gray', 100)

title-color

ステップタイトルのテキストの色。

Map

color: ('gray', 900)

title-hover-color

ホバー時のステップタイトルのテキストの色。

Map

color: ('gray', 900)

title-focus-color

フォーカスされているステップタイトルのテキストの色。

Map

color: ('gray', 900)

subtitle-color

ステップサブタイトルのテキストの色。

Map

color: ('gray', 700)

subtitle-hover-color

ホバー時のステップサブタイトルのテキストの色。

Map

color: ('gray', 700)

subtitle-focus-color

フォーカスされているステップサブタイトルのテキストの色。

Map

color: ('gray', 700)

indicator-color

完了していないステップインジケーターのテキストの色。

Map

color: ('primary', 500)

indicator-background

完了していないステップインジケーターの背景色。

Color

transparent

indicator-outline

不完全なステップインジケーターのアウトライン色。

Map

color: ('gray', 400)

invalid-step-background

無効なステップヘッダーの背景。

Color

transparent

invalid-step-hover-background

ホバー時の無効なステップヘッダーの背景。

Map

color: ('gray', 200)

invalid-step-focus-background

フォーカスされている無効なステップヘッダーの背景。

Map

color: ('gray', 100)

invalid-title-color

無効なステップタイトルの色。

Map

color: ('error')

invalid-title-hover-color

ホバー時の無効なステップタイトルの色。

Map

color: ('error')

invalid-title-focus-color

フォーカスされている無効なステップタイトルの色。

Map

color: ('error')

invalid-subtitle-color

無効なステップサブタイトルのテキスト。

Map

color: ('error')

invalid-subtitle-hover-color

ホバー時の無効なステップサブタイトルの色。

Map

color: ('error')

invalid-subtitle-focus-color

フォーカスされている無効なステップサブタイトルの色。

Map

color: ('error')

invalid-indicator-color

無効なステップインジケーターの色。

Map

contrast-color: ('gray', 900)

invalid-indicator-background

無効なステップインジケーターの背景色。

Map

color: ('error')

invalid-indicator-outline

無効なステップインジケーターのアウトライン色。

Map

color: ('error')

current-step-background

現在のステップヘッダーの背景。

Color

transparent

current-step-hover-background

ホバー時の現在のステップヘッダーの背景。

Map

color: ('gray', 200)

current-step-focus-background

フォーカスされている現在のステップヘッダーの背景。

Map

color: ('gray', 100)

current-title-color

現在のステップタイトルの色。

Map

color: ('gray', 900)

current-title-hover-color

ホバー時の現在のステップタイトルの色。

Map

color: ('gray', 900)

current-title-focus-color

フォーカスされている現在のステップタイトルの色。

Map

color: ('gray', 900)

current-subtitle-color

現在のステップサブタイトルの色。

Map

color: ('gray', 700)

current-subtitle-hover-color

ホバー時の現在のステップサブタイトルの色。

Map

color: ('gray', 700)

current-subtitle-focus-color

現在フォーカスされているステップサブタイトルの色。

Map

color: ('gray', 700)

current-indicator-color

現在のステップインジケーターの色。

Map

contrast-color: ('gray', 900)

current-indicator-background

現在のステップインジケーターの背景色。

Map

color: ('primary', 500)

current-indicator-outline

現在のステップインジケーターのアウトライン色。

Map

color: ('primary', 500)

complete-step-background

完全なステップヘッダーの背景。

Color

transparent

complete-step-hover-background

ホバー時の完全なステップヘッダーの背景。

Map

color: ('gray', 200)

complete-step-focus-background

フォーカスされている完全なステップヘッダーの背景。

Map

color: ('gray', 100)

complete-title-color

完全なステップタイトルの色。

Map

color: ('gray', 900)

complete-title-hover-color

ホバー時の完全なステップタイトルの色。

Map

color: ('gray', 900)

complete-title-focus-color

フォーカスされている完全なステップタイトルの色。

Map

color: ('gray', 900)

complete-subtitle-color

完全なステップサブタイトルの色。

Map

color: ('gray', 700)

complete-subtitle-hover-color

ホバー時の完全なステップサブタイトルの色。

Map

color: ('gray', 700)

complete-subtitle-focus-color

フォーカスされているステップサブタイトルの色。

Map

color: ('gray', 700)

disabled-title-color

無効なステップタイトルの色。

Map

color: ('gray', 500)

disabled-subtitle-color

無効なステップサブタイトルの色。

Map

color: ('gray', 500)

disabled-indicator-color

無効なステップインジケーター、タイトル、およびサブタイトルの色。

Map

color: ('gray', 500)

disabled-indicator-background

無効なステップインジケーターの背景色。

Color

transparent

disabled-indicator-outline

無効なステップインジケーターのアウトライン色。

Map

color: ('gray', 200)

step-separator-color

ステップ間のセパレーターの境界線の色。

Map

color: ('gray', 300)

complete-step-separator-color

完了したステップ間のセパレーターの境界線の色。

Map

color: ('primary', 500)

step-separator-style

ステップ間のセパレーターの境界線スタイル。

String

'dashed'

complete-step-separator-style

完了したステップ間のセパレーターの境界線スタイル。

String

'solid'

border-radius-indicator

インジケーターの境界線の半径。

List

(rem(100px), rem(0), rem(100px))

border-radius-step-header

ヘッダーの境界線の半径。

List

(rem(0), rem(0), rem(100px))

content-foreground

ステップコンテンツの前景。

Map

color: ('gray', 900)

次で使用

var material-stepper
var fluent-stepper
var bootstrap-stepper
var indigo-stepper

variable material-stepper public

Material stepper スキーマを生成します。

Deprecation message:

プロパティ

indicator-background

完了していないステップインジケーターの背景色。

Map

color: ('gray', 400)

indicator-color

完了していないステップインジケーターのテキストの色。

Map

color: (contrast-color: ('gray', 400)

complete-indicator-background

完了したステップインジケーターの背景色。

Map

color: ('gray', 900)

complete-indicator-outline

完了したステップインジケーターのアウトライン色。

Map

color: ('gray', 900)

complete-indicator-color

完了したステップインジケーターの色。

Map

contrast-color: ('gray', 900)

complete-step-separator-color

完了したステップ間のセパレーターの境界線の色。

Map

color: ('gray', 900)

disabled-indicator-background

無効なステップインジケーターの背景色。

Map

color: ('gray', 200)

次で使用

var dark-material-stepper

必須

var light-stepper

variable fluent-stepper public

Fluent stepper スキーマを生成します。

Deprecation message:

プロパティ

indicator-outline

不完全なステップインジケーターのアウトライン色。

Color

transparent

indicator-color

完了していないステップインジケーターのテキストの色。

Map

color: ('gray', 900)

complete-indicator-background

完了したステップインジケーターの背景色。

Map

color: ('gray', 300)

complete-indicator-outline

完了したステップインジケーターのアウトライン色。

Color

transparent

complete-indicator-color

完了したステップインジケーターのテキストの色。

Map

contrast-color: ('gray', 200)

disabled-indicator-outline

無効なステップインジケーターのアウトライン色。

Color

transparent

border-radius-indicator

インジケーターの境界線の半径。

List

(rem(2px), rem(0), rem(100px))

border-radius-step-header

ヘッダーの境界線の半径。

List

(rem(2px), rem(0), rem(100px))

次で使用

var dark-fluent-stepper

必須

var light-stepper

variable bootstrap-stepper public

Bootstrap stepper スキーマを生成します。

Deprecation message:

プロパティ

indicator-outline

不完全なステップインジケーターのアウトライン色。

Map

color: ('gray', 300)

disabled-indicator-outline

無効なステップインジケーターのアウトライン色。

Map

color: ('gray', 300)

complete-indicator-background

完了したステップインジケーターの背景色。

Map

color: ('gray', 300)

complete-indicator-outline

完了したステップインジケーターのアウトライン色。

Map

color: ('gray', 300)

complete-indicator-color

完了したステップインジケーターのテキストの色。

Map

color: ('gray', 300)

step-separator-style

ステップ間のセパレーターの境界線スタイル。

String

'solid'

step-hover-background

ホバー時のステップヘッダーの背景。

Map

color: ('gray', 300, .5)

invalid-step-hover-background

ホバー時の無効なステップヘッダーの背景。

Map

color: ('gray', 300, .5)

current-step-hover-background

ホバー時の現在のステップヘッダーの背景。

Map

color: ('gray', 300, .5)

complete-step-hover-background

ホバー時の完全なステップヘッダーの背景。

Map

color: ('gray', 300, .5)

step-focus-background

ホバー時のステップヘッダーの背景。

Map

color: ('gray', 300, .5)

invalid-step-focus-background

ホバー時の無効なステップヘッダーの背景。

Map

color: ('gray', 300, .5)

current-step-focus-background

ホバー時の現在のステップヘッダーの背景。

Map

color: ('gray', 300, .5)

complete-step-focus-background

ホバー時の完全なステップヘッダーの背景。

Map

color: ('gray', 300, .5)

border-radius-indicator

インジケーターの境界線の半径。

List

(rem(2px), rem(0), rem(100px))

border-radius-step-header

ヘッダーの境界線の半径。

List

(rem(2px), rem(0), rem(100px))

次で使用

var dark-bootstrap-stepper

必須

var light-stepper

variable indigo-stepper public

Indigo Stepper スキーマを生成します。

Deprecation message:

プロパティ

complete-indicator-background

完了したステップインジケーターの背景色。

Map

color: ('gray', 600)

complete-indicator-outline

完了したステップインジケーターのアウトライン色。

Color

transparent

complete-indicator-color

完了したステップインジケーターの色。

Map

contrast-color: ('gray', 900)

step-separator-color

ステップ間のセパレーターの境界線の色。

Map

color: ('gray', 900, .3)

complete-step-separator-color

完了したステップ間のセパレーターの境界線の色。

Map

color: ('gray', 900, .3)

indicator-background

完了していないステップインジケーターの背景色。

Map

color: ('gray', 900, .15)

indicator-outline

不完全なステップインジケーターのアウトライン色。

Color

transparent

indicator-color

完了していないステップインジケーターのテキストの色。

Map

color: ('gray', 800)

step-hover-background

ホバー時のステップヘッダーの背景。

Map

color: ('gray', 900, .05)

step-focus-background

フォーカスされているステップヘッダーの背景。

Map

color: ('gray', 900,. 05)

current-step-hover-background

ホバー時の現在のステップヘッダーの背景。

Map

color: ('gray', 900, .05)

current-step-focus-background

フォーカスされている現在のステップヘッダーの背景。

Map

color: ('gray', 900, .05)

complete-step-hover-background

ホバー時の完全なステップヘッダーの背景。

Map

color: ('gray', 900, .05)

complete-step-focus-background

フォーカスされている完全なステップヘッダーの背景。

Map

color: ('gray', 900, .05)

invalid-step-hover-background

ホバー時の無効なステップヘッダーの背景。

Map

color: ('gray', 900, .05)

invalid-step-focus-background

フォーカスされている無効なステップヘッダーの背景。

Map

color: ('gray', 900, .05)

disabled-title-color

無効なステップタイトルの色。

Map

color: ('gray', 900, .2)

disabled-subtitle-color

無効なステップサブタイトルの色。

Map

color: ('gray', 900, .2)

disabled-indicator-color

無効なステップインジケーター、タイトル、およびサブタイトルの色。

Map

color: ('gray', 900, .2)

disabled-indicator-background

無効なステップインジケーターの背景色。

Map

color: ('gray', 900, .05)

disabled-indicator-outline

無効なステップインジケーターのアウトライン色。

Color

transparent

border-radius-step-header

ヘッダーの境界線の半径。

()

rem(4px)

current-indicator-outline

現在のステップインジケーターのアウトライン色。

Color

transparent

content-foreground

ステップコンテンツの前景。

Map

color: ('gray', 700)

invalid-indicator-outline

無効なステップインジケーターのアウトライン色。

Color

transparent

invalid-title-color

無効なステップタイトルの色。

Map

color: ('gray', 900)

invalid-title-hover-color

ホバー時の無効なステップタイトルの色。

Map

color: ('gray', 900)

invalid-title-focus-color

フォーカスされている無効なステップタイトルの色。

Map

color: ('gray', 900)

invalid-subtitle-color

無効なステップサブタイトルのテキスト。

Map

color: ('gray', 700)

invalid-subtitle-hover-color

ホバー時の無効なステップサブタイトルの色。

Map

color: ('gray', 700)

invalid-subtitle-focus-color

フォーカスされている無効なステップサブタイトルの色。

Map

color: ('gray', 700)

次で使用

var dark-indigo-stepper

必須

var light-stepper

variable light-switch public

Base light switch スキーマを生成します。

Deprecation message:

プロパティ

thumb-on-color

スイッチがオンのときのつまみの色。

Map

color: ('gray', 50)

track-on-color

スイッチがオンの場合のトラックの色。

Map

color: ('primary', 500)

track-off-color

スイッチがオフの場合のトラックの色。

Color

transparent

thumb-on-disabled-color

スイッチがオンおよび無効の場合のつまみの色。

Map

color: ('secondary', 100)

track-disabled-color

スイッチが無効の場合のトラックの色。

Color

transparent

label-color

スイッチラベルの色。

Map

color: ('gray', 900)

label-hover-color

ホバー時のスイッチラベルの色。

Map

color: ('gray', 900)

label-disabled-color

スイッチが無効にされた場合のトラックの色。

Map

color: ('gray', 500)

border-on-color

オンスイッチの境界線の色。

Map

color: ('primary', 500)

label-invalid-color

無効状態のスイッチラベルの色。

Map

color: ('gray', 900)

track-on-disabled-color

スイッチがオンおよび無効の場合のトラックの色。

Map

color: ('secondary', 50)

track-error-color

スイッチがオフの時の無効状態のトラックの色。

Map

color: ('gray', 500)

thumb-on-error-color

スイッチがオンおよび無効 (invalid) の場合のつまみの色。

Map

color: ('gray', 50)

border-radius-thumb

スイッチサムに使用される境界半径。

List

(rem(10px), rem(0), rem(10px))

border-radius-ripple

スイッチリップルに使用される境界半径。

List

(rem(24px), rem(0), rem(24px))

次で使用

var material-switch
var fluent-switch
var indigo-switch

variable material-switch public

Material switch スキーマを生成します。

Deprecation message:

プロパティ

focus-outline-color

フォーカスアウトラインの色。

Color

transparent

border-color

スイッチの境界線の色。

Color

transparent

border-hover-color

ホバー時のスイッチの境界線の色。

Color

transparent

focus-fill-color

フォーカス塗りつぶし色。

Color

transparent

focus-fill-hover-color

ホバー時のフォーカス塗りつぶし色。

Color

transparent

border-on-color

オンスイッチの境界線の色。

Color

transparent

border-on-hover-color

スイッチがオンの時のホバー境界線の色。

Color

transparent

border-disabled-color

無効なスイッチの境界線の色。

Color

transparent

thumb-on-color

スイッチがオンのときのつまみの色。

Map

color: ('secondary', 500)

thumb-off-color

スイッチがオフの場合のつまみの色。

Map

color: ('gray', 50)

thumb-disabled-color

スイッチが無効の場合のつまみの色。

Map

color: ('gray', 200)

thumb-on-error-color

スイッチがオンおよび無効 (invalid) の場合のつまみの色。

Map

color: ('secondary', 500)

track-off-color

スイッチがオフの場合のトラックの色。

Map

color: ('gray', 500)

track-on-color

スイッチがオンの場合のトラックの色。

Map

color: ('secondary', 200)

track-on-hover-color

スイッチがオンおよびホバーした場合のトラックの色。

Map

color: ('secondary', 200)

track-disabled-color

スイッチが無効の場合のトラックの色。

Map

color: ('gray', 300)

error-color

無効な状態のつまみの色。

Map

color: ('gray', 50)

error-color-hover

ホバー時の無効な状態の境界線の色。

Map

color: ('gray', 500)

border-radius-track

スイッチのトラックに使用される境界半径。

List

(rem(7px), rem(0), rem(7px))

resting-elevation

静止状態に使用する 0 から 24 までのエレベーションレベル。

Number

hover-elevation

ホバー状態に使用される 0 から 24 までのエレベーションレベル。

Number

disabled-elevation

無効状態に使用される 0 から 24 までのエレベーションレベル。

Number

次で使用

var dark-material-switch

必須

var light-switch
var default-elevation-switch

variable fluent-switch public

Fluent switch スキーマを生成します。

Deprecation message:

プロパティ

border-color

スイッチの境界線の色。

Map

color: ('gray', 700)

border-hover-color

ホバー時のスイッチの境界線の色。

Map

color: ('gray', 900)

focus-fill-color

フォーカス塗りつぶし色。

Map

color: ('gray', 700)

focus-fill-hover-color

ホバー時のフォーカス塗りつぶし色。

Map

color: ('gray', 900)

border-disabled-color

無効なスイッチの境界線の色。

Map

color: ('gray', 400)

border-on-hover-color

オンスイッチの境界線の色。

Map

color: ('primary', 800)

thumb-off-color

スイッチがオフの場合のつまみの色。

Map

color: ('gray', 700)

track-disabled-color

スイッチが無効の場合のトラックの色。

Map

contrast-color: ('primary', 800)

track-on-hover-color

スイッチがオンおよびホバーした場合のトラックの色。

Map

color: ('primary', 800)

track-on-disabled-color

スイッチがオンおよび無効の場合のトラックの色。

Map

color: ('gray', 400)

track-off-color

スイッチがオフの場合のトラックの色。

Map

contrast-color: ('gray', 900)

thumb-disabled-color

スイッチが無効の場合のつまみの色。

Map

color: ('gray', 400)

thumb-on-disabled-color

スイッチがオンおよび無効の場合のつまみの色。

Map

color: ('gray', 100)

focus-outline-color

フォーカスアウトラインの色。

Map

color: ('gray', 700)

error-color

無効な状態の境界線とつまみの色。

Map

color: ('gray', 700)

error-color-hover

ホバー時の無効な状態の境界線とつまみの色。

Map

color: ('gray', 800)

border-radius-track

スイッチのトラックに使用される境界半径。

List

(rem(10px), rem(0), rem(10px))

次で使用

var dark-fluent-switch
var bootstrap-switch

必須

var light-switch

variable bootstrap-switch public

Bootstrap switch スキーマを生成します。

Deprecation message:

プロパティ

track-on-hover-color

スイッチがオンおよびホバーした場合のトラックの色。

Map

color: ('primary', 600)

focus-outline-color

フォーカスアウトラインの色。

Map

color: ('primary', 200, 0.5)

focus-fill-color

フォーカス塗りつぶし色。

Map

color: ('primary', 200)

focus-fill-hover-color

ホバー時のフォーカス塗りつぶし色。

Map

color: ('primary', 300)

border-color

スイッチの境界線の色。

Map

color: ('gray', 400)

border-hover-color

ホバー時のスイッチの境界線の色。

Map

color: ('gray', 500)

border-on-hover-color

オンスイッチの境界線の色。

Map

color: ('primary', 600)

border-disabled-color

無効にされたスイッチの境界線の色。

Map

color: ('gray', 300)

thumb-on-color

スイッチがオンの場合のつまみの色。

Map

contrast-color: ('primary', 800)

thumb-off-color

スイッチがオフの場合のつまみの色。

Map

color: ('gray', 400)

thumb-disabled-color

スイッチが無効の場合のつまみの色。

Map

color: ('gray', 300)

track-on-disabled-color

スイッチがオンおよび無効の場合のトラックの色。

Map

color: ('primary', 200)

thumb-on-disabled-color

スイッチがオンおよび無効の場合のつまみの色。

Map

contrast-color: ('primary', 800)

error-color

無効な状態の境界線とつまみの色。

Map

color: ('gray', 400)

error-color-hover

ホバー時の無効な状態の境界線とつまみの色。

Map

color: ('primary', 200)

border-radius-track

スイッチのトラックに使用される境界半径。

List

(rem(32px), rem(0), rem(32px))

border-radius-thumb

スイッチサムに使用される境界半径。

List

(rem(32px), rem(0), rem(32px))

次で使用

var dark-bootstrap-switch

必須

var fluent-switch

variable indigo-switch public

Indigo switch スキーマを生成します。

Deprecation message:

プロパティ

label-color

スイッチラベルの色。

Map

color: ('gray', 800)

label-invalid-color

無効状態のスイッチラベルの色。

Map

color: ('gray', 800)

label-disabled-color

スイッチが無効にされた場合のトラックの色。

Map

color: ('gray', 900, .2)

thumb-on-color

スイッチがオンの場合のつまみの色。

Map

contrast-color: ('gray', 900)

track-on-hover-color

スイッチがオンおよびホバーした場合のトラックの色。

Map

color: ('primary', 400)

thumb-off-color

スイッチがオフの場合のつまみの色。

Map

color: ('gray', 500)

thumb-disabled-color

スイッチが無効の場合のつまみの色。

Map

color: ('gray', 900, .15)

thumb-on-disabled-color

スイッチがオンおよび無効の場合のつまみの色。

Map

contrast-color: ('gray', 900, .4)

track-on-disabled-color

スイッチがオンおよび無効の場合のトラックの色。

Map

color: ('primary', 400, .5)

border-color

スイッチの境界線の色。

Map

color: ('gray', 500)

border-hover-color

ホバー時のスイッチの境界線の色。

Map

color: ('gray', 600)

border-disabled-color

無効なスイッチの境界線の色。

Map

color: ('gray', 900, .15)

border-on-hover-color

スイッチがオンの時のホバー境界線の色。

Map

color: ('primary', 400)

error-color

無効な状態の境界線とつまみの色。

Map

color: ('gray', 500)

error-color-hover

ホバー時の無効な状態の境界線とつまみの色。

Map

color: ('gray', 300)

track-error-color

スイッチがオフの時の無効状態のトラックの色。

Color

transparent

border-radius-track

スイッチのトラックに使用される境界半径。

List

(rem(8px), rem(0), rem(8px))

focus-outline-color

フォーカスアウトラインの色。

Map

color: ('gray', 900, .15)

focus-outline-color-focused

フォーカスされた状態のフォーカスアウトラインの色。

Map

color: ('primary', 400, .5)

次で使用

var dark-indigo-switch

必須

var light-switch

variable light-tabs public

Base light tabs スキーマを生成します。

Deprecation message:

プロパティ

item-text-color

タブテキストの色に使用する色。

Map

color: ('gray', 700)

item-background

タブヘッダーに使用する背景色。

Map

color: ('surface')

item-hover-background

ホバーされるタブに使用する背景。

Map

color: ('gray', 200)

item-hover-color

ホバーされるタブに使用するテキストの色。

Map

color: ('gray', 900)

item-icon-color

タブアイコンに使用する色。

Map

color: ('gray', 700)

item-active-icon-color

アクティブなタブアイコンに使用する色。

Map

color: ('primary', 500)

item-hover-icon-color

ホバー時のタブアイコンに使用する色。

Map

color: ('gray', 700)

item-disabled-icon-color

無効なタブアイコンに使用する色。

Map

color: ('gray', 500)

item-active-color

アクティブタブテキストに使用する色。

Map

color: ('primary', 500)

item-active-background

アクティブ/フォーカスされたタブ背景に使用する色。

Map

color: ('gray', 200)

item-disabled-color

無効なタブテキストに使用する色。

Map

color: ('gray', 500)

indicator-color

アクティブタブインジケーターに使用する色。

Map

color: ('primary', 500)

button-color

ボタンアイコン/テキストの色に使用する色。

Map

color: ('gray', 700)

button-hover-color

ボタンアイコン/テキストはホバーされるときの色に使用する色。

Map

color: ('gray', 900)

button-disabled-color

無効なボタンアイコン/テキストに使用する色。

Map

color: ('gray', 500)

button-background

ボタンの背景に使用する色。

Map

color: ('surface')

button-hover-background

ホバー時のボタン背景に使用される色。

Map

color: ('gray', 100)

border-color

タブ項目の下境界線に使用される色。

Color

transparent

border-color--hover

ホバー時のタブ項目の下境界線に使用される色。

Color

transparent

tab-ripple-color

ボタンの背景に使用する色。

Map

color: ('gray', 100)

button-ripple-color

ホバー時のボタン背景に使用される色。

Map

color: ('gray', 100)

border-radius

タブに使用される境界半径。

List

(rem(0), rem(0), rem(6px))

次で使用

var material-tabs
var fluent-tabs
var bootstrap-tabs
var indigo-tabs

variable material-tabs public

Material tabs スキーマを生成します。

Deprecation message:

プロパティ

item-hover-color

ホバーされるタブに使用するテキストの色。

Map

color: ('gray', 700)

次で使用

var dark-material-tabs

必須

var light-tabs

variable fluent-tabs public

Fluent tabs スキーマを生成します。

Deprecation message:

プロパティ

item-text-color

タブテキストの色に使用する色。

Map

color: ('gray', 800)

button-color

ボタンアイコン/テキストの色に使用する色。

Map

color: ('gray', 500)

button-hover-color

ボタンアイコン/テキストはホバーされるときの色に使用する色。

Map

color: ('gray', 600)

button-disabled-color

無効なボタンアイコン/テキストに使用する色。

Map

color: ('gray', 400)

item-active-color

アクティブタブテキストに使用する色。

Map

color: ('gray', 800)

item-active-icon-color

アクティブタブアイコンに使用する色。

Map

color: ('gray', 800)

item-hover-icon-color

ホバー時のタブアイコンに使用する色。

Map

color: ('gray', 900)

item-icon-color

タブアイコンに使用する色。

Map

color: ('gray', 800)

次で使用

var dark-fluent-tabs

必須

var light-tabs

variable bootstrap-tabs public

Bootstrap tabs スキーマを生成します。

Deprecation message:

プロパティ

item-text-color

タブテキストの色に使用する色。

map

color: ('primary', 500)

item-icon-color

タブアイコンに使用する色。

map

color: ('primary', 500)

item-hover-color

ホバーされるタブに使用するテキストの色。

map

color: ('primary', 700)

item-hover-icon-color

ホバー時のタブアイコンに使用する色。

Map

color: ('primary', 700)

item-active-color

アクティブタブテキストに使用する色。

map

color: ('gray', 800)

item-active-icon-color

アクティブタブアイコンに使用する色。

map

color: ('gray', 800)

item-disabled-color

無効なタブテキストに使用する色。

Map

color: ('primary', 500, .5)

item-disabled-icon-color

無効なタブアイコンに使用する色。

Map

color: ('primary', 500, .5)

button-color

ボタンアイコン/テキストの色に使用する色。

Map

color: ('primary', 500)

button-hover-color

ボタンアイコン/テキストはホバーされるときの色に使用する色。

Map

color: ('primary', 500)

button-disabled-color

無効なボタンアイコン/テキストに使用する色。

Map

color: ('primary', 500, .5)

item-hover-background

ホバーされるタブに使用する背景。

map

color: ('surface')

item-active-background

アクティブ/フォーカスされたタブ背景に使用する色。

map

color: ('surface')

border-color

タブの下境界線に使用する色。

map

color: ('gray', 300)

border-color--hover

ホバー時のタブ項目の境界線に使用する色。

map

color: ('gray', 200)

border-radius

タブに使用される境界半径。

List

(rem(4px), rem(0), rem(6px))

次で使用

var dark-bootstrap-tabs

必須

var light-tabs

variable indigo-tabs public

Indigo tabs スキーマを生成します。

Deprecation message:

プロパティ

item-background

タブヘッダーに使用する背景色。

Color

transparent

item-hover-background

ホバーされるタブに使用する背景。

Map

color: ('gray', 900, .05)

item-active-background

アクティブ/フォーカスされたタブ背景に使用する色。

Color

transparent

item-text-color

タブテキストの色に使用する色。

Map

color: ('gray', 800)

item-active-color

アクティブタブテキストに使用する色。

Map

color: ('gray', 900)

item-disabled-color

無効なタブテキストに使用する色。

Map

color: ('gray', 900, .2)

item-icon-color

タブアイコンに使用する色。

Map

color: ('gray', 600)

item-active-icon-color

アクティブなタブアイコンに使用する色。

Map

color: ('gray', 700)

item-disabled-icon-color

無効なタブアイコンに使用する色。

Map

color: ('gray', 900, .2)

indicator-color

タブの境界線に使用する色。

Map

color: ('primary', 400)

border-color

タブ項目の下境界線に使用される色。

Map

color: ('gray', 900, .15)

button-background

ボタンの背景に使用する色。

Color

transparent

button-hover-background

ホバー時のボタン背景に使用される色。

Map

color: ('gray', 900, .05)

button-color

ボタンアイコン/テキストの色に使用する色。

Map

color: ('gray', 600)

button-hover-color

ボタンアイコン/テキストはホバーされるときの色に使用する色。

Map

color: ('gray', 700)

button-disabled-color

無効なボタンアイコン/テキストに使用する色。

Map

color: ('gray', 900, .2)

次で使用

var dark-indigo-tabs

必須

var light-tabs

variable light-time-picker public

Base light time-picker スキーマを生成します。

Deprecation message:

プロパティ

text-color

オープンタイムピッカーのテキストの色。

Map

color: ('gray', 900)

hover-text-color

オープンタイムピッカーのホバーテキストの色。

Map

color: ('primary', 500)

selected-text-color

タイムピッカーの選択された項目のテキストの色。

Map

color: ('primary', 500)

active-item-foreground

タイムピッカー内のフォーカスされた列の前景色。

Map

contrast-color: ('primary', 500)

active-item-background

タイムピッカー内のフォーカスされた列のための背景色。

Map

color: ('primary', 500)

disabled-text-color

無効な値のテキストの色。

Map

color: ('gray', 400)

disabled-item-background

無効な値の背景色。

Color

transparent

background-color

タイムピッカーパネルの背景色。

Map

color: 'surface'

divider-color

タイムピッカーの区切り線の色。

Map

color: ('gray', 200)

border-color

タイムピッカーの境界線の色。

Color

transparent

dropdown-elevation

ドロップダウンモードのタイムピッカーに使用される 0 から 24 までのエレベーションレベル。

Number

border-radius

タイムピッカーの全体的なシェイプに使用される境界半径。

List

(rem(4px), rem(0), rem(20px))

time-item-size

タイム項目の高さ。

List

(rem(28px), rem(32px), rem(36px))

default-size

デフォルトのサイズ。

Number

次で使用

var material-time-picker
var fluent-time-picker
var bootstrap-time-picker
var indigo-time-picker

必須

var default-elevation-time-picker

variable material-time-picker public

Light material time-picker スキーマを生成します。

Deprecation message:

プロパティ

header-background

タイムピッカーのヘッダーの背景色。

Map

color: ('secondary', 500)

header-hour-text-color

タイムピッカー時間テキストの色。

Map

contrast-color: ('secondary', 500)

hover-text-color

オープンタイムピッカーのホバーテキストの色。

Map

color: ('secondary', 500)

selected-text-color

タイムピッカーの選択された項目のテキストの色。

Map

color: ('secondary', 500)

active-item-foreground

タイムピッカー内のフォーカスされた列の現在の項目の前景色。

Map

contrast-color: ('secondary', 500)

active-item-background

タイムピッカー内のフォーカスされた列の現在の項目の背景色。

Map

color: ('secondary', 500)

active-item-border-radius

タイムピッカーのアクティブな項目の強調表示に使用される境界半径。

List

(rem(15px), rem(0), rem(20px))

次で使用

var dark-material-time-picker

必須

var light-time-picker

variable fluent-time-picker public

Fluent time-picker スキーマを生成します。

Deprecation message:

プロパティ

header-background

タイムピッカーのヘッダーの背景色。

Map

color: ('primary', 500)

header-hour-text-color

タイムピッカー時間テキストの色。

Map

contrast-color: ('primary', 500)

border-radius

タイムピッカーの全体的なシェイプに使用される境界半径。

List

(rem(0), rem(0), rem(20px))

active-item-border-radius

タイムピッカーのアクティブ表示の項目の強調表示に使用される境界半径。

List

(rem(2px), rem(0), rem(20px))

time-item-size

タイム項目の高さ。

List

(rem(28px), rem(32px), rem(40px))

次で使用

var dark-fluent-time-picker

必須

var light-time-picker

variable bootstrap-time-picker public

Bootstrap time-picker スキーマを生成します。

Deprecation message:

プロパティ

selected-text-color

タイムピッカーの選択された項目のテキストの色。

Map

color: ('primary', 600)

hover-text-color

オープンタイムピッカーのホバーテキストの色。

Map

color: ('primary', 600)

header-background

タイムピッカーのヘッダーの背景色。

Map

color: ('gray', 100)

header-hour-text-color

タイムピッカー時間テキストの色。

Map

contrast-color: ('gray', 100)

border-color

タイムピッカーの境界線の色。

Map

color: ('gray', 300)

divider-color

タイムピッカーの区切り線の色。

Map

color: ('gray', 300)

active-item-background

タイムピッカー内のフォーカスされた列の現在の項目の背景色。

Map

color: ('primary', 600)

active-item-border-radius

タイムピッカーのアクティブ表示の項目の強調表示に使用される境界半径。

List

(rem(4px), rem(0), rem(20px))

次で使用

var dark-bootstrap-time-picker

必須

var light-time-picker

variable indigo-time-picker public

Indigo time-picker スキーマを生成します。

Deprecation message:

プロパティ

text-color

オープンタイムピッカーのテキストの色。

Map

color: ('gray', 800)

active-item-foreground

タイムピッカー内のフォーカスされた列の前景色。

Map

contrast-color: ('primary', 900)

background-color

タイムピッカーパネルの背景色。

Map

contrast-color: ('gray', 900)

header-background

タイムピッカーのヘッダーの背景色。

Map

contrast-color: ('gray', 900)

header-hour-text-color

タイムピッカー時間テキストの色。

Map

color: ('gray', 800)

border-radius

タイムピッカーの全体的なシェイプに使用される境界半径。

List

(rem(6px), rem(0), rem(20px))

active-item-border-radius

タイムピッカーのアクティブ表示の項目の強調表示に使用される境界半径。

List

(rem(32px), rem(0), rem(32px))

border-color

タイムピッカーの境界線の色。

Map

color: ('gray', 400)

divider-color

タイムピッカーの区切り線の色。

Map

color: ('gray', 400)

次で使用

var dark-indigo-time-picker

必須

var light-time-picker

variable light-toast public

Base light toast スキーマを生成します。

Deprecation message:

プロパティ

background

トーストに使用される背景。

Map

color: ('gray', 700, .9)

border-color

トーストに使用される境界線の色。

Map

color: ('gray', 700, .9)

text-color

トーストに使用されるテキストの色。

Map

contrast-color: ('gray', 700)

elevation

トーストに使用される 0 から 24 までのエレベーションレベル。

Number

border-radius

トーストに使用される境界半径。

List

(rem(26px), rem(0), rem(26px))

次で使用

var material-toast
var fluent-toast
var bootstrap-toast

必須

var default-elevation-toast

variable material-toast public

Light material toast スキーマを生成します。

Deprecation message:

次で使用

var dark-material-toast

必須

var light-toast

variable fluent-toast public

Fluent toast スキーマを生成します。

Deprecation message:

プロパティ

border-radius

トーストに使用される境界半径。

List

(rem(2px), rem(0), rem(26px))

次で使用

var dark-fluent-toast

必須

var light-toast

variable bootstrap-toast public

Bootstrap toast スキーマを生成します。

Deprecation message:

プロパティ

background

トーストに使用される背景。

Map

color: (color: ('surface')

border-color

トーストに使用される境界線の色。

Map

color: ('gray', 300)

text-color

トーストに使用されるテキストの色。

Map

color: ('gray', 600)

elevation

トーストに使用される 0 から 24 までのエレベーションレベル。

Number

border-radius

トーストに使用される境界半径。

List

(rem(4px), rem(0), rem(26px))

次で使用

var dark-bootstrap-toast

必須

var light-toast
var bootstrap-elevation-toast

variable indigo-toast public

Indigo toast スキーマを生成します。

Deprecation message:

プロパティ

background

トーストに使用される背景。

Map

color: ('gray', 200)

border-color

トーストに使用される境界線の色。

Color

transparent

text-color

トーストに使用されるテキスト色。

Map

color: ('gray', 700)

border-radius

トーストに使用される境界半径。

List

(rem(6px), rem(0), rem(26px))

elevation

トーストに使用される 0 から 24 までのエレベーションレベル。

Number

次で使用

var dark-indigo-toast

必須

var indigo-elevation-toast

variable light-tree public

Base light tree スキーマを生成します。

Deprecation message:

プロパティ

background

ツリーノードに使用される背景色。

Map

color: ('surface')

background-selected

選択されたツリーノードに使用される背景色。

Map

color: ('primary')

background-active

アクティブツリーノードに使用される背景色。

Map

color: ('gray', 200)

background-disabled

無効な状態のツリーノードに使用される背景色。

Map

color: ('surface')

foreground

ツリーノードコンテンツに使用される色。

Map

contrast-color: ('surface')

foreground-active

ツリーノードのアクティブ状態のコンテンツに使用される色。

Map

contrast-color: ('gray', 200)

foreground-disabled

無効なツリーノードのコンテンツに使用される色。

Map

color: ('gray', 500)

icon-color

ツリーノードアイコンに使用される色。

Map

contrast-color: ('surface')

drop-area-color

ツリーノードドロップ aria に使用される背景色。

Map

color: ('secondary')

hover-color

ホバー時にツリーノードに使用される背景色。

Map

color: ('gray', 900, .1)

hover-selected-color

ホバー時に選択されたツリーノードに使用される背景色。

Map

color: ('gray', 900, .1)

size

ツリーノードに使用されるサイズ。

List

(rem(32px), rem(40px), rem(50px))

default-size

Tree コンポーネントに使用されるデフォルトのサイズ。

Number

次で使用

var material-tree
var fluent-tree
var bootstrap-tree
var indigo-tree

variable material-tree public

Light material tree スキーマを生成します。

Deprecation message:

プロパティ

background-selected

選択されたツリーノードに使用される背景色。

Map

color: ('secondary', 200)

foreground-selected

選択したツリーノードのコンテンツに使用される色。

Map

contrast-color: ('secondary', 200)

background-active-selected

アクティブな選択されたツリーノードに使用される背景色。

Map

color: ('secondary', 300)

foreground-active-selected

アクティブな選択されたツリーノードのコンテンツに使用される色。

Map

contrast-color: ('secondary', 300)

border-color

フォーカス状態のツリーノードに使用されるアウトラインの影の色。

Map

color: ('secondary')

次で使用

var dark-material-tree

必須

var light-tree

variable fluent-tree public

ライトフルーエントツリースキーマを生成します。

Deprecation message:

プロパティ

background-selected

選択されたツリーノードに使用される背景色。

Map

color: ('gray', 200)

foreground-selected

選択したツリーノードのコンテンツに使用される色。

Map

contrast-color: ('gray', 200)

background-active-selected

アクティブな選択されたツリーノードに使用される背景色。

Map

color: ('gray', 300)

foreground-active-selected

アクティブな選択されたツリーノードのコンテンツに使用される色。

Map

contrast-color: ('gray', 300)

border-color

フォーカス状態のツリーノードに使用されるアウトラインの影の色。

Map

color: ('gray', 800)

次で使用

var dark-fluent-tree

必須

var light-tree

variable bootstrap-tree public

Light bootstrap tree スキーマを生成します。

Deprecation message:

プロパティ

foreground-active

ツリーノードのアクティブ状態のコンテンツに使用される色。

Map

contrast-color: ('primary')

foreground-selected

選択したツリーノードのコンテンツに使用される色。

Map

contrast-color: ('primary', 600)

background-active-selected

アクティブな選択されたツリーノードに使用される背景色。

Map

color: ('primary', 600)

foreground-active-selected

アクティブな選択されたツリーノードのコンテンツに使用される色。

Map

contrast-color: ('primary', 600)

border-color

フォーカス状態のツリーノードに使用されるアウトラインの影の色。

Map

color: ('primary', 200)

次で使用

var dark-bootstrap-tree

必須

var light-tree

variable indigo-tree public

Light indigo tree スキーマを生成します。

Deprecation message:

プロパティ

background

ツリーノードに使用される背景色。

Color

transparent

background-selected

選択されたツリーノードに使用される背景色。

Color

transparent

background-active

アクティブツリーノードに使用される背景色。

Map

color: ('primary', 300, 0.3)

background-active-selected

アクティブな選択されたツリーノードに使用される背景色。

Map

color: ('primary', 300, 0.3)

background-disabled

無効な状態のツリーノードに使用される背景色。

Color

transparent

foreground

ツリーノードコンテンツに使用される色。

Map

color: ('gray', 800)

foreground-active

ツリーノードのアクティブ状態のコンテンツに使用される色。

Map

color: ('gray', 900)

foreground-selected

選択したツリーノードのコンテンツに使用される色。

Map

color: ('gray', 800)

foreground-active-selected

アクティブな選択されたツリーノードのコンテンツに使用される色。

Map

color: ('gray', 900)

foreground-disabled

無効なツリーノードのコンテンツに使用される色。

Map

color: ('gray', 900, 0.2)

icon-color

ツリーノードアイコンに使用される色。

Map

color: ('gray', 600)

border-color

フォーカス状態のツリーノードに使用されるアウトラインの影の色。

Map

color: ('primary', 400)

hover-color

ホバー時にツリーノードに使用される背景色。

Map

color: ('gray', 900, .05)

hover-selected-color

ホバー時に選択されたツリーノードに使用される背景色。

Map

color: ('primary', 300, 0.5)

size

ツリーノードに使用されるサイズ。

List

(rem(24px), rem(28px), rem(32px))

次で使用

var dark-indigo-tree

必須

var light-tree

variable light-validator public

Base light validator スキーマを生成します。

Deprecation message:

プロパティ

helper-text-color

ヘルパーのテキストに使用する色。

Map

color: ('gray', 700)

text-error-color

エラーメッセージに使用される色。

Map

color: ('error', 500)

icon-error-color

エラーアイコンに使用される色。

Map

color: ('error', 500)

次で使用

var dark-material-validator
var dark-fluent-validator
var dark-bootstrap-validator
var material-validator
var fluent-validator
var bootstrap-validator
var indigo-validator

variable material-validator public

Light material validator スキーマを生成します。

Deprecation message:

必須

var light-validator

variable fluent-validator public

Light fluent validator スキーマを生成します。

Deprecation message:

必須

var light-validator

variable bootstrap-validator public

Light bootstrap validator スキーマを生成します。

Deprecation message:

必須

var light-validator

variable indigo-validator public

Indigo validator スキーマを生成します。

Deprecation message:

プロパティ

text-error-color

エラーメッセージに使用される色。

Map

color: ('gray', 700)

次で使用

var dark-indigo-validator

必須

var light-validator

variable light-watermark public

Base light watermark スキーマを生成します。

Deprecation message:

プロパティ

base-color

ウォーターマークのすべての要素の基本色。

Color

null

image-color

スタンプ画像に使用される色。

Color

null

image-opacity

スタンプ画像の不透明度。

Number

null

link-background

リンクに使用される背景色。

Map

color: ('primary')

color

リンクのテキストに使用する色。

Map

contrast-color: ('primary', 800)

border-color

リンクに使用される境界線の色。

Map

color: ('primary')

border-radius

ウォーターマークに使用される境界半径。

List

(rem(0), rem(0), rem(16px))

次で使用

var material-watermark
var fluent-watermark
var bootstrap-watermark
var indigo-watermark

variable material-watermark public

Light material watermark スキーマを生成します。

Deprecation message:

次で使用

var dark-material-watermark

必須

var light-watermark

variable fluent-watermark public

Light fluent watermark スキーマを生成します。

Deprecation message:

プロパティ

border-radius

ウォーターマークに使用される境界半径。

List

(rem(2px), rem(0), rem(16px))

次で使用

var dark-fluent-watermark

必須

var light-watermark

variable bootstrap-watermark public

Bootstrap watermark スキーマを生成します。

Deprecation message:

プロパティ

border-radius

ウォーターマークに使用される境界半径。

List

(rem(4px), rem(0), rem(16px))

次で使用

var dark-bootstrap-watermark

必須

var light-watermark

variable indigo-watermark public

Indigo watermark スキーマを生成します。

Deprecation message:

プロパティ

border-color

リンクの境界線の色。

Map

color: ('primary', 300)

border-radius

ウォーターマークに使用される境界半径。

List

(rem(16px), rem(0), rem(16px))

次で使用

var dark-indigo-watermark

必須

var light-watermark

css /// @prop public

Dark indigo scrollbar スキーマを生成します。

Deprecation message:

css /// Generates a base material icon button schema. /// @type public

Material Schemas

Deprecation message:

css /// Generates a fluent base icon button schema. /// @type public

Fluent Schemas

Deprecation message:

css /// Generates a base bootstrap icon button schema. /// @type public

Bootstrap Schemas

Deprecation message:

css /// Generates a base indigo icon button schema. /// @type public

Indigo Schemas

Deprecation message:

themes

function action-strip-theme public

背景色のみ指定した場合、テキスト/アイコンの色は自動的に対比色に割り当てられます。

Deprecation message:

$my-action-strip-theme: action-strip-theme($background: black);
// css-vars() mixin へテーマを渡します。
@include css-vars($my-action-strip-theme);

パラメーター

$schema

N/A

コンポーネントのスタイル設定に基づいて使用されるスキーマ。

Map

$light-material-schema

$icon-color

--icon-color

操作アイコンに使用される色。

Color

null

$background

--background

Action Strip コンポーネントのコンテンツの背景に使用される色。

Color

null

$actions-background

--actions-background

操作の背景に使用される色。

Color

null

$delete-action

--delete-action

Action Strip コンポーネントの削除アイコンに使用される色。

Color

null

$actions-border-radius

--actions-border-radius

Action Strip コンポーネント内の操作コンテナーに使用される境界半径。

List

null

作者

function avatar-theme public

背景色のみ指定した場合、テキスト/アイコンの色は自動的に対比色に割り当てられます。

Deprecation message:

$my-avatar-theme: avatar-theme($icon-background: black, $icon-color: white);
// css-vars() mixin へテーマを渡します。
@include css-vars($my-avatar-theme);

パラメーター

$schema

N/A

コンポーネントスタイル設定のベースとして使用されるスキーマ。

Map

$light-material-schema

$color

--color

アバターで使用されるテキストの色。

Color

null

$icon-color

--icon-color

アバターに使用されるアイコンの色。

Color

null

$background

--background

アバターの背景色。

Color

null

$border-radius

--border-radius

アバターで使用される境界線の半径。

Number

null

$size

--size

アバターのサイズ。

Number

null

必須

var light-material-schema

作者

function badge-theme public

背景色のみ指定した場合、テキスト/アイコンの色は自動的にコントラスト色に割り当てられます。

Deprecation message:

$my-badge-theme: badge-theme($icon-color: black, $background-color: white);
// css-vars() mixin へテーマを渡します。
@include css-vars($my-badge-theme);

パラメーター

$schema

N/A

コンポーネントスタイル設定のベースとして使用されスキーマ。

Map

$light-material-schema

$elevations

--elevations

使用されるエレベーション (影) マップ。

Map

null

$icon-color

--icon-color

使用されるアイコンの色。

Color

null

$text-color

--text-color

使用されるテキストの色。

Color

null

$border-color

--border-color

境界線の色。

Color

null

$background-color

--background-color

使用される背景の色。

Color

null

$shadow

--shadow

バッジに使用する影を設定します。

box-shadow

null

$border-radius

--border-radius

使用されるエレベーション（影）マップ。

Number

null

必須

var light-material-schema

作者

function banner-theme public

背景色のみ指定した場合、テキスト/アイコンの色は自動的にコントラスト色に割り当てられます。

Deprecation message:

$my-banner-theme: banner-theme($banner-background: #000);
// css-vars() mixin へテーマを渡します。
@include css-vars($my-banner-theme);

パラメーター

$schema

N/A

コンポーネントスタイル設定のベースとして使用されスキーマ。

Map

$light-material-schema

$banner-background

--banner-background

バナーの背景に使用される色。

Color

null

$banner-message-color

--banner-message-color

バナーのラベルに使用される色。

Color

null

$banner-border-color

--banner-border-color

バナーの境界線に使用される色。

Color

null

$banner-illustration-color

--banner-illustration-color

バナーのイラストに使用される色。

Color

null

$border-radius

--border-radius

バナーの境界線の半径。

Number

null

必須

var light-material-schema

作者

Marin Popov

function bottom-nav-theme public

背景色のみを指定した場合、ラベルとアイコンの色は自動的に対照的な色に割り当てられます。

Deprecation message:

$my-bottom-nav-theme: bottom-nav-theme($background: black);
// css-vars() mixin へテーマを渡します。
@include css-vars($my-bottom-nav-theme);

パラメーター

$schema

N/A

コンポーネントスタイル設定のベースとして使用されスキーマ。

Map

$light-material-schema

$elevations

--elevations

使用されるエレベーション (影) マップ。

Map

null

$background

--background

トーストのために使用される背景。

Color

null

$label-color

--label-color

アイドル状態に使用されるラベルの色。

Color

null

$icon-color

--icon-color

アイドル状態に使用されるアイコンの色。

Color

null

$label-selected-color

--label-selected-color

選択状態に使用されるラベルの色。

Color

null

$icon-selected-color

--icon-selected-color

選択状態に使用されるアイコンの色。

Color

null

$icon-disabled-color

--icon-disabled-color

アイコンの無効な色。

Color

null

$label-disabled-color

--label-disabled-color

ラベルの無効な色。

Color

null

$border-color

--border-color

下部のナビゲーションの境界線の色。

Color

null

$shadow

--shadow

バーに使用する影を設定します。

box-shadow

null

必須

var light-material-schema

作者

function button-group-theme public

背景色のみ指定した場合、テキスト/アイコンの色は自動的にコントラスト色に割り当てられます。無効にされた状態の色には適用しません。

Deprecation message:

$my-button-group-theme: button-group-theme(
  $item-text-color: white,
  $item-background: rgba(0, 0, 0, .8),
  $item-border-color: #dadada
);
// css-vars() mixin へテーマを渡します。
@include css-vars($my-button-group-theme);

パラメーター

$schema

N/A

コンポーネントスタイル設定のベースとして使用されスキーマ。

Map

$light-material-schema

$elevations

--elevations

使用されるエレベーション (影) マップ。

Map

null

$shadow

--shadow

ボタングループに適用される影。

box-shadow

null

$item-text-color

--item-text-color

ボタングループ項目のテキストの色。

Color

null

$item-icon-color

--item-icon-color

ボタングループ項目のアイコンの色。

color

null

$item-background

--item-background

ボタングループ項目の背景の色。

Color

null

$item-border-color

--item-border-color

ボタングループ項目の間の境界色。

Color

null

$item-hover-text-color

--item-hover-text-color

ボタングループ項目のホバーテキストの色。

Color

null

$item-hover-icon-color

--item-hover-icon-color

ボタングループ項目のホバーアイコンの色。

Color

null

$item-hover-background

--item-hover-background

ボタングループ項目の背景の色。

Color

null

$item-hover-border-color

--item-hover-border-color

ボタングループ項目間のホバー境界線の色。

Color

null

$item-focused-text-color

--item-focused-text-color

ボタングループ項目のフォーカスされているテキストの色。

Color

null

$item-focused-background

--item-focused-background

ボタングループ項目のフォーカス背景色。

Color

null

$item-focused-border-color

--item-focused-border-color

ボタングループの項目のフォーカス境界線の色。

Color

null

$item-focused-hover-background

--item-focused-hover-background

ボタングループ項目のフォーカスおよびホバー背景色。

Color

null

$idle-shadow-color

--idle-shadow-color

フォーカス状態にあるボタングループ項目のアウトライン色。

Color

null

$selected-shadow-color

--selected-shadow-color

フォーカス状態にある/選択されているボタングループ項目のアウトライン色。

Color

null

$disabled-text-color

--disabled-text-color

ボタングループの無効にされた項目のためのテキスト/アイコン色。

Color

null

$disabled-background-color

--disabled-background-color

ボタングループの無効にされた項目のための背景の色。

Color

null

$item-disabled-border

--item-disabled-border

ボタングループの無効にされた項目のための境界線の色。

Color

null

$item-selected-text-color

--item-selected-text-color

ボタングループの選択された項目のためのテキスト/アイコン色。

Color

null

$item-selected-icon-color

--item-selected-icon-color

ボタングループの選択された項目のためのアイコンの色。

Color

null

$item-selected-background

--item-selected-background

ボタングループの選択された項目のためのテキスト/アイコン色。

Color

null

$item-selected-border-color

--item-selected-border-color

ボタングループの選択された項目の境界の色。

Color

null

$item-selected-hover-text-color

--item-selected-hover-text-color

ボタングループ内のホバー状態で選択されている項目のテキストの色。

Color

null

$item-selected-hover-icon-color

--item-selected-hover-icon-color

ボタングループ内のホバー状態で選択されている項目のアイコンの色。

Color

null

$item-selected-hover-background

--item-selected-hover-background

ボタングループのホバー状態の選択された項目のための背景色。

Color

null

$item-selected-hover-border-color

--item-selected-hover-border-color

ボタングループ内のホバー状態で選択されている項目の境界線の色。

Color

null

$item-selected-focus-background

--item-selected-focus-background

ボタングループ内のフォーカス状態で選択された項目の背景色。

Color

null

$item-selected-focus-hover-background

--item-selected-focus-hover-background

ボタングループ内のフォーカス状態およびホバー状態で選択された項目の背景色。

Color

null

$disabled-selected-text-color

--disabled-selected-text-color

ボタングループで選択された項目の無効なテキストの色。

Color

null

$disabled-selected-icon-color

--disabled-selected-icon-color

ボタングループで選択された項目の無効なアイコンの色。

Color

null

$disabled-selected-background

--disabled-selected-background

ボタングループで選択された項目の無効な背景色。

Color

null

$disabled-selected-border-color

--disabled-selected-border-color

ボタングループから選択された項目の無効な境界線の色。

Color

null

$border-radius

--border-radius

ボタングループコンポーネントに使用される 0 から 1 までの端の丸み割合。

List

null

必須

var light-material-schema

作者

Marin Popov

function button-theme public

背景色のみ指定した場合、テキスト/アイコンの色は自動的に対比色に割り当てられます。無効な状態の色には適用しません。

Deprecation message:

$my-button-theme: button-theme(
  $foreground: white,
  $background: black
);
// css-vars() mixin へテーマを渡します。
@include css-vars($my-button-theme);

パラメーター

$schema

N/A

コンポーネントのスタイル設定に基づいて使用されるスキーマ。

Map

$light-material-schema

$elevations

--elevations

使用されるエレベーション (影) マップ。

Map

$elevations

$background

--background

ボタンの背景色。

Color

null

$foreground

--foreground

ボタンのテキストの色。

Color

null

$icon-color

--icon-color

ボタンのアイコンの色。

Color

null

$icon-color-hover

--icon-color-hover

ホバー時のボタンのアイコンの色。

Color

null

$hover-background

--hover-background

ボタンのホバー背景色。

Color

null

$hover-foreground

--hover-foreground

ボタンのホバーテキストの色。

Color

null

$focus-background

--focus-background

ボタンのフォーカス背景色。

Color

null

$focus-foreground

--focus-foreground

ボタンのフォーカステキストの色。

Color

null

$focus-hover-background

--focus-hover-background

ボタンのフォーカス時のホバー状態の背景色。

Color

null

$focus-hover-foreground

--focus-hover-foreground

ボタンのフォーカス時のホバー状態のテキストの色。

Color

null

$focus-visible-background

--focus-visible-background

ボタンのフォーカス表示の背景色。

Color

null

$focus-visible-foreground

--focus-visible-foreground

ボタンのフォーカス表示のテキストの色。

Color

null

$active-background

--active-background

ボタンのアクティブな背景。

Color

null

$active-foreground

--active-foreground

ボタンのアクティブ表示のテキストの色。

Color

null

$border-radius

--border-radius

ボタンの境界線の半径。

List

null

$border-color

--border-color

ボタンの境界線の色。

Color

null

$hover-border-color

--hover-border-color

ボタンのホバー境界線の色。

Color

null

$focus-border-color

--focus-border-color

ボタンのフォーカス境界線の色。

Color

null

$focus-visible-border-color

--focus-visible-border-color

ボタンのフォーカス表示境界線の色。

Color

null

$active-border-color

--active-border-color

ボタンのアクティブ表示の境界線の色。

Color

null

$shadow-color

--shadow-color

ボタンの影の色。

Color

null

$resting-shadow

--resting-shadow

アイドル状態のボタンの影。

Color

null

$hover-shadow

--hover-shadow

ホバー状態のボタンの影。

Color

null

$focus-shadow

--focus-shadow

フォーカス状態のボタンの影。

Color

null

$active-shadow

--active-shadow

フォーカス状態のボタンの影。

Color

null

$disabled-background

--disabled-background

ボタンの無効な背景色。

Color

null

$disabled-foreground

--disabled-foreground

ボタンの無効なテキストの色。

Color

null

$disabled-icon-color

--disabled-icon-color

無効になっているボタンのアイコンの色。

Color

null

$disabled-border-color

--disabled-border-color

ボタンの無効な境界線の色。

Color

null

必須

var light-material-schema

作者

function calendar-theme public

ヘッダーの背景色のみを指定した場合、その色は

現在の日付の色
選択した日付の背景
ピッカー要素のホバー色
年/月ホバー/選択した色などすべてのアクセント付き要素の先頭色として使用されます。背景色のみを指定した場合、ラベルとアイコンの色は自動的に対照的な色に割り当てられます。

Deprecation message:

$my-calendar-theme: calendar-theme(
  $header-background: purple,
  $content-background: black
);
// css-vars() mixin へテーマを渡します。
@include css-vars($my-calendar-theme);

パラメーター

$schema

N/A

コンポーネントのスタイル設定に基づいて使用されるスキーマ。

Map

$light-material-schema

$content-foreground

--content-foreground

日、月、年ビューの前景。

Color

null

$content-background

--content-background

日、月、年ビューの背景。

Color

null

$border-size

--border-size

すべてのカレンダービューの境界線のサイズ。

Color

null

$header-foreground

--header-foreground

ヘッダーの前景。

Color

null

$header-background

--header-background

ヘッダーの背景。

Color

null

$picker-foreground

--picker-foreground

月と年ピッカーの前景。

Color

null

$picker-background

--picker-background

月と年ピッカーの背景。

Color

null

$picker-hover-foreground

--picker-hover-foreground

月と年ピッカーの :hover 色。

Color

null

$weekday-color

--weekday-color

曜日ラベルの色。

Color

null

$inactive-color

--inactive-color

前月と次月の日付の色 ([hideOutsideDays] が false (デフォルト) に設定されている場合にのみ表示されます)。

Color

null

$weekend-color

--weekend-color

週末の色。

Color

null

$week-number-foreground

--week-number-foreground

週番号列の前景。

Color

null

$week-number-background

--week-number-background

週番号列の背景。

Color

null

$ym-selected-current-hover-foreground

--ym-selected-current-hover-foreground

現在選択されている月/年の :hover 前景色。

Color

null

$ym-selected-current-hover-background

--ym-selected-current-hover-background

現在選択されている月/年の :hover 背景色。

Color

null

$navigation-color

--navigation-color

月間ナビゲーションを行うアイコンボタンの色。

Color

null

$navigation-hover-color

--navigation-hover-color

月間ナビゲーションを行うアイコンボタンの :hover 色。

Color

null

$navigation-focus-color

--navigation-focus-color

月間ナビゲーションを行うアイコンボタンの :focus 色。

Color

null

$ym-hover-foreground

--ym-hover-foreground

月/年の :hover 前景。

Color

null

$ym-hover-background

--ym-hover-background

月/年の :hover 背景。

Color

null

$ym-current-foreground

--ym-current-foreground

現在の月/年の前景。

Color

null

$ym-current-background

--ym-current-background

現在の月/年の背景。

Color

null

$ym-current-hover-foreground

--ym-current-hover-foreground

現在の月/年の :hover 前景。

Color

null

$ym-current-hover-background

--ym-current-hover-background

現在の月/年の :hover 背景。

Color

null

$ym-selected-foreground

--ym-selected-foreground

選択した月/年の前景色。

Color

null

$ym-selected-background

--ym-selected-background

選択した月/年の背景色。

Color

null

$ym-selected-hover-foreground

--ym-selected-hover-foreground

現在選択されている月/年の :hover 前景色。

Color

null

$ym-selected-hover-background

--ym-selected-hover-background

現在選択されている月/年の :hover 背景色。

Color

null

$ym-selected-current-foreground

--ym-selected-current-foreground

現在選択されている月/年の前景色。

Color

null

$ym-selected-current-background

--ym-selected-current-background

現在選択されている月/年の背景色。

Color

null

$ym-selected-current-hover-foreground

--ym-selected-current-hover-foreground

現在選択されている月/年の :hover 前景色。

Color

null

$ym-selected-current-hover-background

--ym-selected-current-hover-background

現在選択されている月/年の :hover 背景色。

Color

null

$ym-current-outline-color

--ym-current-outline-color

現在の月/年のアウトラインの色。

Color

null

$ym-current-outline-hover-color

--ym-current-outline-hover-color

現在の月/年の :hover アウトラインの色。

Color

null

$ym-current-outline-focus-color

--ym-current-outline-focus-color

現在の月/年の :focus アウトラインの色。

Color

null

$ym-selected-outline-color

--ym-selected-outline-color

選択した月/年のアウトラインの色。

Color

null

$ym-selected-hover-outline-color

--ym-selected-hover-outline-color

選択した月/年の :hover アウトラインの色。

Color

null

$ym-selected-focus-outline-color

--ym-selected-focus-outline-color

選択した月/年の :focus アウトラインの色。

Color

null

$ym-selected-current-outline-color

--ym-selected-current-outline-color

現在選択されている月/年のアウトラインの色。

Color

null

$ym-selected-current-outline-hover-color

--ym-selected-current-outline-hover-color

現在選択されている月/年の :hover アウトラインの色。

Color

null

$ym-selected-current-outline-focus-color

--ym-selected-current-outline-focus-color

現在選択されている月/年の :focus アウトラインの色。

Color

null

$date-hover-foreground

--date-hover-foreground

日付のアイドル状態の :hover 前景。

Color

null

$date-hover-background

--date-hover-background

日付のアイドル状態の :hover 背景。

Color

null

$date-focus-foreground

--date-focus-foreground

日付のアイドル状態の :focus 前景。

Color

null

$date-focus-background

--date-focus-background

日付のアイドル状態の :focus 背景。

Color

null

$date-selected-foreground

--date-selected-foreground

選択された日付のテキストの色。

Color

null

$date-selected-background

--date-selected-background

選択された日付の背景色。

Color

null

$date-selected-hover-background

--date-selected-hover-background

選択した日付のホバー背景色。

Color

null

$date-selected-focus-background

--date-selected-focus-background

選択した日付のフォーカスの背景色。

Color

null

$date-selected-hover-foreground

--date-selected-hover-foreground

選択した日付のホバーテキストの色。

Color

null

$date-selected-focus-foreground

--date-selected-focus-foreground

選択した日付のフォーカステキストの色。

Color

null

$date-selected-current-background

--date-selected-current-background

選択した / 現在の日付の背景色。

Color

null

$date-selected-current-hover-background

--date-selected-current-hover-background

選択した / 現在の日付のホバー背景色。

Color

null

$date-selected-current-focus-background

--date-selected-current-focus-background

選択した / 現在の日付のフォーカスの背景色。

Color

null

$date-selected-current-foreground

--date-selected-current-foreground

選択した / 現在の日付のテキストの色。

Color

null

$date-selected-current-hover-foreground

--date-selected-current-hover-foreground

選択した日付 / 現在の日付のホバーテキストの色。

Color

null

$date-selected-current-focus-foreground

--date-selected-current-focus-foreground

選択した / 現在の日付のフォーカステキストの色。

Color

null

$date-selected-range-foreground

--date-selected-range-foreground

選択した範囲内の日付の前景。

Color

null

$date-selected-range-background

--date-selected-range-background

選択した範囲内の日付の背景。

Color

null

$date-selected-range-hover-foreground

--date-selected-range-hover-foreground

選択した範囲内の日付の :hover 前景。

Color

null

$date-selected-range-hover-background

--date-selected-range-hover-background

選択した範囲内の日付の :hover 背景。

Color

null

$date-selected-range-focus-foreground

--date-selected-range-focus-foreground

選択した範囲内の日付の :focus 前景。

Color

null

$date-selected-range-focus-background

--date-selected-range-focus-background

選択した範囲内の日付の :focus 背景。

Color

null

$date-selected-current-range-foreground

--date-selected-current-range-foreground

選択した範囲内の現在の日付の前景。

Color

null

$date-selected-current-range-background

--date-selected-current-range-background

選択した範囲内の現在の日付の背景。

Color

null

$date-selected-current-range-hover-foreground

--date-selected-current-range-hover-foreground

選択した範囲内の現在の日付の :hover 前景。

Color

null

$date-selected-current-range-hover-background

--date-selected-current-range-hover-background

選択した範囲内の現在の日付の :hover 背景。

Color

null

$date-selected-current-range-focus-foreground

--date-selected-current-range-focus-foreground

選択した範囲内の現在の日付の :focus 前景。

Color

null

$date-selected-current-range-focus-background

--date-selected-current-range-focus-background

選択した範囲内の現在の日付の :focus 背景。

Color

null

$date-selected-current-outline

--date-selected-current-outline

現在選択されている日付のアウトライン。

Color

null

$date-selected-current-hover-outline

--date-selected-current-hover-outline

現在選択されている日付の :hover アウトライン。

Color

null

$date-selected-current-focus-outline

--date-selected-current-focus-outline

現在選択されている日付の :focus アウトライン。

Color

null

$date-selected-special-border-color:

--date-selected-special-border-color:

選択された特別な日付の境界線の色。

Color

null

$date-selected-special-hover-border-color:

--date-selected-special-hover-border-color:

選択された特別な日付の :hover 境界線の色。

Color

null

$date-selected-special-focus-border-color:

--date-selected-special-focus-border-color:

選択された特別な日付の :focus 境界線の色。

Color

null

$date-current-foreground

--date-current-foreground

現在の日付の前景。

Color

null

$date-current-background

--date-current-background

現在の日付の背景色。

Color

null

$date-current-hover-foreground

--date-current-hover-foreground

現在の日付の :hover テキストの色。

Color

null

$date-current-hover-background

--date-current-hover-background

現在の日付の :hover 背景色。

Color

null

$date-current-focus-foreground

--date-current-focus-foreground

現在の日付の :focus テキストの色。

Color

null

$date-current-focus-background

--date-current-focus-background

現在の日付の :focus 背景色。

Color

null

$date-special-background

--date-special-background

特別としてマークされた日付の背景。

Color

null

$date-special-foreground

--date-special-foreground

特別としてマークされた日付の前景。

Color

null

$date-special-hover-background

--date-special-hover-background

特別としてマークされた日付の背景。

Color

null

$date-special-hover-foreground

--date-special-hover-foreground

特別としてマークされた日付の前景。

Color

null

$date-special-focus-background

--date-special-focus-background

特別としてマークされた日付の背景。

Color

null

$date-special-focus-foreground

--date-special-focus-foreground

特別としてマークされた日付の前景。

Color

null

$date-special-border-color

--date-special-border-color

特別としてマークされた日付のアウトライン。

Color

null

$date-special-range-background

--date-special-range-background

範囲内にあり、特別としてマークされている日付の背景。

Color

null

$date-special-range-hover-background

--date-special-range-hover-background

範囲内にあり、特別としてマークされている日付の :hover 背景。

Color

null

$date-special-range-focus-background

--date-special-range-focus-background

範囲内にあり、特別としてマークされている日付の :focus 背景。

Color

null

$date-special-range-foreground

--date-special-range-foreground

範囲内にあり、特別としてマークされている日付の前景。

Color

null

$date-special-range-border-color

--date-special-range-border-color

範囲内にあり、特別としてマークされている日付のアウトライン。

Color

null

$date-special-current-border-color

--date-special-current-border-color

特別な現在の日付のアウトラインの色。

Color

null

$border-color

--border-color

カレンダーの境界線色。

Color

null

$date-border-color

--date-border-color

日付の境界線の色。

Color

null

$date-hover-border-color

--date-hover-border-color

日付の :hover 境界線の色。

Color

null

$date-focus-border-color

--date-focus-border-color

日付の :focus 境界線の色。

Color

null

$date-selected-border-color

--date-selected-border-color

選択した日付の境界線の色。

Color

null

$date-selected-hover-border-color

--date-selected-hover-border-color

選択した日付の :hover 境界線の色。

Color

null

$date-selected-focus-border-color

--date-selected-focus-border-color

選択した日付の :focus 境界線の色。

Color

null

$date-current-border-color

--date-current-border-color

現在の日付の境界線の色。

Color

null

$date-current-hover-border-color

--date-current-hover-border-color

現在の日付の :hover 境界線の色。

Color

null

$date-current-focus-border-color

--date-current-focus-border-color

現在の日付の :focus 境界線の色。

Color

null

$date-selected-current-border-color

--date-selected-current-border-color

選択した現在の日付の境界線の色。

Color

null

$date-selected-current-hover-border-color

--date-selected-current-hover-border-color

選択した現在の日付の :hover 境界線の色。

Color

null

$date-selected-current-focus-border-color

--date-selected-current-focus-border-color

選択した現在の日付の :focus 境界線の色。

Color

null

$date-range-border-color

--date-range-border-color

範囲選択の境界線の色。

Color

null

$date-range-preview-border-color

--date-range-preview-border-color

プレビュー状態の範囲選択の境界線の色 (範囲の終了を選択する前に表示されます)。

Color

null

$date-disabled-foreground

--date-disabled-foreground

無効な日付の前景色。

Color

color: ('gray', 500, .5)

$date-disabled-range-foreground

--date-disabled-range-foreground

無効な日付の前景色。

Color

color: ('gray', 500)

$size

--size

日、月、年ビューのサイズ。

Number

null

$border-radius

--border-radius

カレンダーに使用される境界線の半径。

List

null

$date-border-radius

--date-border-radius

日付に使用される境界線の半径。

List

null

$date-range-border-radius

--date-range-border-radius

日付範囲の選択に使用される境界線の半径。

List

null

$ym-border-radius

--ym-border-radius

月/年に使用される境界の半径。

List

null

$actions-divider-color

--actions-divider-color

日付ピッカーのアクション区切り線に使用される境界線の色。

Color

null

必須

var light-material-schema

作者

function card-theme public

Deprecation message:

$my-card-theme: card-theme($background: #fff);
// css-vars() mixin へテーマを渡します。
@include css-vars($my-card-theme);

パラメーター

$schema

N/A

コンポーネントスタイル設定のベースとして使用されスキーマ。

Map

$light-material-schema

$elevations

--elevations

使用されるエレベーション (影) マップ。

Map

$elevations

$background

--background

カードの背景色。

Color

null

$outline-color

--outline-color

Outlined タイプのカードのアウトラインの色。

Color

null

$header-text-color

--header-text-color

カードタイトルのテキストの色。

Color

null

$subtitle-text-color

--subtitle-text-color

カードのサブタイトルのテキストの色。

Color

null

$content-text-color

--content-text-color

カードコンテンツのテキストの色。

Color

null

$actions-text-color

--actions-text-color

カードボタンのテキストの色。

Color

null

$resting-shadow

--resting-shadow

レスティング状態のカードの影。

box-shadow

null

$hover-shadow

--hover-shadow

ホバー状態のカードの影。

box-shadow

null

$border-radius

--border-radius

カードに使用される 0 から 1 までの端の丸み割合。

List

null

必須

var light-material-schema

作者

function carousel-theme public

Deprecation message:

$my-carousel-theme: carousel-theme(
  $button-background: black,
  $button-hover-background: white
);
// css-vars() mixin へテーマを渡します。
@include css-vars($my-carousel-theme);

パラメーター

$schema

N/A

コンポーネントスタイル設定のベースとして使用されスキーマ。

Map

$light-material-schema

$elevations

--elevations

使用されるエレベーション (影) マップ。

Map

null

$slide-background

--slide-background

スライドの背景色。

Color

null

$button-background

--button-background

前へ/次へボタンのアイドル背景色。

Color

null

$button-hover-background

--button-hover-background

前へ/次へボタンのホバー背景色。

Color

null

$button-disabled-background

--button-disabled-background

前へ/次へボタンの無効な背景色。

Color

null

$button-arrow-color

--button-arrow-color

前へ/次へボタンのアイドル矢印の色。

Color

null

$button-hover-arrow-color

--button-hover-arrow-color

前へ/次へボタンのホバー矢印の色。

Color

null

$button-disabled-arrow-color

--button-disabled-arrow-color

前へ/次へボタンの無効な矢印の色。

Color

null

$button-border-color

--button-border-color

前へ/次へボタンのアイドル状態の境界線の色。

Color

null

$button-hover-border-color

--button-hover-border-color

前へ/次へボタンのホバーの境界線の色。

Color

null

$button-disabled-border-color

--button-disabled-border-color

前へ/次へボタンの無効な境界線の色。

Color

null

$indicator-dot-color

--indicator-dot-color

アイドルインジケーター点の色。

Color

null

$indicator-hover-dot-color

--indicator-hover-dot-color

ホバーインジケーターの点の色。

Color

null

$indicator-border-color

--indicator-border-color

アイドルインジケーター境界の色。

Color

null

$indicator-active-dot-color

--indicator-active-dot-color

アクティブインジケーター点の色。

Color

null

$indicator-active-border-color

--indicator-active-border-color

アクティブインジケーターの境界線色。

Color

null

$indicator-active-hover-dot-color

--indicator-active-hover-dot-color

ホバー時のアクティブなインジケーターの点の色。

Color

null

$button-shadow

--button-shadow

前へ/次へボタンの下の影。

box-shadow

null

$border-radius

--border-radius

カルーセルコンポーネントに使用される 0 から 1 までの端の丸み。

List

null

必須

var light-material-schema

作者

function checkbox-theme public

チェックボックステーマ

Deprecation message:

$my-checkbox-theme: igx-checkbox-theme($fill-color: magenta);
// css-vars mixin へテーマを渡します。
@include css-vars($my-checkbox-theme);

パラメーター

$schema

N/A

コンポーネントスタイル設定のベースとして使用されスキーマ。

Map

$light-material-schema

$label-color

--label-color

ラベルテキストに使用されるテキストの色。

Color

null

$label-color-hover

--label-color-hover

ホバー時のラベルテキストに使用されるテキストの色。

Color

null

$empty-color

--empty-color

未チェック境界線色。

Color

null

$empty-color-hover

--empty-color-hover

ホバー時の未チェック境界線の色。

Color

null

$empty-fill-color

--empty-fill-color

未チェックの塗りつぶし色。

Color

null

$fill-color

--fill-color

チェックされた境界と塗りつぶし色。

Color

null

$fill-color-hover

--fill-color-hover

ホバー時にチェックされた境界線と塗りつぶしの色。

Color

null

$tick-color

--tick-color

チェックマークの色。

Color

null

$tick-color-hover

--tick-color-hover

ホバー時にチェックされたマークの色。

Color

null

$disabled-color

--disabled-color

無効にされた境界と塗りつぶし色。

Color

null

$disabled-indeterminate-color

--disabled-indeterminate-color

不確定な状態時の無効な境界線と塗りつぶし色。

Color

null

$disabled-color-label

--disabled-color-label

無効のラベルの色。

Color

null

$border-radius

--border-radius

チェックボックスコンポーネントに使用される 0 から 1 までの border-radius。

List

null

$border-radius-ripple

--border-radius-ripple

チェックボックス ripple に使用される 0 から 1 までの border-radius。

List

null

$focus-outline-color

--focus-outline-color

フォーカスのアウトラインの色。

Color

null

$error-color

--error-color

無効な状態の境界線と塗りつぶしの色。

Color

null

$error-color-hover

--error-color-hover

ホバー時に無効な状態の境界線と塗りつぶしの色。周りの領域が暗い場合は light に設定します。

Color

null

必須

var light-material-schema

作者

function chip-theme public

チップテーマ

Deprecation message:

$my-chip-theme: igx-chip-theme($background: black);
// css-vars mixin へテーマを渡します。
@include css-vars($my-chip-theme);

パラメーター

$schema

N/A

コンポーネントのスタイル設定に基づいて使用されるスキーマ。

Map

$light-material-schema

$elevations

--elevations

使用されるエレベーション (影) マップ。

Map

null

$border-radius

--border-radius

チップの境界半径。

List

null

$text-color

--text-color

ヘッダーテキストの色。

Color

null

$background

--background

チップの背景色。

Color

null

$border-color

--border-color

チップの境界線色。

Color

null

$disabled-text-color

--disabled-text-color

無効なチップのテキストの色。

Color

null

$disabled-background

--disabled-background

無効なチップの背景色。

Color

null

$disabled-border-color

--disabled-border-color

無効なチップの境界線の色。

Color

null

$ghost-background

--ghost-background

チップゴーストの背景色。

Color

null

$ghost-shadow

--ghost-shadow

チップゴーストの影。

box-shadow

null

$hover-text-color

--hover-text-color

チップテキストのホバー色。

Color

null

$hover-background

--hover-background

チップホバーの背景色。

Color

null

$hover-border-color

--hover-border-color

チップホバーの境界線色。

Color

null

$focus-text-color

--focus-text-color

チップのテキストのフォーカス色。

Color

null

$focus-background

--focus-background

チップのフォーカスの背景色。

Color

null

$focus-border-color

--focus-border-color

チップのフォーカス境界線の色。

color

null

$selected-text-color

--selected-text-color

選択されたチップのテキストの色。

color

null

$selected-background

--selected-background

選択されたチップの背景色。

color

null

$selected-border-color

--selected-border-color

選択されたチップの境界線の色。

color

null

$hover-selected-text-color

--hover-selected-text-color

選択されたチップのホバーテキストの色。

color

null

$hover-selected-background

--hover-selected-background

選択されたチップのホバーの背景色。

color

null

$hover-selected-border-color

--hover-selected-border-color

選択されたチップのホバー境界線の色。

color

null

$focus-selected-text-color

--focus-selected-text-color

選択されたチップのテキストフォーカスの色。

color

null

$focus-selected-background

--focus-selected-background

選択されたチップのフォーカスの背景色。

color

null

$focus-selected-border-color

--focus-selected-border-color

選択されたチップのフォーカス境界線の色。

color

null

$remove-icon-color

--remove-icon-color

チップの削除アイコンの色。

color

null

$remove-icon-color-focus

--remove-icon-color-focus

チップのフォーカス削除アイコンの色。

color

null

必須

var light-material-schema

作者

Marin Popov

function column-actions-theme public

列の操作テーマ

Deprecation message:

$column-actions-theme: igx-column-actions-theme($title-color: black);
// css-vars mixin へテーマを渡します。
@include css-vars($column-actions-theme);

パラメーター

$schema

N/A

コンポーネントのスタイル設定に基づいて使用されるスキーマ。

Map

$light-material-schema

$elevations

--elevations

使用されるエレベーション (影) マップ。

Map

null

$title-color

--title-color

リストのタイトルに使用されるテキストの色。

Color

null

$background-color

--background-color

パネルの背景色。

Color

null

必須

var light-material-schema

作者

function combo-theme public

Deprecation message:

$my-combo-theme: igx-checkbox-theme($empty-list-background);
// css-vars mixin へテーマを渡します。
@include css-vars($my-combo-theme);

パラメーター

$schema

N/A

コンポーネントスタイル設定のベースとして使用されスキーマ。

Map

$light-material-schema

$search-separator-border-color

--search-separator-border-color

コンボ検索ボックスセパレーターの色。

Color

null

$empty-list-placeholder-color

--empty-list-placeholder-color

コンボプレースホルダーテキストの色。

Color

null

$empty-list-background

--empty-list-background

コンボリストの背景色。

Color

null

$toggle-button-background

--toggle-button-background

コンボトグルボタンの背景色。

Color

null

$toggle-button-background-focus

--toggle-button-background-focus

マテリアルボックスバリアントでコンボがフォーカスされている時のコンボトグルボタンの背景色。

Color

null

$toggle-button-background-focus--border

--toggle-button-background-focus--border

マテリアル境界バリアントでコンボがフォーカスされているときのコンボトグルボタンの背景色。

Color

null

$toggle-button-background-disabled

--toggle-button-background-disabled

コンボが無効になっているときのコンボトグルボタンの背景色。

Color

null

$toggle-button-foreground

--toggle-button-foreground

コンボトグルボタンの前景色。

Color

null

$toggle-button-foreground-focus

--toggle-button-foreground-focus

コンボがフォーカスされている時のコンボトグルボタンの前景色。

Color

null

$toggle-button-foreground-disabled

--toggle-button-foreground-disabled

コンボが無効になっている時のコンボトグルボタンの前景色。

Color

null

$toggle-button-foreground-filled

--toggle-button-foreground-filled

コンボが満たされた時のコンボトグルボタンの前景色。

Color

null

$clear-button-background

--clear-button-background

コンボクリアボタンの背景色。

Color

null

$clear-button-background-focus

--clear-button-background-focus

コンボがフォーカスされている時のコンボクリアボタンの背景色。

Color

null

$clear-button-foreground

--clear-button-foreground

コンボクリアボタンの前景色。

Color

null

$clear-button-foreground-focus

--clear-button-foreground-focus

コンボがフォーカスされている時のコンボクリアボタンの前景色。

Color

null

必須

var light-material-schema

作者

function date-range-picker-theme public

Deprecation message:

パラメーター

$schema

N/A

コンポーネントのスタイル設定に基づいて使用されるスキーマ。

Map

$light-material-schema

$label-color

--label-color

日付範囲セパレーターのラベルの色。

color

null

作者

Marin Popov

function dialog-theme public

ダイアログテーマ

Deprecation message:

$my-dialog-theme: dialog-theme($background: black);
// css-vars() mixin へテーマを渡します。
@include css-vars($my-dialog-theme);

パラメーター

$schema

N/A

コンポーネントスタイル設定のベースとして使用されスキーマ。

Map

$light-material-schema

$elevations

--elevations

使用されるエレベーション (影) マップ。

Map

null

$background

--background

ダイアログの背景色。

Color

null

$title-color

--title-color

ダイアログタイトルテキストの色。

Color

null

$message-color

--message-color

ダイアログメッセージテキストの色。

Color

null

$shadow

--shadow

ダイアログに使用される影。

box-shadow

null

$border-radius

--border-radius

ダイアログコンポーネントに使用される端の丸み。

List

null

$border-color

--border-color

ダイアログコンポーネントに使用される境界線の色。

Color

null

必須

var light-material-schema

作者

function divider-theme public

Deprecation message:

$my-divider-theme: divider-theme($color: orange);
// css-vars() mixin へテーマを渡します。
@include css-vars($my-divider-theme);

パラメーター

$schema

N/A

コンポーネントのスタイル設定を基に使用されるスキーマ。

Map

$light-material-schema

$color

--color

デバイダーの色。(ダッシュされた divider にグラデーションはサポートしません。)

Color

null

$inset

--inset

ディバイダのインセット値。

number

null

必須

var light-material-schema

作者

function dock-manager-theme public

背景色のみ指定した場合、テキスト/アイコンの色は自動的に対比色に割り当てられます。

Deprecation message:

$my-dock-manager-theme: dock-manager-theme();
// テーマを css-vars() mixin に渡します。
@include css-vars($my-dock-manager-theme);

パラメーター

$schema

N/A

コンポーネントのスタイル設定に基づいて使用されるスキーマ。

Map

$light-material-schema

$accent-color

--accent-color

ピン固定ヘッダーの背景色、ジョイスティックの背景色と境界線の色、およびコンテキストメニューの背景色を設定します。

Color

null

$active-color

--active-color

タブ、ペイン、およびメニューのアクティブなテキストと境界線の色を設定します。

Color

null

$border-color

--border-color

ドックマネージャーでグローバルな境界線の色を設定します。ペインコンテンツの背景とコンテキストメニューのアクティブ表示の背景色も設定します。

Color

null

$button-text

--button-text

ボタンのテキスト色を設定します。

Color

null

$context-menu-background

--context-menu-background

コンテキストメニューの背景色を設定します。

Color

null

$context-menu-background-active

--context-menu-background-active

アクティブコンテキストメニューの背景色を設定します。

Color

null

$context-menu-color

--context-menu-color

コンテキストメニューのテキスト色を設定します。

Color

null

$context-menu-color-active

--context-menu-color-active

アクティブコンテキストメニューのテキスト色を設定します。

Color

null

$dock-background

--dock-background

ドックマネージャーの背景色を設定します。

Color

null

$dock-text

--dock-text

ドックマネージャーのテキスト色を設定します。

Color

null

$drop-shadow-background

--drop-shadow-background

影付きの背景色を設定します。

Color

null

$floating-pane-border-color

--floating-pane-border-color

フローティングペインの境界線の色を設定します。

Color

null

$flyout-shadow-color

--flyout-shadow-color

フライアウト影の色を設定します。

Color

null

$joystick-background

--joystick-background

ジョイスティックの背景色を設定します。

Color

null

$joystick-background-active

--joystick-background-active

ジョイスティックの背景色を設定します。

Color

null

$joystick-border-color

--joystick-border-color

ジョイスティックの境界線の色を設定します。

Color

null

$joystick-icon-color

--joystick-icon-color

ジョイスティックアイコンの色を設定します。

Color

null

$joystick-icon-color-active

--joystick-icon-color-active

アクティブなジョイスティックアイコンの色を設定します。

Color

null

$pane-content-background

--pane-content-background

コンテンツペインの背景色を設定します。

Color

null

$pane-content-text

--pane-content-text

コンテンツペインのテキストの色を設定します。

Color

null

$pane-header-background

--pane-header-background

ペインヘッダーの背景色を設定します。

Color

null

$pane-header-text

--pane-header-text

ペインヘッダーのテキスト色を設定します。

Color

null

$pinned-header-background

--pinned-header-background

ピン固定ヘッダーの背景色を設定します。

Color

null

$pinned-header-text

--pinned-header-text

ピン固定ヘッダーのテキストの色を設定します。

Color

null

$background-color

--background-color

ドックマネージャーの基本色と、ペインヘッダーおよびタブの背景色を設定します。

Color

null

$splitter-background

--splitter-background

スプリッターの背景色を設定します。

Color

null

$splitter-handle

--splitter-handle

スプリッターハンドルの背景色を設定します。

Color

null

$tab-background

--tab-background

タブの背景色を設定します。

Color

null

$tab-background-active

--tab-background-active

アクティブなタブの背景色を設定します。

Color

null

$tab-border-color

--tab-border-color

タブの境界線の色を設定します。

Color

null

$tab-border-color-active

--tab-border-color-active

アクティブなタブの境界線の色を設定します。

Color

null

$tab-text

--tab-text

タブのテキスト色を設定します。

Color

null

$tab-text-active

--tab-text-active

アクティブなタブのテキスト色を設定します。

Color

null

$text-color

--text-color

ドックマネージャーのほとんどの要素のテキスト色を設定します。デフォルトのジョイスティックアイコンの色として使用されます。

Color

null

必須

var light-material-schema

作者

function drop-down-theme public

Drop-down テーマを生成します。

Deprecation message:

$my-dropdown-theme: drop-down-theme($background-color: #09f);
// css-vars() mixin へテーマを渡します。
@include css-vars($my-dropdown-theme);

パラメーター

$schema

N/A

コンポーネントのスタイル設定を基に使用されるスキーマ。

Map

$light-material-schema

$elevations

--elevations

使用されるエレベーション (影) マップ。

Map

null

$background-color

--background-color

ドロップダウンの背景色。

Color

null

$header-text-color

--header-text-color

ドロップダウンヘッダーテキストの色。

Color

null

$item-text-color

--item-text-color

ドロップダウン項目のテキストの色。

Color

null

$item-icon-color

--item-icon-color

ドロップダウン項目のアイコンの色。

Color

null

$hover-item-text-color

--hover-item-text-color

ドロップダウン項目のホバーのテキストの色。

Color

null

$hover-item-icon-color

--hover-item-icon-color

ドロップダウン項目のホバーのアイコンの色。

Color

null

$hover-item-background

--hover-item-background

ドロップダウンホバー項目の背景色。

Color

null

$focused-item-background

--focused-item-background

ドロップダウンフォーカスされた項目の背景色。

Color

null

$focused-item-text-color

--focused-item-text-color

ドロップダウンフォーカスされた項目のテキストの色。

Color

null

$focused-item-border-color

--focused-item-border-color

ドロップダウン項目のフォーカス境界線の色。

Color

null

$selected-item-background

--selected-item-background

ドロップダウン選択された項目の背景色。

Color

null

$selected-item-text-color

--selected-item-text-color

ドロップダウン選択された項目のテキストの色。

Color

null

$selected-item-icon-color

--selected-item-icon-color

選択されたドロップダウン項目のアイコンの色。

Color

null

$selected-hover-item-background

--selected-hover-item-background

ドロップダウン選択された項目ホバーの背景色。

Color

null

$selected-hover-item-text-color

--selected-hover-item-text-color

ドロップダウン選択された項目ホバーのテキストの色。

Color

null

$selected-hover-item-icon-color

--selected-hover-item-icon-color

選択されたドロップダウン項目のホバーのアイコンの色。

Color

null

$selected-focus-item-background

--selected-focus-item-background

ドロップダウン選択された項目フォーカスの背景色。

Color

null

$selected-focus-item-text-color

--selected-focus-item-text-color

ドロップダウン選択された項目フォーカスのテキストの色。

Color

null

$disabled-item-background

--disabled-item-background

ドロップダウンが無効にされた項目の背景色。

Color

null

$disabled-item-text-color

--disabled-item-text-color

ドロップダウンが無効にされた項目のテキストの色。

Color

null

$shadow

--shadow

ドロップダウンに使用する影を設定します。

box-shadow

null

$border-width

--border-width

ドロップダウンコンポーネントに使用される境界線の幅。

Number

null

$border-color

--border-color

ドロップダウンコンポーネントに使用される境界線の色。

Color

null

$border-radius

--border-radius

ドロップダウンコンポーネントに使用される 0 から 1 までの境界半径。

List

null

$item-border-radius

--item-border-radius

ドロップダウン項目に使用される境界の半径。

List

null

必須

var light-material-schema

作者

function expansion-panel-theme public

展開パネルテーマ

Deprecation message:

$my-expansion-panel-theme: expansion-panel-theme($header-background: black);
// css-vars() mixin へテーマを渡します。
@include css-vars($my-expansion-panel-theme);

パラメーター

$schema

N/A

コンポーネントスタイル設定のベースとして使用されスキーマ。

Map

$light-material-schema

$header-background

--header-background

パネルヘッダーの背景色。

Color

null

$header-focus-background

--header-focus-background

パネルヘッダーフォーカスの背景色。

Color

null

$header-title-color

--header-title-color

パネルヘッダータイトルテキストの色。

Color

null

$header-description-color

--header-description-color

パネルヘッダー説明のテキストの色。

Color

null

$header-icon-color

--header-icon-color

パネルヘッダーのアイコンの色。

Color

null

$body-color

--body-color

パネルボディテキストの色。

Color

null

$body-background

--body-background

パネルボディの背景色。

Color

null

$disabled-text-color

--disabled-text-color

パネルが無効なテキストの色。

Color

null

$disabled-description-color

--disabled-description-color

無効になっているパネルヘッダーの説明のテキストの色。

Color

null

$expanded-margin

--expanded-margin

アコーディオン内に配置されたときの展開状態の展開パネルのマージン。

Number

null

$border-radius

--border-radius

展開パネルコンポーネントに使用される 0 から 1 までの境界半径。

List

null

必須

var light-material-schema

作者

Marin Popov

function grid-summary-theme public

Deprecation message:

$my-summary-theme: grid-summary-theme(
  $background-color: black,
  $label-color: white
);
// css-vars mixin へテーマを渡します。
@include css-vars($my-summary-theme);

パラメーター

$schema

N/A

コンポーネントスタイル設定のベースとして使用されスキーマ。

Map

$light-material-schema

$background-color

--background-color

集計背景色は igx-grid__tfoot から継承します。

Color

null

$focus-background-color

--focus-background-color

集計項目にフォーカスがあるときの背景色。

Color

null

$label-color

--label-color

集計ラベルの色。

Color

null

$result-color

--result-color

集計の結果/値の色。

Color

null

$border-color

--border-color

集計の境界線色。

Color

null

$pinned-border-width

--pinned-border-width

集計パネルの境界線の幅。

Color

null

$pinned-border-style

--pinned-border-style

集計パネルの境界線のスタイル。

Color

null

$pinned-border-color

--pinned-border-color

集計パネルの境界線の色。

Color

null

$label-hover-color

--label-hover-color

集計のホバーラベルの色。

Color

null

必須

var light-material-schema

作者

function grid-toolbar-theme public

Deprecation message:

$my-toolbar-theme: grid-toolbar-theme(
  $background-color: black
);
// css-vars mixin へテーマを渡します。
@include css-vars($my-toolbar-theme);

パラメーター

$schema

N/A

コンポーネントスタイル設定のベースとして使用されスキーマ。

Map

$light-material-schema

$elevations

--elevations

使用されるエレベーション (影) マップ。

Map

null

$background-color

--background-color

ツールバーの背景色。

Color

null

$title-text-color

--title-text-color

ツールバータイトルテキストの色。

Color

null

$dropdown-background

--dropdown-background

ツールバードロップダウンの背景色。

Color

null

$item-text-color

--item-text-color

ツールバードロップダウン項目のテキストの色。

Color

null

$item-hover-background

--item-hover-background

ツールバードロップダウン項目ホバーテストの色。

Color

null

$item-hover-text-color

--item-hover-text-color

ツールバードロップダウン項目ホバーテキストの色。

Color

null

$item-focus-background

--item-focus-background

ツールバードロップダウン項目フォーカス背景色。

Color

null

$item-focus-text-color

--item-focus-text-color

ツールバードロップダウン項目フォーカステキストの色。

Color

null

$border-color

--border-color

ツールバーの下の境界線の色。

Color

null

必須

var light-material-schema

作者

function grid-theme public

Deprecation message:

$my-grid-theme: grid-theme($header-background: black);
// css-vars() mixin へテーマを渡します。
@include css-vars($my-grid-theme);

パラメーター

$schema

N/A

コンポーネントスタイル設定のベースとして使用されスキーマ。

Map

$light-material-schema

$elevations

--elevations

使用されるエレベーション (影) マップ。

Map

null

$header-background

--header-background

テーブルヘッダーの背景色。

Color

null

$header-text-color

--header-text-color

テーブルヘッダーテキストの色。

Color

null

$header-border-width

--header-border-width

ヘッダー境界線に使用される境界線の幅。

String

null

$header-border-style

--header-border-style

ヘッダー境界線に使用される境界線のスタイル。

String

null

$header-border-color

--header-border-color

ヘッダー境界線に使用される色。

Color

null

$header-selected-background

--header-selected-background

選択時のテーブルヘッダーの背景色 (列の選択など)。

Color

null

$header-selected-text-color

--header-selected-text-color

選択時のテーブルヘッダーのテキスト色 (列の選択など)。

Color

null

$sorted-header-icon-color

--sorted-header-icon-color

ソート時のソートアイコンの色

Color

null

$sortable-header-icon-hover-color

--sortable-header-icon-hover-color

列のソートが可能な場合のグリッドヘッダーのホバーのアイコンの色。

color

null

$content-background

--content-background

テーブルボディの背景色。

Color

null

$content-text-color

--content-text-color

テーブルボディテキストの色。

Color

null

$ghost-header-text-color

--ghost-header-text-color

ドラッグされたヘッダーテキストの色。

Color

null

$ghost-header-icon-color

--ghost-header-icon-color

ドラッグされたヘッダーアイコンの色。

Color

null

$ghost-header-background

--ghost-header-background

ドラッグされたヘッダーの背景色。

Color

null

$row-odd-background

--row-odd-background

奇数行の背景色。

Color

null

$row-even-background

--row-even-background

偶数行の背景色。

Color

null

$row-odd-text-color

--row-odd-text-color

奇数行テキストの色。

Color

null

$row-even-text-color

--row-even-text-color

偶数行テキストの色。

Color

null

$row-selected-background

--row-selected-background

選択された行の背景色。

Color

null

$row-selected-hover-background

--row-selected-hover-background

選択された行のホバーの背景色。

Color

null

$row-selected-text-color

--row-selected-text-color

選択された行のテキストの色。

Color

null

$row-selected-hover-text-color

--row-selected-hover-text-color

選択された行のホバーテキストの色。

Color

null

$row-hover-background

--row-hover-background

ホバー行の背景色。

Color

null

$row-hover-text-color

--row-hover-text-color

ホバー行のテキストの色。

Color

null

$row-border-color

--row-border-color

行の下の境界線の色。

Color

null

$pinned-border-width

--pinned-border-width

ピン固定境界線の境界線の幅。

String

null

$pinned-border-style

--pinned-border-style

ピン固定境界線の CSS 境界線のスタイル。

String

null

$pinned-border-color

--pinned-border-color

ピン固定境界線の色。

Color

null

$cell-active-border-color

--cell-active-border-color

現在アクティブ (フォーカスされた) セルの境界の色。

Color

null

$cell-selected-background

--cell-selected-background

選択されたセルの背景色。

Color

null

$cell-selected-text-color

--cell-selected-text-color

選択されたセルのテキストの色。

Color

null

$cell-editing-background

--cell-editing-background

編集されるセルの背景色。

Color

null

$cell-editing-foreground

--cell-editing-foreground

編集モードのセルのテキストの色。

Color

null

$cell-editing-focus-foreground

--cell-editing-focus-foreground

フォーカス時の編集モードのセルのテキストの色。

Color

null

$cell-edited-value-color

--cell-edited-value-color

編集されたセルのテキストの色。

Color

null

$cell-new-color

--cell-new-color

編集されていない新しいセルのテキストの色。グリッドに新しい行を追加するときに使用されます。

Color

null

$cell-disabled-color

--cell-disabled-color

無効なセルのテキストの色。

Color

null

$cell-selected-within-background

--cell-selected-within-background

選択した行/列内の選択したセルの背景。

Color

null

$cell-selected-within-text-color

--cell-selected-within-text-color

選択した行/列内の選択したセルの色。

Color

null

$edit-mode-color

--edit-mode-color

編集モード時に行 / セルの周囲に適用される色。

Color

null

$edited-row-indicator

--edited-row-indicator

編集された行インジケーター行に適用される色。

Color

null

$resize-line-color

--resize-line-color

テーブルヘッダーのサイズ変更線の色。

Color

null

$drop-indicator-color

--drop-indicator-color

列をドラッグしたときに列間の線に適用される色。

Color

null

$grouparea-background

--grouparea-background

グリッドグループ領域の背景色。

Color

null

$grouparea-color

--grouparea-color

グリッドグループ領域の色。

Color

null

$group-row-background

--group-row-background

グリッドグループ行の背景色。

Color

null

$group-row-selected-background

--group-row-selected-background

ドロップ色のドロップ領域の背景。

Color

null

$group-label-column-name-text

--group-label-column-name-text

グリッドグループ行名前のテキストの色。

Color

null

$group-label-icon

--group-label-icon

グリッドグループ行アイコンの色。

Color

null

$group-label-text

--group-label-text

グリッドグループ行テキストの色。

Color

null

$expand-all-icon-color

--expand-all-icon-color

グリッドヘッダーすべてのグループ行の展開のアイコンの色。

Color

null

$expand-all-icon-hover-color

--expand-all-icon-hover-color

グリッドヘッダーすべてのグループ行の展開のアイコンホバーの色。

Color

null

$expand-icon-color

--expand-icon-color

グリッド行の展開アイコンの色。

Color

null

$expand-icon-hover-color

--expand-icon-hover-color

グリッド行の展開アイコンホバーの色。

Color

null

$active-expand-icon-color

--active-expand-icon-color

ドロップ色のドロップ領域の背景。

Color

null

$active-expand-icon-hover-color

--active-expand-icon-hover-color

ドロップ色のドロップ領域の背景。

Color

null

$group-count-background

--group-count-background

グリッド行グループ行数バッジの背景色。

Color

null

$group-count-text-color

--group-count-text-color

グリッド行グループ行数バッジのテキストの色。

Color

null

$drop-area-text-color

--drop-area-text-color

ドロップ領域テキストの色。

Color

null

$drop-area-icon-color

--drop-area-icon-color

ドロップ領域アイコンの色。

Color

null

$drop-area-background

--drop-area-background

ドロップ領域の背景色。

Color

null

$drop-area-on-drop-background

--drop-area-on-drop-background

ドロップ色のドロップ領域の背景。

Color

null

$filtering-background-and

--filtering-background-and

高度なフィルタリングの "AND" 条件の背景色。

Color

null

$filtering-background-and--focus

--filtering-background-and--focus

高度なフィルタリングの "AND" 条件のフォーカス/選択の背景色。

Color

null

$filtering-background-or

--filtering-background-or

高度なフィルタリングの "OR" 条件の背景色。

Color

null

$filtering-background-or--focus

--filtering-background-or--focus

高度なフィルタリングの "OR" 条件のフォーカス/選択の背景色。

Color

null

$filtering-header-background

--filtering-header-background

フィルター済み列ヘッダーの背景色。

Color

null

$filtering-header-text-color

--filtering-header-text-color

フィルター済み列ヘッダーテキストの色。

Color

null

$filtering-row-background

--filtering-row-background

フィルタリング行の背景色。

Color

null

$filtering-row-text-color

--filtering-row-text-color

フィルタリング行のテキストの色。

Color

null

$excel-filtering-header-foreground

--excel-filtering-header-foreground

Excel スタイルフィルタリングのヘッダーのテキストの色。

Color

null

$excel-filtering-subheader-foreground

--excel-filtering-subheader-foreground

Excel スタイルフィルタリングのソートと移動ヘッダーのテキストの色。

Color

null

$excel-filtering-actions-foreground

--excel-filtering-actions-foreground

Excel スタイルフィルタリングオプションのテキストの色。

Color

null

$excel-filtering-actions-hover-foreground

--excel-filtering-actions-hover-foreground

Excel スタイルフィルタリングのソートと移動ヘッダーのテキストの色。

Color

null

$excel-filtering-actions-disabled-foreground

--excel-filtering-actions-disabled-foreground

無効な状態の Excel スタイルフィルタリングオプションのテキストの色。

Color

null

$tree-filtered-text-color

--tree-filtered-text-color

フォーカスされるグループ化行の背景色。

Color

null

$body-summaries-background

--body-summaries-background

ボディ内にある集計グループのテキストの背景色。

Color

null

$body-summaries-text-color

--body-summaries-text-color

ボディ内にある集計結果のテキストの色。

Color

null

$root-summaries-background

--root-summaries-background

フッター内にある集計グループの背景色。

Color

null

$root-summaries-text-color

--root-summaries-text-color

フッター内にある集計結果のテキストの色。

Color

null

$row-highlight

--row-highlight

グリッド行の強調表示の指示の色。

Color

null

$grid-shadow

--grid-shadow

グリッドの影。

box-shadow

null

$drag-shadow

--drag-shadow

移動可能な要素 (列ヘッダー) に使用される影。

box-shadow

null

$row-ghost-background

--row-ghost-background

ドラッグされた行の背景色。

color

null

$row-drag-color

--row-drag-color

ドラッグされた行の背景色。

color

null

$grid-border-color

--grid-border-color

グリッドの境界線色。

Color

null

$drop-area-border-radius

--drop-area-border-radius

行ドラッグのハンドルの色。

List

null

必須

var light-material-schema

作者

function pivot-data-selector-theme public

Deprecation message:

パラメーター

$schema

N/A

コンポーネントのスタイル設定に基づいて使用されるスキーマ。

Map

$light-material-schema

作者

Simeon Simeonoff

function highlight-theme public

背景色のみ指定した場合、テキストの色は自動的に対比色に割り当てられます。

Deprecation message:

$my-highlight-theme: highlight-theme($resting-background: black, $active-color: white);
// css-vars() mixin へテーマを渡します。
@include css-vars($my-highlight-theme);

パラメーター

$schema

N/A

コンポーネントのスタイル設定に基づいて使用されるスキーマ。

Map

$light-material-schema

$resting-background

--resting-background

静止状態の強調表示に使用される背景色。

Color

null

$resting-color

--resting-color

静止状態の強調表示に使用されるテキストの色。

Color

null

$active-background

--active-background

アクティブ状態の強調表示に使用される背景色。

Color

null

$active-color

--active-color

アクティブ状態の強調表示に使用されるテキストの色。

Color

null

必須

var light-material-schema

作者

Simeon Simeonoff

function icon-theme public

Deprecation message:

$my-icon-theme: icon-theme($color: orange);
// css-vars() mixin へテーマを渡します。
@include css-vars($my-icon-theme);

パラメーター

$schema

N/A

コンポーネントスタイル設定のベースとして使用されスキーマ。

Map

$light-material-schema

$color

--color

アイコンの色。

Color

null

$size

--size

アイコンのサイズ。

String

null

$disabled-color

--disabled-color

無効のアイコン色。

Color

null

必須

var light-material-schema

作者

function input-group-theme public

Deprecation message:

$my-input-group-theme: input-group-theme($focused-secondary-color: pink, $focused-bottom-line-color: pink);
// css-vars() mixin へテーマを渡します。
@include css-vars($my-input-group-theme);

パラメーター

$schema

N/A

コンポーネントスタイル設定のベースとして使用されスキーマ。

Map

$light-material-schema

$elevations

--elevations

使用されるエレベーション (影) マップ。

Map

null

$idle-text-color

--idle-text-color

アイドル状態の入力テキストの色。

Color

null

$filled-text-color

--filled-text-color

塗りつぶされた状態の入力テキストの色。

Color

null

$filled-text-hover-color

--filled-text-hover-color

ホバー時の塗りつぶされた状態の入力テキストの色。

Color

null

$focused-text-color

--focused-text-color

フォーカスした状態の入力テキストの色。

Color

null

$disabled-text-color

--disabled-text-color

無効な状態の入力テキストの色。

Color

null

$helper-text-color

--helper-text-color

ヘルパーのテキストの色。

Color

null

$input-prefix-color

--input-prefix-color

アイドル状態の入力プレフィックスの色。

Color

null

$input-prefix-background

--input-prefix-background

アイドル状態の入力プレフィックスの背景色。

Color

null

$input-prefix-color--filled

--input-prefix-color--filled

塗りつぶされた状態の入力プレフィックスの色。

Color

null

$input-prefix-background--filled

--input-prefix-background--filled

塗りつぶされた状態の入力プレフィックスの背景色。

Color

none

$input-prefix-color--focused

--input-prefix-color--focused

フォーカス状態の入力プレフィックスの色。

Color

null

$input-prefix-background--focused

--input-prefix-background--focused

フォーカス状態の入力プレフィックスの背景色。

Color

null

$input-suffix-color

--input-suffix-color

アイドル状態の入力サフィックスの色。

Color

null

$input-suffix-background

--input-suffix-background

アイドル状態の入力サフィックスの背景色。

Color

null

$input-suffix-color--filled

--input-suffix-color--filled

塗りつぶされた状態の入力サフィックスの色。

Color

null

$input-suffix-background-filled

--input-suffix-background-filled

塗りつぶされた状態の入力サフィックスの背景色。

Color

null

$input-suffix-color--focused

--input-suffix-color--focused

フォーカス状態の入力サフィックスの色。

Color

null

$input-suffix-background--focused

--input-suffix-background--focused

フォーカス状態の入力サフィックスの背景色。

Color

null

$idle-secondary-color

--idle-secondary-color

アイドル状態のラベルの色。

Color

null

$focused-secondary-color

--focused-secondary-color

フォーカスした状態のラベルの色。

Color

null

$idle-bottom-line-color

--idle-bottom-line-color

アイドル状態の下線と境界線の色。

Color

null

$hover-bottom-line-color

--hover-bottom-line-color

ホバー状態の下線と境界線の色。

Color

null

$focused-bottom-line-color

--focused-bottom-line-color

フォーカスした状態の下線と境界線の色。

Color

null

$interim-bottom-line-color

--interim-bottom-line-color

フォーカス状態のトランジション中の下線と境界線の色。

Color

null

$disabled-bottom-line-color

--disabled-bottom-line-color

無効な状態の下線と境界線の色。

Color

null

$border-color

--border-color

Border および fluent 型の入力グループのための境界線の色。

Color

null

$hover-border-color

--hover-border-color

Border および fluent 型の入力グループのためのホバー入力の境界線。

Color

null

$focused-border-color

--focused-border-color

Border および fluent 型の入力グループのためのフォーカスされた入力の境界線色。

Color

null

$disabled-border-color

--disabled-border-color

Border および fluent 型の入力グループのための無効な境界線色。

Color

null

$box-background

--box-background

Box 型の入力グループのための背景色。

Color

null

$box-background-hover

--box-background-hover

Box 型の入力グループのホバー時の背景色。

Color

null

$box-background-focus

--box-background-focus

Box 型の入力グループのフォーカス時の背景色。

Color

null

$box-disabled-background

--box-disabled-background

無効な状態の box 型の入力グループの背景色。

Color

null

$border-background

--border-background

Border 型の入力グループのための色。

Color

null

$border-disabled-background

--border-disabled-background

無効な状態の border 型の入力グループのための背景色。

Color

null

$search-background

--search-background

Search 型の入力グループの背景色。

Color

null

$search-disabled-background

--search-disabled-background

無効な状態の search 型の入力グループの背景色。

Color

null

$search-resting-shadow

--search-resting-shadow

静止状態の search 型の入力グループのための影付きの色。

box-shadow

null

$search-hover-shadow

--search-hover-shadow

ホバー状態の search 型の入力グループのための影付きの色。

box-shadow

null

$search-disabled-shadow

--search-disabled-shadow

無効な状態の search 型の入力グループのための影付きの色。

box-shadow

null

$success-secondary-color

--success-secondary-color

有効状態に使用する成功の色。

Color

null

$warning-secondary-color

--warning-secondary-color

警告状態に使用する警告色。

Color

null

$error-secondary-color

--error-secondary-color

エラー状態に使用するエラー色。

Color

null

$box-border-radius

--box-border-radius

ボックス入力のため使用される境界半径。

List

null

$border-border-radius

--border-border-radius

端入力のため使用される境界半径。

List

null

$search-border-radius

--search-border-radius

検索入力のため使用される境界半径。

List

null

$placeholder-color

--placeholder-color

入力グループのプレースホルダーの色。

Color

null

$hover-placeholder-color

--hover-placeholder-color

ホバー時の入力グループのプレースホルダーの色。

Color

null

$disabled-placeholder-color

--disabled-placeholder-color

無効の入力グループのプレースホルダーの色。

Color

null

作者

Simeon Simeonoff

function label-theme public

Deprecation message:

パラメーター

$schema

N/A

コンポーネントのスタイル設定に基づいて使用されるスキーマ。

Map

$light-material-schema

$color

--color

テキストの色。

Map

null

作者

Simeon Simeonoff

function list-theme public

Deprecation message:

$my-list-theme: list-theme($background: black);
// css-vars() mixin へテーマを渡します。
@include css-vars($my-list-theme);

パラメーター

$schema

N/A

コンポーネントのスタイル設定に基づいて使用されるスキーマ。

Map

$light-material-schema

$background

--background

リストの背景色。

Color

null

$header-background

--header-background

リストヘッダーの背景色。

Color

null

$header-text-color

--header-text-color

リストヘッダーテキストの色。

Color

null

$item-background

--item-background

リスト項目の背景色。

Color

null

$item-background-hover

--item-background-hover

リスト項目ホバー背景の色。

Color

null

$item-background-active

--item-background-active

アクティブリスト項目の背景色。

Color

null

$item-text-color

--item-text-color

リスト項目テキストの色。

Color

null

$item-text-color-hover

--item-text-color-hover

リスト項目ホバーテキストの色。

Color

null

$item-text-color-active

--item-text-color-active

アクティブリスト項目テキストの色。

Color

null

$item-title-color

--item-title-color

リスト項目タイトルの色。

Color

null

$item-title-color-hover

--item-title-color-hover

リスト項目ホバータイトルの色。

Color

null

$item-title-color-active

--item-title-color-active

アクティブリスト項目タイトルの色。

Color

null

$item-subtitle-color

--item-subtitle-color

リスト項目サブタイトルの色。

Color

null

$item-subtitle-color-hover

--item-subtitle-color-hover

リスト項目ホバーサブタイトルの色。

Color

null

$item-subtitle-color-active

--item-subtitle-color-active

アクティブリスト項目サブタイトルの色。

Color

null

$item-action-color

--item-action-color

リスト項目アクションの色。

Color

null

$item-action-color-hover

--item-action-color-hover

リスト項目ホバーアクションの色。

Color

null

$item-action-color-active

--item-action-color-active

アクティブリスト項目アクションの色。

Color

null

$item-thumbnail-color

--item-thumbnail-color

リスト項目サムネイルの色。

Color

null

$item-thumbnail-color-hover

--item-thumbnail-color-hover

リスト項目ホバーサムネイルの色。

Color

null

$item-thumbnail-color-active

--item-thumbnail-color-active

アクティブリスト項目サムネイルの色。

Color

null

$border-radius

--border-radius

リストコンポーネントに使用される 0 から 1 までの境界半径。

List

null

$item-border-radius

--item-border-radius

リスト項目に使用される境界半径。

List

null

$border-width

--border-width

リストの境界線の幅。

Color

null

$border-color

--border-color

リストの境界線の色。

Number

null

必須

var light-material-schema

作者

function navbar-theme public

Deprecation message:

$my-navbar-theme: navbar-theme($background: green);
// css-vars() mixin へテーマを渡します。
@include css-vars($my-navbar-theme);

パラメーター

$schema

N/A

コンポーネントスタイル設定のベースとして使用されスキーマ。

Map

$light-material-schema

$elevations

--elevations

使用されるエレベーション (影) マップ。

Map

null

$background

--background

ナビゲーションバーの背景色。

Color

null

$text-color

--text-color

ナビゲーションバーのテキストの色。

Color

null

$border-color

--border-color

ナビゲーションバーの境界線の色。

Color

null

$shadow

--shadow

ナビゲーションバーの影。

box-shadow

null

$idle-icon-color

--idle-icon-color

ナビゲーションバーのアイドルアイコンの色。

Color

null

$hover-icon-color

--hover-icon-color

ナビゲーションバーのホバーアイコンの色。

Color

null

$disable-shadow

--disable-shadow

ナビゲーションバーの影の表示状態を設定します。

Bool

true

必須

var light-material-schema

作者

function navdrawer-theme public

Deprecation message:

$navdrawer-theme: navdrawer-theme(
  $background: #2d313a,
  $item-active-background: #ecc256,
  $item-icon-color: #ecc256
);
// css-vars() mixin へテーマを渡します。
@include css-vars($navdrawer-theme);

パラメーター

$schema

N/A

コンポーネントスタイル設定のベースとして使用されスキーマ。

Map

$light-material-schema

$elevations

--elevations

使用されるエレベーション (影) マップ。

Map

null

$background

--background

ナビゲーションドロワーの背景色。

Color

null

$border-color

--border-color

ナビゲーションドロワーの右境界線の色。

Color

null

$item-header-text-color

--item-header-text-color

ヘッダーのアイドルテキストの色。

Color

null

$item-text-color

--item-text-color

項目のアイドルテキストの色。

Color

null

$item-icon-color

--item-icon-color

項目のアイコンの色。

Color

null

$item-active-text-color

--item-active-text-color

項目のアクティブテキストの色。

Color

null

$item-active-background

--item-active-background

項目のアクティブの背景色。

Color

null

$item-active-icon-color

--item-active-icon-color

項目のアイコンアクティブの色。

Color

null

$item-hover-background

--item-hover-background

項目のホバーの背景色。

Color

null

$item-hover-text-color

--item-hover-text-color

項目のホバーテキストの色。

Color

null

$item-hover-icon-color

--item-hover-icon-color

項目のホバーアイコンの色。

Color

null

$item-disabled-text-color

--item-disabled-text-color

無効な項目のテキストの色。

Color

null

$item-disabled-icon-color

--item-disabled-icon-color

無効な項目のアイコンの色。

Color

null

$shadow

--shadow

ドロワーに使用するカスタム影を設定します。

Color

null

$border-radius

--border-radius

ナビゲーションドロワーコンポーネントに使用される境界半径。

List

null

$item-border-radius

--item-border-radius

ナビゲーションドロワーに使用される境界半径。

List

null

必須

var light-material-schema

作者

function overlay-theme public

Deprecation message:

$my-overlay-theme: overlay-theme($background-color: rgba(yellow, .74));
// css-vars() mixin へテーマを渡します。
@include css-vars($my-overlay-theme);

パラメーター

$schema

N/A

コンポーネントスタイル設定のベースとして使用されスキーマ。

Map

$light-material-schema

$background-color

--background-color

モーダルオーバレイのために使用される背景色。

Color

null

必須

var light-material-schema

作者

function paginator-theme public

グリッドページングテーマ

Deprecation message:

$my-paginator-theme: paginator-theme(
  $stripes-color: orange
);
// css-vars() mixin へテーマを渡します。
@include css-vars($my-paginator-theme);

パラメーター

$schema

N/A

コンポーネントのスタイル設定に基づいて使用されるスキーマ。

Map

$light-material-schema

$text-color

--text-color

テキストの色。

Color

currentColor

$background-color

--background-color

ページングパネルの背景色。

Color

rgba(0, 0, 0, .04)

$border-color

--border-color

ページングパネルの境界線の色。

Color

rgba(0, 0, 0, .26)

必須

var light-material-schema

作者

function progress-linear-theme public

Deprecation message:

$my-progress-linear-theme: progress-linear-theme(
  $stripes-color: orange
);
// css-vars() mixin へテーマを渡します。
@include css-vars($my-progress-linear-theme);

パラメーター

$schema

N/A

コンポーネントスタイル設定のベースとして使用されスキーマ。

Map

$light-material-schema

$track-color

--track-color

主要トラックの色。

Color

null

$fill-color-default

--fill-color-default

トラックのデフォルトの塗りつぶし色。

Color

null

$fill-color-danger

--fill-color-danger

トラックの危険の塗りつぶし色。

Color

null

$fill-color-warning

--fill-color-warning

トラックの警告の塗りつぶし色。

Color

null

$fill-color-info

--fill-color-info

トラックの情報の塗りつぶし色。

Color

null

$fill-color-success

--fill-color-success

トラックの成功の塗りつぶし色。

Color

null

$stripes-color

--stripes-color

トラックのストライプの色。

Color

null

$text-color

--text-color

トラック値テキストの色。

Color

null

$track-border-radius

--track-border-radius

プログレスバートラックに使用される 0 から 8 までの境界半径の割合。

List

null

必須

var light-material-schema

作者

function progress-circular-theme public

Deprecation message:

$my-progress-circular-theme: igx-progress-circular-theme(
  $progress-circle-color: purple
);
// igx-progress-circular コンポーネント mixin へテーマを渡します。
@include igx-progress-circular($my-progress-circle-theme);

パラメーター

$schema

N/A

コンポーネントスタイル設定のベースとして使用されスキーマ。

Map

$light-material-schema

$base-circle-color

--base-circle-color

基本円の塗りつぶし色。

Color

null

$progress-circle-color

--progress-circle-color

プログレス円の塗りつぶし色。

Color | List<Color>

null

$text-color

--text-color

値テキストの色。

Color

null

$diameter

--diameter

プログレス円の直径。

Number

null

必須

var light-material-schema

作者

function query-builder-theme public

Deprecation message:

$my-query-builder-theme: query-builder-theme($$background: red);
// css-vars() mixin へテーマを渡します。
@include css-vars($my-query-builder-theme);

パラメーター

$schema

N/A

コンポーネントのスタイル設定に基づいて使用されるスキーマ。

Map

$light-material-schema

$elevations

--elevations

使用されるエレベーション (影) マップ。

Map

null

$background

--background

フィルタリング行の背景色。

Color

null

$header-background

--header-background

クエリビルダーヘッダーの背景色。

Color

null

$header-foreground

--header-foreground

クエリビルダーヘッダーの前景色。

Color

null

$header-border

--header-border

クエリビルダーの、ヘッダーの境界線の色。

Color

null

$background-and

--background-and

高度なフィルタリングの "AND" 条件の背景色。

Map

null

$background-and--focus

--background-and--focus

高度なフィルタリングの "AND" 条件のフォーカス/選択の背景色。

Map

null

$background-or

--background-or

高度なフィルタリングの "OR" 条件の背景色。

Map

null

$background-or--focus

--background-or--focus

高度なフィルタリングの "OR" 条件のフォーカス/選択の背景色。

Map

null

function radio-theme public

Deprecation message:

$my-radio-theme: radio-theme($fill-color: magenta);
// css-vars() mixin へテーマを渡します。
@include css-vars($my-radio-theme);

パラメーター

$schema

N/A

コンポーネントスタイル設定のベースとして使用されスキーマ。

Map

$light-material-schema

$label-color

--label-color

ラベルテキストに使用されるテキストの色。

Color

null

$label-color-hover

--label-color-hover

ホバー時のラベルテキストに使用されるテキストの色。

Color

null

$empty-color

--empty-color

未チェック境界線色。

Color

null

$empty-fill-color

--empty-fill-color

未チェックのラジオの塗りつぶし色。

Color

null

$fill-color

--fill-color

チェックされた境界線と点の色。

Color

null

$disabled-color

--disabled-color

無効にされた境界と点色。

Color

null

$disabled-label-color

--disabled-label-color

無効のラベルの色。

Color

null

$disabled-fill-color

--disabled-fill-color

無効になっているチェック済みの境界線と点の色。

Color

null

$hover-color

--hover-color

ホバー時の境界線と点の色。

Color

null

$fill-color-hover

--fill-color-hover

ホバー時のチェックされた点の色。

Color

null

$fill-hover-border-color

--fill-hover-border-color

ホバー時のチェックされた境界線の色。

Color

null

$focus-outline-color

--focus-outline-color

フォーカスのアウトラインの色。

Color

null

$focus-outline-color-filled

--focus-outline-color-filled

ラジオが塗りつぶされている場合のフォーカスのアウトラインの色。

Color

null

$error-color

--error-color

無効な状態のラベル、境界線、および点の色。

Color

null

$error-color-hover

--error-color-hover

ホバー時に無効な状態のラベル、境界線、および点の色。

Color

null

$focus-outline-color-error

--focus-outline-color-error

無効な状態のフォーカスアウトラインの色。

Color

null

必須

var light-material-schema

作者

function rating-theme public

Deprecation message:

$my-rating-theme: rating-theme($symbol-full-color: red);
// css-vars() mixin へテーマを渡します。
@include css-vars($my-rating-theme);

パラメーター

$schema

N/A

コンポーネントのスタイル設定に基づいて使用されるスキーマ。

Map

$light-material-schema

$label-color

--label-color

ラベルの色を設定します。

Color

null

$symbol-size

--symbol-size

シンボルのサイズ。

Number

null

$symbol-empty-color

--symbol-empty-color

プレーンテキストの場合、シンボルのアイドル色を設定します。

Color

null

$symbol-full-color

--symbol-full-color

プレーンテキストの場合、選択状態のシンボルの色を設定します。

Color

null

$symbol-empty-filter

--symbol-empty-filter

空のシンボルに使用されるフィルター。

Color

null

$symbol-full-filter

--symbol-full-filter

塗りつぶされたシンボルに使用されるフィルター。

Color

null

$disabled-label-color

--disabled-label-color

無効な状態のラベルの色を設定します。

Color

null

$disabled-empty-symbol-color

--disabled-empty-symbol-color

プレーンテキストの場合、シンボルのアイドル色を無効状態に設定します。

Color

null

$disabled-full-symbol-color

--disabled-full-symbol-color

プレーンテキストの場合、選択/無効状態のシンボルの色を設定します。

Color

null

必須

var light-material-schema

作者

Marin Popov

function ripple-theme public

Deprecation message:

$my-ripple-theme: igx-ripple-theme($color: yellow);
// css-vars() mixin へテーマを渡します。
@include css-vars($my-ripple-theme);

パラメーター

$schema

N/A

コンポーネントスタイル設定のベースとして使用されスキーマ。

Map

$light-material-schema

$color

--color

リップルの色。

Color

null

次で使用

mix tabs

必須

var light-material-schema

作者

function scrollbar-theme public

背景色のみ指定した場合、テキスト/アイコンの色は自動的に対比色に割り当てられます。

Deprecation message:

$my-scrollbar-theme: scrollbar-theme($sb-thumb-bg-color: black, $sb-track-bg-color: gray);
// css-vars() mixin へテーマを渡します。
@include css-vars($my-scrollbar-theme);

パラメーター

$schema

N/A

コンポーネントのスタイル設定に基づいて使用されるスキーマ。

Color

$light-material-schema

$sb-size

--sb-size

スクロールバーのサイズ。

String | Number

null

$sb-thumb-min-height

--sb-thumb-min-height

つまみの最小の高さ。

String | Number

null

$sb-thumb-bg-color

--sb-thumb-bg-color

つまみの背景色。

Color

null

$sb-thumb-bg-color-hover

--sb-thumb-bg-color-hover

つまみの :hover 背景色。

Color

null

$sb-thumb-border-color

--sb-thumb-border-color

つまみの境界線の色。

Color

null

$sb-thumb-border-size

--sb-thumb-border-size

つまみの境界線のサイズ。

String | Number

null

$sb-thumb-border-radius

--sb-thumb-border-radius

つまみの境界線の半径。

String | Number

null

$sb-track-bg-color

--sb-track-bg-color

トラックの背景色。

Color

null

$sb-track-bg-color-hover

--sb-track-bg-color-hover

トラックの :hover 背景色。

Color

null

$sb-track-border-color

--sb-track-border-color

トラックの境界線の色。

Color

null

$sb-track-border-size

--sb-track-border-size

トラックの境界線のサイズ。

String | Number

null

$sb-corner-bg

--sb-corner-bg

角の背景色。

Color

null

$sb-corner-border-color

--sb-corner-border-color

角の境界線の色。

Color

null

$sb-corner-border-size

--sb-corner-border-size

角の境界線のサイズ。

String | Number

null

必須

var light-material-schema

作者

Simeon Simeonoff

function select-theme public

Deprecation message:

$my-select-theme: igx-select-theme($empty-list-background);
// css-vars mixin へテーマを渡します。
@include css-vars($my-select-theme);

パラメーター

$schema

N/A

コンポーネントのスタイル設定に基づいて使用されるスキーマ。

Map

$light-material-schema

$toggle-button-background

--toggle-button-background

Select トグルボタンの背景色。

Color

null

$toggle-button-background-focus

--toggle-button-background-focus

Select がフォーカスされている時の Select トグルボタンの背景色。

Color

null

$toggle-button-background-disabled

--toggle-button-background-disabled

Select が無効になっている時の Select トグルボタンの背景色。

Color

null

$toggle-button-foreground

--toggle-button-foreground

Select トグルボタンの前景色。

Color

null

$toggle-button-foreground-focus

--toggle-button-foreground-focus

Select がフォーカスされている時の Select トグルボタンの前景色。

Color

null

$toggle-button-foreground-disabled

--toggle-button-foreground-disabled

Select が無効になっている時の Select トグルボタンの前景色。

Color

null

$toggle-button-foreground-filled

--toggle-button-foreground-filled

Select が塗りつぶされた時の Select トグルボタンの前景色。

Color

null

$toggle-button-background-focus--border

--toggle-button-background-focus--border

マテリアル境界バリアントで選択がフォーカスされているときの選択トグルボタンの背景色。

Color

null

必須

var light-material-schema

作者

function slider-theme public

Deprecation message:

$my-slider-theme: slider-theme($thumb-color: black, $track-color: yellow);
// css-vars() mixin へテーマを渡します。
@include css-vars($my-slider-theme);

パラメーター

$schema

N/A

コンポーネントスタイル設定のベースとして使用されスキーマ。

Map

$light-material-schema

$track-color

--track-color

トラックの色。

Color

null

$track-step-color

--track-step-color

トラックステップの色。

Color

null

$track-step-size

--track-step-size

トラックステップのサイズ。

Number

null

$track-hover-color

--track-hover-color

ホバー時のトラックの色。

Color

null

$thumb-color

--thumb-color

つまみの色。

Color

null

$thumb-focus-color

--thumb-focus-color

つまみのフォーカスの色。

Color

null

$thumb-border-color

--thumb-border-color

つまみの境界線色。

Color

null

$thumb-border-hover-color

--thumb-border-hover-color

ホバー時のつまみの境界線色。

Color

null

$thumb-border-focus-color

--thumb-border-focus-color

フォーカス時のつまみの境界線色。

Color

null

$thumb-disabled-border-color

--thumb-disabled-border-color

無効時のつまみの境界線色。

Color

null

$disabled-thumb-color

--disabled-thumb-color

無効時のつまみの境界線色。

Color

null

$label-background-color

--label-background-color

バブルラベルの背景色。

Color

null

$label-text-color

--label-text-color

バブルラベルのテキストの色。

Color

null

$base-track-color

--base-track-color

トラックのベース背景色。

Color

null

$base-track-hover-color

--base-track-hover-color

ホバー時のトラックのベース背景色。

Color

null

$disabled-base-track-color

--disabled-base-track-color

トラックは無効に設定された場合のベース背景色。

Color

null

$disabled-fill-track-color

--disabled-fill-track-color

無効時の塗りつぶしのトラックのベース背景色。

Color

null

$tick-label-color

--tick-label-color

目盛りのラベル色。

Color

null

$tick-color

--tick-color

目盛りの背景色。

Color

null

必須

var light-material-schema

作者

function snackbar-theme public

背景色を設定して、テキストまたはボタンに色を設定しない場合、ボタンとテキストの色はコントラスト色に設定します。

Deprecation message:

$my-snackbar-theme: snackbar-theme($background: white);
// css-vars() mixin へテーマを渡します。
@include css-vars($my-snackbar-theme);

パラメーター

$schema

N/A

コンポーネントスタイル設定のベースとして使用されスキーマ。

Map

$light-material-schema

$elevations

--elevations

使用されるエレベーション (影) マップ。

Map

null

$background

--background

Snackbar に使用する背景色。

Color

null

$text-color

--text-color

Snackbar に使用するテキストの色。

Color

null

$button-color

--button-color

Snackbar に使用するボタンの色。

Color

null

$shadow

--shadow

Snackbar に使用する影を設定します。

box-shadow

null

$border-radius

--border-radius

Snackbar に使用する境界半径。

List

null

必須

var light-material-schema

作者

function stepper-theme public

Deprecation message:

$my-stepper-theme: stepper-theme($step-hover-background: red);
// css-vars() mixin へテーマを渡します。
@include css-vars($my-stepper-theme);

パラメーター

$schema

N/A

コンポーネントのスタイル設定に基づいて使用されるスキーマ。

Map

$light-material-schema

$content-foreground

--content-foreground

ステップコンテンツの前景。

Color

null

$step-background

--step-background

ステップヘッダーの背景。

Color

null

$step-hover-background

--step-hover-background

ホバー時のステップヘッダーの背景。

Color

null

$step-focus-background

--step-focus-background

フォーカスされているステップヘッダーの背景。

Color

null

$title-color

--title-color

ステップタイトルの色。

Color

null

$title-hover-color

--title-hover-color

ホバー時のステップタイトルの色。

Color

null

$title-focus-color

--title-focus-color

フォーカスされているステップタイトルの色。

Color

null

$subtitle-color

--subtitle-color

ステップサブタイトルの色。

Color

null

$subtitle-hover-color

--subtitle-hover-color

ホバー時のステップサブタイトルの色。

Color

null

$subtitle-focus-color

--subtitle-focus-color

フォーカスされているステップサブタイトルの色。

Color

null

$indicator-color

--indicator-color

ステップインジケーターのテキストの色。

Color

null

$indicator-background

--indicator-background

ステップインジケーターの背景色。

Color

null

$indicator-outline

--indicator-outline

ステップインジケーターのアウトライン色。

Color

null

$invalid-step-background

--invalid-step-background

無効なステップヘッダーの背景。

Color

null

$invalid-step-hover-background

--invalid-step-hover-background

ホバー時の無効なステップヘッダーの背景。

Color

null

$invalid-step-focus-background

--invalid-step-focus-background

フォーカスされている無効なステップヘッダーの背景。

Color

null

$invalid-title-color

--invalid-title-color

無効なステップタイトルの色。

Color

null

$invalid-title-hover-color

--invalid-title-hover-color

ホバー時の無効なステップタイトルの色。

Color

null

$invalid-title-focus-color

--invalid-title-focus-color

フォーカスされている無効なステップタイトルの色。

Color

null

$invalid-subtitle-color

--invalid-subtitle-color

無効なステップサブタイトルの色。

Color

null

$invalid-subtitle-hover-color

--invalid-subtitle-hover-color

ホバー時の無効なステップサブタイトルの色。

Color

null

$invalid-subtitle-focus-color

--invalid-subtitle-focus-color

フォーカスされている無効なステップサブタイトルの色。

Color

null

$invalid-indicator-color

--invalid-indicator-color

無効なステップインジケーターの色。

Color

null

$invalid-indicator-background

--invalid-indicator-background

無効なステップインジケーターの背景色。

Color

null

$invalid-indicator-outline

--invalid-indicator-outline

無効なステップインジケーターのアウトライン色。

Color

null

$current-step-background

--current-step-background

現在のステップヘッダーの背景。

Color

null

$current-step-hover-background

--current-step-hover-background

ホバー時の現在のステップヘッダーの背景。

Color

null

$current-step-focus-background

--current-step-focus-background

フォーカスされている現在のステップヘッダーの背景。

Color

null

$current-title-color

--current-title-color

現在のステップタイトルの色。

Color

null

$current-title-hover-color

--current-title-hover-color

ホバー時の現在のステップタイトルの色。

Color

null

$current-title-focus-color

--current-title-focus-color

フォーカスされている現在のステップタイトルの色。

Color

null

$current-subtitle-color

--current-subtitle-color

現在のステップサブタイトルの色。

Color

null

$current-subtitle-hover-color

--current-subtitle-hover-color

ホバー時の現在のステップサブタイトルの色。

Color

null

$current-subtitle-focus-color

--current-subtitle-focus-color

現在フォーカスされているステップサブタイトルの色。

Color

null

$current-indicator-color

--current-indicator-color

現在のステップインジケーターの色。

Color

null

$current-indicator-background

--current-indicator-background

現在のステップインジケーターの背景色。

Color

null

$current-indicator-outline

--current-indicator-outline

現在のステップインジケーターのアウトライン色。

Color

null

$complete-step-background

--complete-step-background

完全なステップヘッダーの背景。

Color

null

$complete-step-hover-background

--complete-step-hover-background

ホバー時の完全なステップヘッダーの背景。

Color

null

$complete-step-focus-background

--complete-step-focus-background

フォーカスされている完全なステップヘッダーの背景。

Color

null

$complete-title-color

--complete-title-color

完全なステップタイトルの色。

Color

null

$complete-title-hover-color

--complete-title-hover-color

ホバー時の完全なステップタイトルの色。

Color

null

$complete-title-focus-color

--complete-title-focus-color

フォーカスされている完全なステップタイトルの色。

Color

null

$complete-subtitle-color

--complete-subtitle-color

完全なステップサブタイトルの色。

Color

null

$complete-subtitle-hover-color

--complete-subtitle-hover-color

ホバー時の完全なステップサブタイトルの色。

Color

null

$complete-subtitle-focus-color

--complete-subtitle-focus-color

フォーカスされているステップサブタイトルの色。

Color

null

$complete-indicator-color

--complete-indicator-color

完了したステップインジケーターの色。

Color

null

$complete-indicator-background

--complete-indicator-background

完了したステップインジケーターの背景色。

Color

null

$complete-indicator-outline

--complete-indicator-outline

完了したステップインジケーターのアウトライン色。

Color

null

$disabled-title-color

--disabled-title-color

無効なステップタイトルの色。

Color

null

$disabled-subtitle-color

--disabled-subtitle-color

無効なステップサブタイトルの色。

Color

null

$disabled-indicator-color

--disabled-indicator-color

無効なステップのインジケーター色。

Color

null

$disabled-indicator-background

--disabled-indicator-background

無効なステップのインジケーター背景。

Color

null

$disabled-indicator-outline

--disabled-indicator-outline

無効なステップのインジケーターアウトラインの色。

Color

null

$step-separator-color

--step-separator-color

ステップ間のセパレーターの境界線の色。

Color

null

$complete-step-separator-color

--complete-step-separator-color

完了したステップ間のセパレーターの境界線の色。

Color

null

$step-separator-style

--step-separator-style

ステップ間のセパレーターの境界線スタイル。

Color

null

$complete-step-separator-style

--complete-step-separator-style

完了したステップ間のセパレーターの境界線スタイル。

Color

null

$border-radius-indicator

--border-radius-indicator

ステップインジケーターの境界線の半径。

List

null

$border-radius-step-header

--border-radius-step-header

ステップヘッダーの境界線の半径。

List

null

必須

var light-material-schema

作者

Marin Popov

function switch-theme public

Deprecation message:

$my-switch-theme: switch-theme($thumb-on-color: black, $track-on-color: yellow);
// css-vars() mixin へテーマを渡します。
@include css-vars($my-switch-theme);

パラメーター

$schema

N/A

コンポーネントスタイル設定のベースとして使用されスキーマ。

Map

$light-material-schema

$thumb-on-color

--thumb-on-color

スイッチがオンの場合のつまみの色。

Color

null

$track-on-color

--track-on-color

スイッチがオンの場合のトラックの色。

Color

null

$track-on-hover-color

--track-on-hover-color

スイッチがオンおよびホバーした場合のトラックの色。

Color

null

$thumb-off-color

--thumb-off-color

スイッチがオフの場合つまみの色。

Color

null

$track-off-color

--track-off-color

スイッチがオフの場合のトラックの色。

Color

null

$thumb-disabled-color

--thumb-disabled-color

スイッチが無効にされた場合のつまみの色。

Color

null

$thumb-on-disabled-color

--thumb-on-disabled-color

スイッチがオンおよび無効の場合のつまみの色。

Color

null

$track-disabled-color

--track-disabled-color

スイッチが無効にされた場合のトラックの色。

Color

null

$track-on-disabled-color

--track-on-disabled-color

スイッチがオンおよび無効の場合のトラックの色。

Color

null

$label-color

--label-color

スイッチラベルの色。

Color

null

$label-hover-color

--label-hover-color

ホバー時のスイッチラベルの色。

Color

null

$label-disabled-color

--label-disabled-color

スイッチが無効にされた場合のトラックの色。

Color

null

$resting-shadow

--resting-shadow

スイッチの静止状態で使用するつまみの影。

box-shadow

null

$hover-shadow

--hover-shadow

スイッチのホバー状態で使用するつまみの影。

box-shadow

null

$disabled-shadow

--disabled-shadow

スイッチの無効状態で使用するつまみの影。

box-shadow

null

$border-radius-track

--border-radius-track

スイッチトラックに使用される境界線の半径。

List

null

$border-radius-thumb

--border-radius-thumb

スイッチサムに使用される境界半径。

List

null

$border-radius-ripple

--border-radius-ripple

スイッチの ripple に使用される border-radius。

List

null

$border-color

--border-color

スイッチの境界線色。

Color

null

$border-hover-color

--border-hover-color

ホバー時のスイッチの境界線色。

Color

null

$border-disabled-color

--border-disabled-color

スイッチが無効にされた場合の境界線色。

Color

null

$border-on-color

--border-on-color

スイッチがオンの場合の境界線色。

Color

null

$border-on-hover-color

--border-on-hover-color

スイッチがオンでホバーされているときの境界線色。

Color

null

$focus-outline-color

--focus-outline-color

フォーカスのアウトラインの色。

Color

null

$focus-outline-color-focused

--focus-outline-color-focused

フォーカスされた状態のフォーカスアウトラインの色。

Color

null

$focus-fill-color

--focus-fill-color

フォーカス塗りつぶし色。

Color

null

$focus-fill-hover-color

--focus-fill-hover-color

ホバー時のフォーカス塗りつぶし色。

Color

null

$label-invalid-color

--label-invalid-color

無効状態のスイッチラベルの色。

Color

null

$track-error-color

--track-error-color

スイッチがオフの時の無効状態のトラックの色。

Color

null

$thumb-on-error-color

--thumb-on-error-color

スイッチがオンおよび無効の場合のつまみの色。

Color

null

$error-color

--error-color

無効な状態の境界線と塗りつぶしの色。

Color

null

$error-color-hover

--error-color-hover

ホバー時に無効な状態の境界線と塗りつぶしの色。

Color

null

必須

var light-material-schema

作者

function tabs-theme public

背景色のみ指定する場合、アイドル項目の色は自動的にコントラスト色に割り当てられます。

Deprecation message:

$my-tabs-theme: tabs-theme(
   $item-background: orange
 );
// css-vars() mixin へテーマを渡します。
@include css-vars($my-tabs-theme);

パラメーター

$schema

N/A

コンポーネントスタイル設定のベースとして使用されスキーマ。

Map

$light-material-schema

$item-text-color

--item-text-color

タブテキスト色に使用する色。

Color

null

$item-background

--item-background

タブヘッダーに使用する背景色。

Color

null

$item-hover-background

--item-hover-background

ホバーされるタブに使用する背景。

Color

null

$item-hover-color

--item-hover-color

ホバーされるタブに使用するテキストの色。

Color

null

$item-icon-color

--item-icon-color

タブアイコンに使用する色。

Color

null

$item-active-icon-color

--item-active-icon-color

アクティブなタブアイコンに使用する色。

Color

null

$item-hover-icon-color

--item-hover-icon-color

ホバー時のタブアイコンに使用する色。

Color

null

$item-disabled-icon-color

--item-disabled-icon-color

無効なタブアイコンに使用する色。

Color

null

$item-active-color

--item-active-color

アクティブタブテキストに使用する色。

Color

null

$item-active-background

--item-active-background

アクティブ/フォーカスされたタブ背景に使用する色。

Color

null

$item-disabled-color

--item-disabled-color

無効なタブテキストに使用する色。

Color

null

$indicator-color

--indicator-color

アクティブタブインジケーターに使用する色。

Color

null

$button-color

--button-color

アイコン/テキストの色に使用する色。

Color

null

$button-hover-color

--button-hover-color

アイコン/テキストはホバーされるときの色に使用する色。

Color

null

$button-disabled-color

--button-disabled-color

無効なボタンアイコン/テキストに使用する色。

Color

null

$button-background

--button-background

ボタン背景に使用する色。

Color

null

$button-hover-background

--button-hover-background

ホバー時のボタン背景に使用される色。

Color

null

$border-radius

--border-radius

タブの境界半径。

List

null

$border-color

--border-color

タブの境界線色。

Color

null

$border-color--hover

--border-color--hover

ホバー時のタブの境界線色。

Color

null

$tab-ripple-color

--tab-ripple-color

ボタン背景に使用する色。

Color

null

$button-ripple-color

--button-ripple-color

ホバー時のボタン背景に使用される色。

Color

null

必須

var light-material-schema

作者

Marin Popov

function time-picker-theme public

背景色のみ指定した場合、テキスト/アイコンの色は自動的にコントラスト色に割り当てられます。無効にされた状態の色には適用しません。

Deprecation message:

$my-time-picker-theme: time-picker-theme(
  $text-color: white,
  $background-color: black
);
// css-vars() mixin へテーマを渡します。
@include css-vars($my-time-picker-theme);

パラメーター

$schema

N/A

コンポーネントスタイル設定のベースとして使用されスキーマ。

Map

$light-material-schema

$elevations

--elevations

使用されるエレベーション（影）マップ。

Map

null

$text-color

--text-color

オープンタイムピッカーのテキストの色。

Color

null

$hover-text-color

--hover-text-color

オープンタイムピッカーのホバーテキストの色。

Color

null

$selected-text-color

--selected-text-color

タイムピッカーの選択された項目のテキストの色。

Color

null

$active-item-background

--active-item-background

タイムピッカー内のフォーカスされた列のための背景色。

Color

null

$active-item-foreground

--active-item-foreground

タイムピッカー内のフォーカスされた列の前景色。

Color

null

$disabled-text-color

--disabled-text-color

無効な値のテキストの色。

Color

null

$disabled-item-background

--disabled-item-background

無効な値の背景色。

Color

null

$header-background

--header-background

タイムピッカーのヘッダーの背景色。

Color

null

$header-hour-text-color

--header-hour-text-color

タイムピッカー時間テキストの色。

Color

null

$background-color

--background-color

タイムピッカーパネルの背景色。

Color

null

$time-item-size

--time-item-size

タイム項目の高さ。

Number

null

$divider-color

--divider-color

アクション領域の区切り線の色。

Color

null

$border-color

--border-color

タイムピッカーの周囲の境界線の色。

Color

null

$modal-shadow

--modal-shadow

モーダルモードのタイムピッカーに使用されるカスタム影。

box-shadow

null

$dropdown-shadow

--dropdown-shadow

ドロップダウンモードのタイムピッカーに使用されるカスタム影。

box-shadow

null

$border-radius

--border-radius

ピッカーのアウトラインに使用される境界半径。

List

null

$active-item-border-radius

--active-item-border-radius

現在アクティブな項目のアウトラインに使用される境界半径（時、分、午後 / 午前）。

List

null

必須

var light-material-schema

作者

Marin Popov

function toast-theme public

背景色のみ指定した場合、テキスト色は自動的にコントラスト色に割り当てられます。

Deprecation message:

$my-toast-theme: toast-theme($background: green);
// css-vars() mixin へテーマを渡します。
@include css-vars($my-toast-theme);

パラメーター

$schema

N/A

コンポーネントスタイル設定のベースとして使用されスキーマ。

Map

$light-material-schema

$background

--background

トーストに使用される背景。

Color

null

$text-color

--text-color

トーストに使用されるテキストの色。

Color

null

$border-color

--border-color

トーストに使用される境界線の色。

Color

null

$border-radius

--border-radius

トーストコンポーネントに使用される境界半径。

List

null

$shadow

--shadow

トーストに使用する影を設定します。

box-shadow

null

必須

var light-material-schema

作者

function tooltip-theme public

ツールチップディレクティブに関連するすべてのスタイルプロパティを含むマップを返します。

Deprecation message:

$my-tooltip-theme: tooltip-theme($background: magenta);
// css-vars() mixin へテーマを渡します。
@include css-vars($my-tooltip-theme);

パラメーター

$schema

N/A

コンポーネントスタイル設定のベースとして使用されスキーマ。

Map

$light-material-schema

$background

--background

ツールチップの背景色。

Color

null

$text-color

--text-color

ツールチップのテキストの色。

Color

null

$border-radius

--border-radius

ツールチップコンポーネントに使用される境界半径。

List

null

$shadow

--shadow

Tooltip コンポーネントに使用する影を設定します。

box-shadow

null

必須

var light-material-schema

作者

function tree-theme public

ツリーコンポーネントのテーマに関連するすべてのスタイルプロパティを含むマップを返します。

Deprecation message:

$my-tree-theme: tree-theme($background: magenta);
// css-vars() mixin へテーマを渡します。
@include css-vars($my-tree-theme);

パラメーター

$schema

N/A

コンポーネントのスタイル設定に基づいて使用されるスキーマ。

Map

$light-material-schema

$background

--background

ツリーノードに使用される背景色。

Color

null

$foreground

--foreground

ツリーノードコンテンツに使用される色。

Color

null

$icon-color

--icon-color

ツリーノードアイコンに使用される色。

Color

null

$background-selected

--background-selected

選択されたツリーノードに使用される背景色。

Color

null

$foreground-selected

--foreground-selected

選択したツリーノードのコンテンツに使用される色。

Color

null

$background-active

--background-active

アクティブツリーノードに使用される背景色。

Color

null

$foreground-active

--foreground-active

アクティブツリーノードのコンテンツに使用される色。

Color

null

$background-active-selected

--background-active-selected

アクティブな選択されたツリーノードに使用される背景色。

Color

null

$foreground-active-selected

--foreground-active-selected

アクティブな選択されたツリーノードのコンテンツに使用される色。

Color

null

$background-disabled

--background-disabled

無効な状態のツリーノードに使用される背景色。

Color

null

$foreground-disabled

--foreground-disabled

無効なツリーノードのコンテンツに使用される色。

Color

null

$drop-area-color

--drop-area-color

ツリーノードドロップ aria に使用される背景色。

Color

null

$border-color

--border-color

フォーカス状態のツリーノードに使用されるアウトラインの影の色。

Color

null

$hover-color

--hover-color

ホバー時にツリーノードに使用される背景色。

Color

null

$hover-selected-color

--hover-selected-color

ホバー時に選択されたツリーノードに使用される背景色。

Color

null

必須

var light-material-schema

作者

Marin Popov

function sizable public

コンポーネントのサイズに基づいて値を切り替えるために使用されます。渡されたサイズは、比較する前に絶対値に変換されます。

Deprecation message:

--size: #{sizable(rem(40px), rem(64px), rem(88px))};

パラメーター

$sm

コンポーネントのサイズが small の場合の優先値。

Number

none

$md

コンポーネントのサイズが medium の場合の優先値。

Number

$sm

$lg

コンポーネントのサイズが large の場合の優先値。

Number

$md

返却

Function

評価された値。

function category-chart-theme public

Deprecation message:

$custom-chart-theme: category-chart-theme($brushes: (red, green, blue));
// css-vars mixin へテーマを渡します。
@include css-vars($custom-chart-theme);

パラメーター

$schema

N/A

コンポーネントのスタイル設定に基づいて使用されるスキーマ。

Map

$light-material-schema

$target

--target

テーマ変数のスコープを設定するときに使用するターゲットプラットフォーム。

Map

'angular'

$margin

--margin

チャートコンテンツのマージン (top、right、bottom および left) を設定します。

List

null

$brushes

--brushes

自動的に割り当てられるシリーズのブラシ色から選択されるパレットを定義します。

List

series

$marker-brushes

--marker-brushes

自動的に割り当てられるシリーズのマーカーブラシ色から選択されるパレットを定義します。

List

series

$negative-brushes

--negative-brushes

ウォーターフォールなどのコンテキスト色を持つチャートタイプで負の要素の描画に使用するパレットを定義します。

List

series

$outlines

--outlines

自動的に割り当てられるシリーズのアウトライン色から選択されるパレットを定義します。

List

series

$marker-outlines

--marker-outlines

自動的に割り当てられるシリーズのマーカーアウトライン色から選択されるパレットを定義します。

List

series

$negative-outlines

--negative-outlines

ウォーターフォールなどのコンテキスト色を持つチャートタイプで負の要素の描画に使用するブラシを定義します。

List

series

$title-alignment

--title-alignment

タイトルに使用する水平方向。

String

null

$title-margin

--title-margin

チャートタイトルのマージン (top、right、bottom および left) を設定します。

List

null

$title-text-color

--title-text-color

チャートタイトルの色を設定します。

Color

null

$title-text-style

--title-text-style

チャートタイトルの CSS フォントプロパティを設定します。

String

null

$subtitle-margin

--subtitle-margin

チャートサブタイトルのマージン (top、right、bottom および left) を設定します。

List

null

$subtitle-alignment

--subtitle-alignment

サブタイトルに使用する水平方向。

String

null

$subtitle-text-color

--subtitle-text-color

チャートサブタイトルの色を設定します。

Color

null

$subtitle-text-style

--subtitle-text-style

チャートサブタイトルの CSS フォントプロパティを設定します。

String

null

$thickness

--thickness

チャートのすべてのシリーズの太さを設定します。

Number

null

$trend-line-brushes

--trend-line-brushes

チャートでトレンドラインの色に使用されるブラシのパレットを定義します。

List

series

$trend-line-thickness

--trend-line-thickness

ポイント、折れ線、スプラインまたはバブル型のチャートのトレンドラインの太さを設定します。

Number

null

$x-axis-label-margin

--x-axis-label-margin

X 軸のラベルのマージン (top、right、bottom および left) を設定します。

List

null

$x-axis-label-text-color

--x-axis-label-text-color

X 軸のラベルの色を設定します。

Color

null

$x-axis-label-text-style

--x-axis-label-text-style

X 軸のラベルに CSS フォントプロパティを設定します。

String

null

$x-axis-label-vertical-alignment

--x-axis-label-vertical-alignment

X 軸ラベルの垂直方向の配置を設定します。

String

null

$x-axis-major-stroke

--x-axis-major-stroke

X 軸の主グリッド線に適用する色を設定します。

Color

null

$x-axis-major-stroke-thickness

--x-axis-major-stroke-thickness

X 軸の主グリッド線に適用する太さを設定します。

Number

null

$x-axis-minor-stroke

--x-axis-minor-stroke

X 軸の副グリッド線に適用する色を設定します。

Color

null

$x-axis-minor-stroke-thickness

--x-axis-minor-stroke-thickness

X 軸の副グリッド線に適用する太さを設定します。

Number

null

$x-axis-strip

--x-axis-strip

X 軸の背景の縞模様に適用する色を設定します。

Color

null

$x-axis-stroke

--x-axis-stroke

X 軸線に適用する色を設定します。

Color

null

$x-axis-stroke-thickness

--x-axis-stroke-thickness

X 軸線に適用する太さを設定します。

Number

null

$x-axis-tick-length

--x-axis-tick-length

X 軸の目盛りの長さを設定します。

Number

null

$x-axis-tick-stroke

--x-axis-tick-stroke

X 軸の目盛りに適用する色を設定します。

Color

null

$x-axis-tick-stroke-thickness

--x-axis-tick-stroke-thickness

X 軸の目盛りに適用する太さを設定します。

Number

null

$x-axis-title-alignment

--x-axis-title-alignment

X 軸タイトルの水平方向の配置を設定します。

String

null

$x-axis-title-margin

--x-axis-title-margin

X 軸のタイトルのマージン (top、right、bottom および left) を設定します。

List

null

$x-axis-title-text-color

--x-axis-title-text-color

X 軸のタイトルの色を設定します。

Color

null

$x-axis-title-text-style

--x-axis-title-text-style

X 軸のタイトルに CSS フォントプロパティを設定します。

String

null

$y-axis-label-margin

--y-axis-label-margin

Y 軸のラベルのマージン (top、right、bottom および left) を設定します。

List

null

$y-axis-label-text-color

--y-axis-label-text-color

Y 軸のラベルの色を設定します。

Color

null

$y-axis-label-text-style

--y-axis-label-text-style

Y 軸のラベルに CSS フォントプロパティを設定します。

String

null

$y-axis-label-vertical-alignment

--y-axis-label-vertical-alignment

Y 軸ラベルの垂直方向の配置を設定します。

String

null

$y-axis-major-stroke

--y-axis-major-stroke

Y 軸の主グリッド線に適用する色を設定します。

Color

null

$y-axis-major-stroke-thickness

--y-axis-major-stroke-thickness

Y 軸の主グリッド線に適用する太さを設定します。

Number

null

$y-axis-minor-stroke

--y-axis-minor-stroke

Y 軸の副グリッド線に適用する色を設定します。

Color

null

$y-axis-minor-stroke-thickness

--y-axis-minor-stroke-thickness

Y 軸の副グリッド線に適用する太さを設定します。

Number

null

$y-axis-strip

--y-axis-strip

Y 軸の背景の縞模様に適用する色を設定します。

Color

null

$y-axis-stroke

--y-axis-stroke

Y 軸線に適用する色を設定します。

Color

null

$y-axis-stroke-thickness

--y-axis-stroke-thickness

Y 軸線に適用する太さを設定します。

Number

null

$y-axis-title-alignment

--y-axis-title-alignment

Y 軸タイトルの水平方向の配置を設定します。

String

null

$y-axis-title-margin

--y-axis-title-margin

Y 軸のタイトルのマージン (top、right、bottom および left) を設定します。

List

null

$y-axis-title-text-color

--y-axis-title-text-color

Y 軸のタイトルの色を設定します。

Color

null

$y-axis-title-text-style

--y-axis-title-text-style

Y 軸のタイトルに CSS フォントプロパティを設定します。

String

null

$y-axis-tick-length

--y-axis-tick-length

Y 軸の目盛りの長さを設定します。

Number

null

$y-axis-tick-stroke

--y-axis-tick-stroke

Y 軸の目盛りに適用する色を設定します。

Color

null

$y-axis-tick-stroke-thickness

--y-axis-tick-stroke-thickness

Y 軸の目盛りに適用する太さを設定します。

Number

null

必須

var light-material-schema
fun extend

作者

Silvia Ivanova

function data-chart-theme public

Deprecation message:

$my-chart-theme: data-chart-theme($brushes: (orange, blue, pink));
// css-vars mixin へテーマを渡します。
@include css-vars($my-chart-theme);

パラメーター

$schema

N/A

コンポーネントのスタイル設定に基づいて使用されるスキーマ。

Map

$light-material-schema

$target

--target

テーマ変数のスコープを設定するときに使用するターゲットプラットフォーム。

Map

'angular'

$margin

--margin

チャートコンテンツのマージン (top、right、bottom および left) を設定します。

List

null

$title-text-color

--title-text-color

チャートタイトルの色を設定します。

Color

null

$title-margin

--title-margin

チャートタイトルのマージン (top、right、bottom および left) を設定します。

List

null

$subtitle-text-color

--subtitle-text-color

チャートサブタイトルの色を設定します。

Color

null

$subtitle-margin

--subtitle-margin

チャートサブタイトルのマージン (top、right、bottom および left) を設定します。

List

null

$brushes

--brushes

自動的に割り当てられるシリーズの色から選択されるパレットを定義します。

List

null

$marker-brushes

--marker-brushes

自動的に割り当てられるマーカーブラシから選択されるパレットを定義します。

List

null

$outlines

--outlines

自動的に割り当てられるシリーズのアウトライン色から選択されるパレットを定義します。

List

null

$marker-outlines

--marker-outlines

自動的に割り当てられるマーカーアウトラインから選択されるパレットを定義します。

List

null

$plot-area-background

--plot-area-background

現在の Chart オブジェクトのプロット領域の背景として使用するブラシを設定します。

Color

null

$title-horizontal-alignment

--title-horizontal-alignment

タイトルに使用する水平方向。有効なオプションは、'left'、'center' および 'right'; です。

String

null

$subtitle-horizontal-alignment

--subtitle-horizontal-alignment

サブタイトルに使用する水平方向。有効なオプションは、'left'、'center' および 'right'; です。

String

null

$axis-label-margin

--axis-label-margin

両方の軸のラベルのマージン (top、right、bottom および left) を設定します。

List

null

$axis-label-text-color

--axis-label-text-color

両方の軸のラベルの色を設定します。

Color

null

$axis-label-text-style

--axis-label-text-style

両方の軸のラベルに CSS フォントプロパティを設定します。

String

null

$axis-label-vertical-alignment

--axis-label-vertical-alignment

X 軸ラベルの垂直方向の配置を設定します。

String

null

$axis-major-stroke

--axis-major-stroke

両方の軸の主グリッド線に適用する色を設定します。

Color

null

$axis-major-stroke-thickness

--axis-major-stroke-thickness

両方の軸の主グリッド線に適用する太さを設定します。

Number

null

$axis-minor-stroke

--axis-minor-stroke

両方の軸の副グリッド線に適用する色を設定します。

Color

null

$axis-minor-stroke-thickness

--axis-minor-stroke-thickness

両方の軸の副グリッド線に適用する太さを設定します。

Number

null

$axis-strip

--axis-strip

両方の軸の背景の縞模様に適用する色を設定します。

Color

null

$axis-stroke

--axis-stroke

両方の軸に適用する色を設定します。

Color

null

$axis-stroke-thickness

--axis-stroke-thickness

両方の軸に適用する太さを設定します。

Number

null

$axis-tick-length

--axis-tick-length

両方の軸の目盛りの長さを設定します。

Number

null

$axis-tick-stroke

--axis-tick-stroke

両方の軸の目盛りに適用する色を設定します。

Color

null

$axis-tick-stroke-thickness

--axis-tick-stroke-thickness

両方の軸の目盛りに適用する太さを設定します。

Number

null

$axis-title-alignment

--axis-title-alignment

両方の軸の水平方向の配置を設定します。

String

null

$axis-title-margin

--axis-title-margin

両方の軸のタイトルのマージン (top、right、bottom および left) を設定します。

List

null

$axis-title-text-color

--axis-title-text-color

X 軸のタイトルの色を設定します。

Color

null

$axis-title-text-style

--axis-title-text-style

両方の軸のタイトルに CSS フォントプロパティを設定します。

String

null

必須

var light-material-schema
fun extend

作者

Simeon Simeonoff

function doughnut-chart-theme public

Deprecation message:

$my-chart-theme: doughnut-chart-theme($brushes: (orange, blue, pink));
// css-vars mixin へテーマを渡します。
@include css-vars($my-chart-theme);

パラメーター

$schema

N/A

コンポーネントのスタイル設定に基づいて使用されるスキーマ。

Map

$light-material-schema

$target

--target

テーマ変数のスコープを設定するときに使用するターゲットプラットフォーム。

Map

'angular'

$others-category-fill

--others-category-fill

その他のカテゴリの塗りつぶし色を設定します。

Color

null

$others-category-opacity

--others-category-opacity

その他のカテゴリの不透明度を設定します。

Number

null

$others-category-stroke

--others-category-stroke

その他のカテゴリのストローク色を設定します。

Color

null

$others-category-stroke-thickness

--others-category-stroke-thickness

その他のカテゴリのストロークの太さを設定します。

Number

null

$selected-slice-fill

--selected-slice-fill

選択されたスライスの塗りつぶし色を設定します。

Color

null

$selected-slice-opacity

--selected-slice-opacity

選択されたスライスの不透明度を設定します。

Number

null

$selected-slice-stroke

--selected-slice-stroke

選択されたスライスのストローク色を設定します。

Color

null

$selected-slice-stroke-thickness

--selected-slice-stroke-thickness

選択されたスライスのストロークの太さを設定します。

Number

null

必須

var light-material-schema
fun extend

作者

Simeon Simeonoff

function linear-gauge-theme public

Deprecation message:

$custom-gauge-theme: linear-gauge-theme($brushes: (red, green, blue));
// css-vars mixin へテーマを渡します。
@include css-vars($custom-gauge-theme);

パラメーター

$schema

N/A

コンポーネントのスタイル設定に基づいて使用されるスキーマ。

Map

$light-material-schema

$target

--target

テーマ変数のスコープを設定するときに使用するターゲットプラットフォーム。

Map

'angular'

$backing-brush

--backing-brush

リニアゲージの裏張りを塗りつぶすために使用する色を設定します。

Color

null

$backing-outline

--backing-outline

裏張りのアウトラインに使用する色を設定します。

Color

null

$backing-stroke-thickness

--backing-stroke-thickness

裏張りのアウトラインのストロークの太さを設定します。

Number

null

$font-brush

--font-brush

ラベルのフォントに使用する色を設定します。

Color

null

$minor-tick-stroke-thickness

--minor-tick-stroke-thickness

副目盛を描画する際に使用するストロークの太さを設定します。

Number

null

$needle-breadth

--needle-breadth

針の幅を設定します。

Number

null

$needle-brush

--needle-brush

針要素の色を設定します。

Color

null

$needle-inner-base-width

--needle-inner-base-width

針の内部ベースの幅を設定します。

Number

null

$needle-inner-point-width

--needle-inner-point-width

針の内部ポイントの幅を設定します。

Number

null

$needle-outer-base-width

--needle-outer-base-width

針の外部ベースの幅を設定します。

Number

null

$needle-outer-point-width

--needle-outer-point-width

針の外部ポイントの幅を設定します。

Number

null

$needle-outline

--needle-outline

針要素のアウトラインを描画する色を設定します。

Color

null

$needle-stroke-thickness

--needle-stroke-thickness

単一の実際値の要素を描画するときに使用するストロークの太さを設定します。

Number

null

$range-brushes

--range-brushes

リニアゲージ範囲のパレットとして使用される色のコレクションを設定します。

List

null

$range-outlines

--range-outlines

リニアゲージアウトラインのパレットとして使用される色のコレクションを設定します。

List

null

$scale-brush

--scale-brush

リニアゲージのスケールを塗りつぶすために使用する色を設定します。

Color

null

$scale-outline

--scale-outline

スケールのアウトラインに使用する色を設定します。

Color

null

$scale-stroke-thickness

--scale-stroke-thickness

スケールのアウトラインのストロークの太さを設定します。

Number

null

$tick-brush

--tick-brush

主目盛に使用する色を設定します。

Color

null

$tick-stroke-thickness

--tick-stroke-thickness

目盛を描画する際に使用するストロークの太さを設定します。

Number

null

必須

var light-material-schema
fun extend

作者

Silvia Ivanova

function radial-gauge-theme public

Deprecation message:

$custom-gauge-theme: radial-gauge-theme($brushes: (red, green, blue));
// css-vars mixin へテーマを渡します。
@include css-vars($custom-gauge-theme);

パラメーター

$schema

N/A

コンポーネントのスタイル設定に基づいて使用されるスキーマ。

Map

$light-material-schema

$target

--target

テーマ変数のスコープを設定するときに使用するターゲットプラットフォーム。

Map

'angular'

$width

--width

ゲージの幅 - ピクセル、文字列 (px) またはパーセンテージ (%)。

Map

null

$height

--height

ゲージの高さ - ピクセル、文字列 (px) またはパーセンテージ (%)。

Map

null

$backing-brush

--backing-brush

リニアゲージの裏張りを塗りつぶすために使用する色を設定します。

Color

null

$backing-outline

--backing-outline

裏張りのアウトラインに使用する色を設定します。

Color

null

$backing-stroke-thickness

--backing-stroke-thickness

裏張りのアウトラインのストロークの太さを設定します。

Number

null

$font-brush

--font-brush

ラベルのフォントに使用する色を設定します。

Color

null

$minor-tick-stroke-thickness

--minor-tick-stroke-thickness

副目盛を描画する際に使用するストロークの太さを設定します。

Number

null

$needle-brush

--needle-brush

針要素の色を設定します。

Color

null

$needle-outline

--needle-outline

針要素のアウトラインを描画する色を設定します。

Color

null

$needle-stroke-thickness

--needle-stroke-thickness

単一の実際値の要素を描画するときに使用するストロークの太さを設定します。

Number

null

$range-brushes

--range-brushes

リニアゲージ範囲のパレットとして使用される色のコレクションを設定します。

List

null

$range-outlines

--range-outlines

リニアゲージアウトラインのパレットとして使用される色のコレクションを設定します。

List

null

$scale-brush

--scale-brush

リニアゲージのスケールを塗りつぶすために使用する色を設定します。

Color

null

$tick-brush

--tick-brush

主目盛に使用する色を設定します。

Color

null

$tick-stroke-thickness

--tick-stroke-thickness

目盛を描画する際に使用するストロークの太さを設定します。

Number

null

$needle-pivot-brush

--needle-pivot-brush

針のピボットポイントの色を設定します。

Color

null

$needle-pivot-outline

--needle-pivot-outline

針のピボットポイントのアウトライン色を設定します。

Color

null

必須

var light-material-schema
fun extend

作者

Silvia Ivanova

function bullet-graph-theme public

Deprecation message:

$my-chart-theme: bullet-graph-theme($brushes: (orange, blue, pink));
// css-vars mixin へテーマを渡します。
@include css-vars($my-chart-theme);

パラメーター

$schema

N/A

コンポーネントのスタイル設定に基づいて使用されるスキーマ。

Map

$light-material-schema

$target

--target

テーマ変数のスコープを設定するときに使用するターゲットプラットフォーム。

Map

'angular'

$backing-brush

--backing-brush

ブレットグラフのバッキングを塗りつぶすために使用するブラシを設定します。

Color

null

$backing-outline

--backing-outline

バッキングのアウトラインに使用するブラシを設定します。

Color

null

$backing-stroke-thickness

--backing-stroke-thickness

裏張りのアウトラインのストロークの太さを設定します。

Number

null

$font-brush

--font-brush

ラベルのフォントに使用するブラシを設定します。

Color

null

$minor-tick-brush

--minor-tick-brush

副目盛に使用するブラシを設定します。

Color

null

$minor-tick-thickness

--minor-tick-thickness

副目盛を描画する際に使用するストロークの太さ。

Number

null

$range-brushes

--range-brushes

ブレットグラフ範囲のパレットとして使用されるブラシのコレクションを設定します。

List

null

$range-outlines

--range-outlines

ブレットグラフアウトラインのパレットとして使用されるブラシのコレクションを設定します。

List

null

$scale-background-brush

--scale-background-brush

スケールの背景ブラシを設定します。

Color

null

$scale-background-outline

--scale-background-outline

スケールの背景アウトラインを設定します。

Color

null

$scale-background-thickness

--scale-background-thickness

スケールの背景アウトラインの太さを設定します。

Number

null

$target-value-breadth

--target-value-breadth

ターゲット値要素の幅を設定します。

Number

null

$target-value-brush

--target-value-brush

比較マーカーの塗りつぶしを描画する際に使用するブラシを設定します。

Color

null

$target-value-outline

--target-value-outline

ターゲット値のアウトラインを描画する際に使用するブラシを設定します。

Color

null

$target-value-thickness

--target-value-thickness

ターゲット値バーのアウトラインのストローク幅を設定します。

Number

null

$tick-brush

--tick-brush

主目盛に使用するブラシを設定します。

Color

null

$tick-stroke-thickness

--tick-stroke-thickness

目盛を描画する際に使用するストロークの太さを設定します。

Number

null

$value-brush

--value-brush

実際の値要素に使用するブラシを設定します。

Color

null

$value-outline

--value-outline

実際の値要素のアウトラインに使用するブラシを設定します。

Color

null

$value-stroke-thickness

--value-stroke-thickness

単一の実際値の要素を描画するときに使用するストロークの太さを設定します。

Number

null

必須

var light-material-schema
fun extend

作者

Simeon Simeonoff

function pie-chart-theme public

Deprecation message:

$my-chart-theme: pie-chart-theme($brushes: (red, orange, blue));
// css-vars mixin へテーマを渡します。
@include css-vars($my-chart-theme);

パラメーター

$schema

N/A

コンポーネントのスタイル設定に基づいて使用されるスキーマ。

Map

$light-material-schema

$target

--target

テーマ変数のスコープを設定するときに使用するターゲットプラットフォーム。

Map

'angular'

$brushes

--brushes

自動的に割り当てられるシリーズの色から選択されるパレットを定義します。

List

series

$outlines

--outlines

自動的に割り当てられるシリーズのアウトライン色から選択されるパレットを定義します。

List

series

$label-extent

--label-extent

スライスの端からラベルをオフセットするピクセル量を設定します。

Number

null

$label-inner-color

--label-inner-color

円チャート内に描画されるラベルの色を設定します。

Color

null

$label-outer-color

--label-outer-color

円チャートの外に描画されるラベルの色を設定します。

Color

null

$labels-position

--labels-position

チャートラベルの位置を設定します。有効な値は: 'none'、'center'、'insideEnd'、'outsideEnd'、'bestFit' です。

String

null

$leader-line-margin

--leader-line-margin

ラベルおよびその引き出し線の終了の間のマージンを設定します。

Number

null

$leader-line-type

--leader-line-type

外部の終了ラベルのために使用される引き出し線のタイプを設定します。有効な値は: 'Straight'、'spline' および 'arc' です。

String

null

$leader-line-visibility

--leader-line-visibility

引き出し線が表示されるかどうかを設定します。有効な値は: 'visible' および 'collapsed' です。

String

null

$radius-factor

--radius-factor

チャートの半径のスケール率を設定します。0 と 1 の間の値。

Number

null

必須

var light-material-schema
fun extend

作者

Simeon Simeonoff

function shape-chart-theme public

Deprecation message:

$my-chart-theme: shape-chart-theme($brushes: (orange, blue, pink));
// css-vars mixin へテーマを渡します。
@include css-vars($my-chart-theme);

パラメーター

$schema

N/A

コンポーネントのスタイル設定に基づいて使用されるスキーマ。

Map

$light-material-schema

$target

--target

テーマ変数のスコープを設定するときに使用するターゲットプラットフォーム。

Map

'angular'

$margin

--margin

チャートコンテンツのマージン (top、right、bottom および left) を設定します。

List

null

$title-alignment

--title-alignment

コントロールの左右端に相対するタイトルの配置を決定する水平配置を設定します。

Color

null

$title-text-color

--title-text-color

チャートタイトルの色を設定します。

Color

null

$title-margin

--title-margin

チャートタイトルのマージン (top、right、bottom および left) を設定します。

List

null

$subtitle-alignment

--subtitle-alignment

コントロールの左右端に相対するサブタイトルの配置を決定する水平配置を設定します。

String

null

$subtitle-text-color

--subtitle-text-color

チャートサブタイトルの色を設定します。

Color

null

$subtitle-margin

--subtitle-margin

チャートサブタイトルのマージン (top、right、bottom および left) を設定します。

List

null

$brushes

--brushes

自動的に割り当てられるシリーズの色から選択されるパレットを定義します。

List

null

$marker-brushes

--marker-brushes

データポイントマーカーの塗りつぶし領域を描画するために使用されるブラシのパレットを設定します。

List

null

$outlines

--outlines

チャートシリーズのアウトラインに使用するブラシのパレットを設定します。

List

null

$marker-outlines

--marker-outlines

データポイントマーカーのアウトラインのを描画するために使用されるブラシのパレットを設定します。

List

null

$thickness

--thickness

このチャートのすべてのシリーズの太さを設定します。

Number

null

$trend-line-brushes

--trend-line-brushes

このチャートでトレンドラインの色に使用されるブラシのパレットを設定します。

List

null

$trend-line-thickness

--trend-line-thickness

Number

null

$x-axis-label-margin

--x-axis-label-margin

X 軸のラベルのマージンを設定します。

List

null

$x-axis-label-text-color

--x-axis-label-text-color

X 軸のラベルの色を設定します。

Color

null

$x-axis-label-vertical-alignment

--x-axis-label-vertical-alignment

X 軸ラベルの垂直方向の配置を設定します。

String

null

$x-axis-major-stroke

--x-axis-major-stroke

X 軸の主グリッド線に適用する色を設定します。

Color

null

$x-axis-major-stroke-thickness

--x-axis-major-stroke-thickness

X 軸の主グリッド線に適用する太さを設定します。

Number

null

$x-axis-minor-stroke

--x-axis-minor-stroke

X 軸の副グリッド線に適用する色を設定します。

Color

null

$x-axis-minor-stroke-thickness

--x-axis-minor-stroke-thickness

X 軸の副グリッド線に適用する太さを設定します。

Number

null

$x-axis-strip

--x-axis-strip

X 軸の背景の縞模様に適用する色を設定します。

Color

null

$x-axis-stroke

--x-axis-stroke

X 軸線に適用する色を設定します。

Color

null

$x-axis-stroke-thickness

--x-axis-stroke-thickness

X 軸線に適用する太さを設定します。

Number

null

$x-axis-title-alignment

--x-axis-title-alignment

X 軸タイトルの水平方向の配置を設定します。

String

null

$x-axis-title-color

--x-axis-title-color

X 軸のタイトルの色を設定します。

Color

null

$x-axis-title-margin

--x-axis-title-margin

X 軸のタイトルの周りのマージンを設定します。

List

null

$y-axis-label-margin

--y-axis-label-margin

Y 軸のラベルのマージンを設定します。

List

null

$y-axis-label-text-color

--y-axis-label-text-color

Y 軸のラベルの色を設定します。

Color

null

$y-axis-label-vertical-alignment

--y-axis-label-vertical-alignment

Y 軸ラベルの垂直方向の配置を設定します。

String

null

$y-axis-major-stroke

--y-axis-major-stroke

Y 軸の主グリッド線に適用する色を設定します。

Color

null

$y-axis-major-stroke-thickness

--y-axis-major-stroke-thickness

Y 軸の主グリッド線に適用する太さを設定します。

Number

null

$y-axis-minor-stroke

--y-axis-minor-stroke

Y 軸の副グリッド線に適用する色を設定します。

Color

null

$y-axis-minor-stroke-thickness

--y-axis-minor-stroke-thickness

Y 軸の副グリッド線に適用する太さを設定します。

Number

null

$y-axis-strip

--y-axis-strip

Y 軸の背景の縞模様に適用する色を設定します。

Color

null

$y-axis-stroke

--y-axis-stroke

Y 軸線に適用する色を設定します。

Color

null

$y-axis-stroke-thickness

--y-axis-stroke-thickness

Y 軸線に適用する太さを設定します。

Number

null

$y-axis-title-alignment

--y-axis-title-alignment

Y 軸タイトルの水平方向の配置を設定します。

String

null

$y-axis-title-color

--y-axis-title-color

Y 軸のタイトルの色を設定します。

Color

null

$y-axis-title-margin

--y-axis-title-margin

Y 軸のタイトルの周りのマージンを設定します。

List

null

必須

var light-material-schema
fun extend

作者

Simeon Simeonoff

function sparkline-theme public

Deprecation message:

$my-sparkline-theme: sparkline-theme($brushes: (orange, blue, pink));
// css-vars mixin へテーマを渡します。
@include css-vars($my-sparkline-theme);

パラメーター

$schema

N/A

コンポーネントのスタイル設定に基づいて使用されるスキーマ。

Map

$light-material-schema

$target

--target

テーマ変数のスコープを設定するときに使用するターゲットプラットフォーム。

Map

'angular'

$brush

--brush

スパークラインブラシを設定します。

Color

null

$line-thickness

--line-thickness

スパークラインの線の太さを設定します。

Number

null

$marker-brush

--marker-brush

スパークラインのマーカーブラシを設定します。

Color

null

$marker-size

--marker-size

スパークラインのマーカーサイズを設定します。

Color

null

$first-marker-brush

--first-marker-brush

スパークラインの始値マーカーブラシを設定します。

Color

null

$first-marker-size

--first-marker-size

スパークラインの始値マーカーサイズを設定します。

Number

null

$last-marker-brush

--last-marker-brush

スパークラインの終値マーカーブラシを設定します。

Color

null

$last-marker-size

--last-marker-size

スパークラインの終値マーカーサイズを設定します。

Number

null

$low-marker-brush

--low-marker-brush

スパークラインの最小値マーカーブラシを設定します。

Color

null

$low-marker-size

--low-marker-size

スパークラインの最小値マーカーサイズを設定します。

Number

null

$high-marker-brush

--high-marker-brush

スパークラインの最大値マーカーブラシを設定します。

Color

null

$high-marker-size

--high-marker-size

スパークラインの最大値マーカーサイズを設定します。

Number

null

$negative-brush

--negative-brush

スパークラインの負値ブラシを設定します。

Color

null

$negative-marker-brush

--negative-marker-brush

スパークラインの負値マーカーブラシを設定します。e.

Color

null

$negative

--negative

marker-size [null] - スパークラインの負値マーカーのサイズを取得または設定します。

Number

none

$trend-line-brush

--trend-line-brush

スパークラインのトレンドラインマーカーブラシを設定します。

Color

null

$trend-line-thickness

--trend-line-thickness

スパークラインのトレンドラインの太さを設定します。

Color

null

$horizontal-axis-brush

--horizontal-axis-brush

スパークラインの横軸線ブラシを設定します。

Color

null

$vertical-axis-brush

--vertical-axis-brush

スパークラインの縦軸線ブラシを設定します。

Color

null

$normal-range-fill

--normal-range-fill

スパークラインの標準範囲ブラシを設定します。

Color

null

必須

var light-material-schema
fun extend

作者

Simeon Simeonoff

deprecated mixin action-strip public

Deprecation message:

Use the css-vars mixin instead.

パラメーター

$theme

コンポーネントのスタイル設定に使用されるテーマ。

Map

none

参照先

mix css-vars

作者

deprecated mixin avatar public

Deprecation message:

Use the css-vars mixin instead.

パラメーター

$theme

“コンポーネントのスタイル設定に使用されるテーマ。

Map

none

参照先

mix css-vars

作者

deprecated mixin badge public

Deprecation message:

Use the css-vars mixin instead.

パラメーター

$theme

コンポーネントのスタイル設定に使用されるテーマ。

Map

none

参照先

mix css-vars

作者

deprecated mixin banner public

Deprecation message:

Use the css-vars mixin instead.

パラメーター

$theme

コンポーネントのスタイル設定に使用されるテーマ。

Map

none

参照先

mix css-vars

作者

Marin Popov

deprecated mixin bottom-nav public

Deprecation message:

Use the css-vars mixin instead.

パラメーター

$theme

コンポーネントのスタイル設定に使用されるテーマ。

Map

none

参照先

mix css-vars

作者

deprecated mixin button-group public

Deprecation message:

Use the css-vars mixin instead.

パラメーター

$theme

コンポーネントのスタイル設定に使用されるテーマ。

Map

none

参照先

mix css-vars

作者

Marin Popov

deprecated mixin button public

Deprecation message:

Use the css-vars mixin instead.

パラメーター

$theme

コンポーネントのスタイル設定に使用されるテーマ。

Map

none

参照先

mix css-vars

作者

deprecated mixin calendar public

Deprecation message:

Use the css-vars mixin instead.

パラメーター

$theme

コンポーネントのスタイル設定に使用されるテーマ。

Map

none

参照先

mix css-vars

作者

deprecated mixin card public

Card Component

Deprecation message:

Use the css-vars mixin instead.

パラメーター

$theme

コンポーネントのスタイル設定に使用されるテーマ。

Map

none

参照先

mix css-vars

作者

deprecated mixin carousel public

Deprecation message:

Use the css-vars mixin instead.

パラメーター

$theme

コンポーネントのスタイル設定に使用されるテーマ。

Map

none

参照先

mix css-vars

作者

deprecated mixin checkbox public

Deprecation message:

Use the css-vars mixin instead.

パラメーター

$theme

コンポーネントのスタイル設定に使用されるテーマ。

Map

none

参照先

mix css-vars

作者

deprecated mixin chip public

Deprecation message:

Use the css-vars mixin instead.

パラメーター

$theme

コンポーネントのスタイル設定に使用されるテーマ。

Map

none

参照先

mix css-vars

作者

Marin Popov

deprecated mixin column-actions public

Deprecation message:

Use the css-vars mixin instead.

パラメーター

$theme

コンポーネントのスタイル設定に使用されるテーマ。

Map

none

参照先

mix css-vars

作者

deprecated mixin combo public

Deprecation message:

Use the css-vars mixin instead.

パラメーター

$theme

コンポーネントのスタイル設定に使用されるテーマ。

Map

none

参照先

mix css-vars

作者

deprecated mixin date-picker public

Deprecation message:

Use the css-vars mixin instead.

パラメーター

$theme

コンポーネントのスタイル設定に使用されるカレンダーテーマ。

Map

none

参照先

mix css-vars

作者

deprecated mixin date-range-picker public

Deprecation message:

Use the css-vars mixin instead.

パラメーター

$theme

コンポーネントのスタイル設定に使用されるテーマ。

Map

none

参照先

mix css-vars

作者

Marin Popov

deprecated mixin dialog public

Deprecation message:

Use the css-vars mixin instead.

パラメーター

$theme

コンポーネントのスタイル設定に使用されるテーマ。

Map

none

参照先

mix css-vars

作者

deprecated mixin divider public

Deprecation message:

Use the css-vars mixin instead.

パラメーター

$theme

コンポーネントのスタイル設定に使用されるテーマ。

Map

none

参照先

mix css-vars

作者

deprecated mixin dock-manager public

Deprecation message:

Use the css-vars mixin instead.

パラメーター

$theme

コンポーネントのスタイル設定に使用されるテーマ。

Map

none

参照先

mix css-vars

作者

deprecated mixin drop-down public

Deprecation message:

Use the css-vars mixin instead.

パラメーター

$theme

コンポーネントのスタイル設定に使用されるテーマ。

Map

none

参照先

mix css-vars

作者

deprecated mixin expansion-panel public

Deprecation message:

Use the css-vars mixin instead.

パラメーター

$theme

コンポーネントのスタイル設定に使用されるテーマ。

Map

none

参照先

mix css-vars

作者

Marin Popov

deprecated mixin grid-summary public

Deprecation message:

Use the css-vars mixin instead.

パラメーター

$theme

コンポーネントのスタイル設定に使用されるテーマ。

Map

none

参照先

mix css-vars

作者

deprecated mixin grid-toolbar public

Deprecation message:

Use the css-vars mixin instead.

パラメーター

$theme

コンポーネントのスタイル設定に使用されるテーマ。

Map

none

参照先

mix css-vars

作者

deprecated mixin grid public

Deprecation message:

Use the css-vars mixin instead.

パラメーター

$theme

コンポーネントのスタイル設定に使用されるテーマ。

Map

none

参照先

mix css-vars

必須

mix excel-filtering

作者

deprecated mixin pivot-data-selector public

Deprecation message:

Use the css-vars mixin instead.

パラメーター

$theme

コンポーネントのスタイル設定に使用されるテーマ。

Map

none

参照先

mix css-vars

作者

Simeon Simeonoff

deprecated mixin highlight public

Deprecation message:

Use the css-vars mixin instead.

パラメーター

$theme

コンポーネントのスタイル設定に使用されるテーマ。

Map

none

参照先

mix css-vars

作者

Simeon Simeonoff

deprecated mixin icon-button public

Deprecation message:

Use the css-vars mixin instead.

パラメーター

$theme

コンポーネントのスタイル設定に使用されるテーマ。

Map

none

参照先

mix css-vars

作者

Silvia Ivanova

deprecated mixin icon public

Deprecation message:

Use the css-vars mixin instead.

パラメーター

$theme

コンポーネントのスタイル設定に使用されるテーマ。

Map

none

参照先

mix css-vars

作者

deprecated mixin input-group public

Deprecation message:

Use the css-vars mixin instead.

パラメーター

$theme

コンポーネントのスタイル設定に使用されるテーマ。

Map

none

参照先

mix css-vars

作者

Simeon Simeonoff

deprecated mixin label public

Deprecation message:

Use the css-vars mixin instead.

パラメーター

$theme

コンポーネントのスタイル設定に使用されるテーマ。

Map

none

参照先

mix css-vars

作者

Simeon Simeonoff

deprecated mixin list public

Deprecation message:

Use the css-vars mixin instead.

パラメーター

$theme

コンポーネントのスタイル設定に使用されるテーマ。

Map

none

参照先

mix css-vars

作者

deprecated mixin navbar public

Deprecation message:

Use the css-vars mixin instead.

パラメーター

$theme

コンポーネントのスタイル設定に使用されるテーマ。

Map

none

参照先

mix css-vars

作者

deprecated mixin navdrawer public

Deprecation message:

Use the css-vars mixin instead.

パラメーター

$theme

コンポーネントのスタイル設定に使用されるテーマ。

Map

none

参照先

mix css-vars

作者

deprecated mixin overlay public

Deprecation message:

Use the css-vars mixin instead.

パラメーター

$theme

コンポーネントのスタイル設定に使用されるテーマ。

Map

none

参照先

mix css-vars

作者

deprecated mixin paginator public

Deprecation message:

Use the css-vars mixin instead.

パラメーター

$theme

コンポーネントのスタイル設定に使用されるテーマ。

Map

none

参照先

mix css-vars

作者

deprecated mixin progress-linear public

Deprecation message:

Use the css-vars mixin instead.

パラメーター

$theme

コンポーネントのスタイル設定に使用されるテーマ。

Map

none

参照先

mix css-vars

作者

deprecated mixin progress-circular public

Deprecation message:

Use the css-vars mixin instead.

パラメーター

$theme

コンポーネントのスタイル設定に使用されるテーマ。

Map

none

参照先

mix css-vars

作者

deprecated mixin radio public

Deprecation message:

Use the css-vars mixin instead.

パラメーター

$theme

コンポーネントのスタイル設定に使用されるテーマ。

Map

none

参照先

mix css-vars

作者

deprecated mixin rating public

Deprecation message:

Use the css-vars mixin instead.

パラメーター

$theme

ンポーネントのスタイル設定に使用されるテーマ。

Map

none

参照先

mix css-vars

作者

Marin Popov

deprecated mixin ripple public

Deprecation message:

Use the css-vars mixin instead.

パラメーター

$theme

コンポーネントのスタイル設定に使用されるテーマ。

Map

none

参照先

mix css-vars

次で使用

mix tabs

作者

deprecated mixin scrollbar public

Deprecation message:

Use the css-vars mixin instead.

パラメーター

$theme

コンポーネントのスタイル設定に使用されるテーマ。

Map

none

参照先

mix css-vars

作者

Simeon Simeonoff

deprecated mixin select public

Deprecation message:

Use the css-vars mixin instead.

パラメーター

$theme

コンポーネントのスタイル設定に使用されるテーマ。

Map

none

参照先

mix css-vars

作者

deprecated mixin slider public

Deprecation message:

Use the css-vars mixin instead.

パラメーター

$theme

コンポーネントのスタイル設定に使用されるテーマ。

Map

none

参照先

mix css-vars

作者

deprecated mixin snackbar public

Deprecation message:

Use the css-vars mixin instead.

パラメーター

$theme

コンポーネントのスタイル設定に使用されるテーマ。

Map

none

参照先

mix css-vars

作者

deprecated mixin splitter public

Deprecation message:

Use the css-vars mixin instead.

$my-splitter-theme: splitter-theme($expander-color: red);
// css-vars() mixin へテーマを渡します。
@include css-vars($my-splitter-them);

パラメーター

$theme

コンポーネントのスタイル設定に使用されるテーマ。

Map

none

参照先

mix css-vars

必須

var light-material-schema

作者

Marin Popov

deprecated mixin stepper public

Deprecation message:

Use the css-vars mixin instead.

パラメーター

$theme

コンポーネントのスタイル設定に使用されるテーマ。

Map

none

参照先

mix css-vars

作者

Marin Popov

deprecated mixin switch public

Deprecation message:

Use the css-vars mixin instead.

パラメーター

$theme

コンポーネントのスタイル設定に使用されるテーマ。

Map

none

参照先

mix css-vars

作者

deprecated mixin tabs public

Deprecation message:

Use the css-vars mixin instead.

パラメーター

$theme

コンポーネントのスタイル設定に使用されるテーマ。

Map

none

参照先

mix css-vars

必須

fun ripple-theme
mix ripple

作者

Marin Popov

deprecated mixin time-picker public

Deprecation message:

Use the css-vars mixin instead.

パラメーター

$theme

コンポーネントのスタイル設定に使用されるテーマ。

Map

none

参照先

mix css-vars

作者

Marin Popov

deprecated mixin toast public

Toast コンポーネント

Deprecation message:

Use the css-vars mixin instead.

パラメーター

$theme

コンポーネントのスタイル設定に使用されるテーマ。

Map

none

参照先

mix css-vars

作者

deprecated mixin tree public

Deprecation message:

Use the css-vars mixin instead.

パラメーター

$theme

コンポーネントのスタイル設定に使用されるテーマ。

Map

none

参照先

mix css-vars

作者

Marin Popov

mixin core public

Deprecation message:

パラメーター

$print-layout

コンポーネントの印刷スタイルをアクティブにします。

boolean

true

$enhanced-accesibility

コンポーネントの色およびその他のプロパティをアクセスしやすい値に切り替えます。

boolean

false

作者

Simeon Simeonoff

mixin css-vars public

テーマの色を CSS 変数として特定のスコープに追加します。

Deprecation message:

$my-grid-theme grid-theme(
  $header-background: red,
  $content-background: #222
);
.my-grid {
  @include css-vars($my-grid-theme);
}

パラメーター

$theme

使用するコンポーネントのテーマ。

map

none

$scope

使用する CSS 変数のスコープ (オプション)。

map

null

次で使用

mix css-vars-from-theme

必須

mix css-vars-from-theme

mixin sizable public

スコープがサイズの変更に対応できるように、必要な CSS プロパティを追加します。

Deprecation message:

.my-component {
  @include sizable();
}

mixin theme public

gnite UI for Angular のグローバルテーマを生成します。

Deprecation message:

パラメーター

$palette

グローバルテーマで使用されるパレット。

Map

none

$schema

コンポーネントのスタイル設定に基づいて使用されるスキーマ。

Map

$light-material-schema

$exclude

グローバルテーマのスタイルから除外される igx コンポーネントのリスト。

List

( )

$roundness

すべてのコンポーネントのグローバルな丸み係数 (値は 0〜1 の任意の小数にすることができます) を設定します。

Number

null

$elevation

テーマのすべてのコンポーネントのエレベーションのオン/オフを切り替えます。

Boolean

true

$elevations

すべてのコンポーネントテーマで使用されるエレベーションマップ。

Map

$elevations

必須

var light-material-schema
fun is-component
fun is-used

作者

Simeon Simeonoff

mixin light-theme public

テーマ mixin のラッパー。ライト背景で使用できるグローバルなマテリアルテーマを作成します。

Deprecation message:

パラメーター

$palette

グローバルテーマで使用されるパレット。

Map

none

$exclude

グローバルテーマのスタイルから除外される ig コンポーネントのリスト。

List

( )

参照先

mix theme

作者

Simeon Simeonoff

mixin dark-theme public

テーマ mixin のラッパー。ダーク背景で使用できるグローバルなマテリアルテーマを作成します。

Deprecation message:

パラメーター

$palette

グローバルテーマで使用されるパレット。

Map

none

$exclude

グローバルテーマのスタイルから除外される igx コンポーネントのリスト。

List

( )

参照先

mix theme

作者

Simeon Simeonoff

mixin bootstrap-light-theme public

テーマ mixin のラッパー。ライト背景で使用されるグローバル bootstrap のようなテーマを作成します。

Deprecation message:

パラメーター

$palette

グローバルテーマで使用されるパレット。

Map

none

$exclude

グローバルテーマのスタイルから除外される ig コンポーネントのリスト。

List

( )

参照先

mix theme

作者

Simeon Simeonoff

mixin bootstrap-dark-theme public

テーマ mixin のラッパー。ダーク背景で使用されるグローバル bootstrap のようなテーマを作成します。

Deprecation message:

パラメーター

$palette

グローバルテーマで使用されるパレット。

Map

none

$exclude

グローバルテーマのスタイルから除外される ig コンポーネントのリスト。

List

( )

参照先

mix theme

作者

Simeon Simeonoff

mixin fluent-light-theme public

テーマ mixin のラッパー。ライト背景で使用されるグローバル fluent テーマを作成します。

Deprecation message:

パラメーター

$palette

グローバルテーマで使用されるパレット。

Map

none

$exclude

グローバルテーマのスタイルから除外される ig コンポーネントのリスト。

List

( )

参照先

mix theme

作者

Simeon Simeonoff

mixin fluent-dark-theme public

テーマ mixin のラッパー。ダーク背景で使用されるグローバル fluent テーマを作成します。

Deprecation message:

パラメーター

$palette

グローバルテーマで使用されるパレット。

Map

none

$exclude

グローバルテーマのスタイルから除外される ig コンポーネントのリスト。

List

( )

参照先

mix theme

作者

Simeon Simeonoff

mixin indigo-light-theme public

テーマ mixin のラッパー。ライト背景で使用できるグローバルなインディゴテーマを作成します。

Deprecation message:

パラメーター

$palette

グローバルテーマで使用されるパレット。

Map

none

$exclude

グローバルテーマのスタイルから除外される ig コンポーネントのリスト。

List

( )

参照先

mix theme

作者

Simeon Simeonoff

mixin indigo-dark-theme public

テーマ mixin のラッパー。ダーク背景で使用できるグローバルインディゴテーマを作成します。

Deprecation message:

パラメーター

$palette

グローバルテーマで使用されるパレット。

Map

none

$exclude

グローバルテーマのスタイルから除外される ig コンポーネントのリスト。

List

( )

参照先

mix theme

作者

Simeon Simeonoff

typography

mixin badge-typography public

igx-badge コンポーネントにタイポグラフィのスタイルを追加します。タイポグラフィスケールから 'caption' カテゴリを使用します。

Deprecation message:

パラメーター

$categories

タイプスタイルのために使用されるタイポグラフィスケールからのカテゴリです。

Map

(text: 'caption')

作者

mixin banner-typography public

igx-banner コンポーネントにタイポグラフィのスタイルを追加します。タイポグラフィスケールから 'body-2' カテゴリを使用します。

Deprecation message:

パラメーター

$categories

タイプスタイルのために使用されるタイポグラフィスケールからのカテゴリです。

Map

(message: 'body-2')

作者

Marin Popov

mixin bottom-nav-typography public

igx-bottom-nav コンポーネントにタイポグラフィのスタイルを追加します。タイポグラフィスケールから 'caption' カテゴリを使用します。

Deprecation message:

パラメーター

$categories

タイプスタイルのために使用されるタイポグラフィスケールからのカテゴリです。

Map

(label: 'caption')

作者

mixin button-group-typography public

igx-button-group コンポーネントにタイポグラフィのスタイルを追加します。タイポグラフィスケールから 'button' カテゴリを使用します。

Deprecation message:

パラメーター

$categories

Styles 型のために使用されるタイポグラフィスケールからのカテゴリです。

String

(text: 'button')

作者

Marin Popov

mixin button-typography public

igx-button コンポーネントにタイポグラフィのスタイルを追加します。タイポグラフィスケールから 'button' カテゴリを使用します。

Deprecation message:

パラメーター

$categories

タイプスタイルのために使用されるタイポグラフィスケールからのカテゴリです。

String

(text: 'button')

作者

mixin calendar-typography public

igx-calendar コンポーネントにタイポグラフィのスタイルを追加します。タイポグラフィスケールから 'h4'、'subtitle-1' と 'body-1' カテゴリを使用します。

Deprecation message:

パラメーター

$categories

タイプスタイルのために使用されるタイポグラフィスケールからのカテゴリです。

Map

(header-year: 'subtitle-1', header-date: 'h4', picker-date: 'subtitle-1', content: 'body-1')

作者

mixin card-typography public

igx-card コンポーネントにタイポグラフィのスタイルを追加します。タイポグラフィスケールから 'h6'、'subtitle-2' と 'body-2' カテゴリを使用します。

Deprecation message:

パラメーター

$categories

タイプスタイルのために使用されるタイポグラフィスケールからのカテゴリです。

Map

(title: 'h6', title-small: 'subtitle-2', subtitle: 'subtitle-2', content: 'body-2')

作者

mixin checkbox-typography public

igx-checkbox コンポーネントにタイポグラフィのスタイルを追加します。タイポグラフィスケールから 'subtitle-1' カテゴリを使用します。

Deprecation message:

パラメーター

$categories

タイプスタイルのために使用されるタイポグラフィスケールからのカテゴリです。

Map

(label: 'subtitle-1')

作者

mixin chip-typography public

igx-chip コンポーネントにタイポグラフィのスタイルを追加します。タイポグラフィスケールから 'body-2' カテゴリを使用します。

Deprecation message:

パラメーター

$categories

タイプスタイルのために使用されるタイポグラフィスケールからのカテゴリです。

Map

(text: 'body-2')

作者

Marin Popov

mixin column-actions-typography public

igx-column-actions コンポーネントにタイポグラフィのスタイルを追加します。タイポグラフィスケールから 'subtitle-1' カテゴリを使用します。

Deprecation message:

パラメーター

$categories

タイプスタイルのために使用されるタイポグラフィスケールからのカテゴリです。

Map

(title: 'subtitle-1')

作者

mixin date-range-typography public

igx-date-range-picker コンポーネントにタイポグラフィのスタイルを追加します。タイポグラフィスケールから 'subtitle-1' カテゴリを使用します。

Deprecation message:

パラメーター

$categories

タイプスタイルのために使用されるタイポグラフィスケールからのカテゴリです。

Map

(label: 'subtitle-1')

作者

Marin Popov

mixin dialog-typography public

igx-dialog コンポーネントにタイポグラフィのスタイルを追加します。タイポグラフィスケールから 'h6' および 'body-1' カテゴリを使用します。

Deprecation message:

パラメーター

$categories

タイプスタイルのために使用されるタイポグラフィスケールからのカテゴリです。

Map

(title: 'h6', content: 'body-1')

作者

mixin drop-down-typography public

igx-drop-down コンポーネントにタイポグラフィのスタイルを追加します。タイポグラフィスケールから 'overline'、'body-2' および 'subtitle-1' カテゴリを使用します。

Deprecation message:

パラメーター

$categories

タイプスタイルのために使用されるタイポグラフィスケールからのカテゴリです。

Map

(header: 'overline', item: 'body-2', select-item: 'body-2')

作者

mixin expansion-panel-typography public

igx-expansion-panel コンポーネントにタイポグラフィのスタイルを追加します。

Deprecation message:

パラメーター

$categories

タイプスタイルのために使用されるタイポグラフィスケールからのカテゴリです。

Map

(title: 'h5', description: 'subtitle-2', body: 'body-2')

作者

Marin Popov

mixin icon-button-typography public

igx-icon-button コンポーネントにタイポグラフィのスタイルを追加します。タイポグラフィスケールから 'button' カテゴリを使用します。

Deprecation message:

パラメーター

$categories

Styles 型のために使用されるタイポグラフィスケールからのカテゴリです。

String

(text: 'button')

作者

Silvia Ivanova

mixin input-group-typography public

igx-input-group コンポーネントにタイポグラフィのスタイルを追加します。タイポグラフィスケールから 'subtitle-1'、'caption' カテゴリを使用します。

Deprecation message:

パラメーター

$categories

タイプスタイルのために使用されるタイポグラフィスケールからのカテゴリです。

Map

(helper-text: 'caption', input-text: 'subtitle-1')

作者

Simeon Simeonoff

mixin label-typography public

igx-label コンポーネントにタイポグラフィのスタイルを追加します。タイポグラフィスケールから 'caption' カテゴリを使用します。

Deprecation message:

パラメーター

$categories

タイプスタイルのために使用されるタイポグラフィスケールからのカテゴリです。

Map

(label: 'caption')

作者

Simeon Simeonoff

mixin list-typography public

igx-list コンポーネントにタイポグラフィのスタイルを追加します。タイポグラフィスケールから 'caption' および 'subtitle-1' カテゴリを使用します。

Deprecation message:

パラメーター

$categories

タイプスタイルのために使用されるタイポグラフィスケールからのカテゴリです。

Map

(header: 'overline', item: 'subtitle-1', title: 'subtitle-1', subtitle: 'caption')

作者

mixin navbar-typography public

igx-navbar コンポーネントにタイポグラフィのスタイルを追加します。タイポグラフィスケールから 'body-1'、'caption' カテゴリを使用します。

Deprecation message:

パラメーター

$categories

タイプスタイルのために使用されるタイポグラフィスケールからのカテゴリです。

Map

(title: 'h6')

作者

mixin navdrawer-typography public

igx-navdrawer コンポーネントにタイポグラフィのスタイルを追加します。タイポグラフィスケールから 'subtitle-1'、'subtitle-2' カテゴリを使用します。

Deprecation message:

パラメーター

$categories

タイプスタイルのために使用されるタイポグラフィスケールからのカテゴリです。

Map

(item: 'subtitle-2', header: 'subtitle-1')

作者

mixin linear-bar-typography public

igx-linear-bar コンポーネントにタイポグラフィスタイルを追加します。タイポグラフィスケールから 'subtitle-1'、'subtitle-2' カテゴリを使用します。

Deprecation message:

パラメーター

$categories

Styles 型のために使用されるタイポグラフィスケールからのカテゴリ。

Map

(value: 'subtitle-2')

作者

mixin radio-typography public

igx-radio コンポーネントにタイポグラフィのスタイルを追加します。タイポグラフィスケールから 'subtitle-1' カテゴリを使用します。

Deprecation message:

パラメーター

$categories

タイプスタイルのために使用されるタイポグラフィスケールからのカテゴリです。

Map

(label: 'subtitle-1')

作者

mixin slider-typography public

igx-slider コンポーネントにタイポグラフィのスタイルを追加します。タイポグラフィスケールから 'caption' カテゴリを使用します。

Deprecation message:

パラメーター

$categories

タイプスタイルのために使用されるタイポグラフィスケールからのカテゴリです。

Map

(ticks-label: 'caption', thumb-label: 'caption')

作者

mixin snackbar-typography public

igx-snackbar コンポーネントにタイポグラフィのスタイルを追加します。タイポグラフィスケールから 'body-2' カテゴリを使用します。

Deprecation message:

パラメーター

$categories

タイプスタイルのために使用されるタイポグラフィスケールからのカテゴリです。

Map

(text: 'body-2')

作者

mixin stepper-typography public

Igx-stepper コンポーネントにタイポグラフィスタイルを追加します。タイポグラフィスケールから 'body-2' カテゴリを使用します。

Deprecation message:

パラメーター

$categories

タイプスタイルのために使用されるタイポグラフィスケールからのカテゴリです。

Map

(title: 'body-2')

作者

Marin Popov

mixin switch-typography public

igx-switch コンポーネントにタイポグラフィのスタイルを追加します。タイポグラフィスケールから 'subtitle-1' カテゴリを使用します。

Deprecation message:

パラメーター

$categories

タイプスタイルのために使用されるタイポグラフィスケールからのカテゴリです。

Map

(label: 'subtitle-1')

作者

mixin tabs-typography public

igx-tabs コンポーネントにタイポグラフィのスタイルを追加します。タイポグラフィスケールから 'subtitle-2' カテゴリを使用します。

Deprecation message:

パラメーター

$categories

タイプスタイルのために使用されるタイポグラフィスケールからのカテゴリです。

Map

(label: 'button')

作者

Marin Popov

mixin time-picker-typography public

igx-calendar コンポーネントにタイポグラフィのスタイルを追加します。タイポグラフィスケールから 'h4'、'subtitle-1' および 'body-1' カテゴリを使用します。

Deprecation message:

パラメーター

$categories

タイプスタイルのために使用されるタイポグラフィスケールからのカテゴリです。

Map

(header-time-period: 'subtitle-1', header-hour: 'h4', content: 'body-1')

作者

Marin Popov

mixin toast-typography public

igx-toast コンポーネントにタイポグラフィスタイルを追加します。タイポグラフィスケールから 'body-2' カテゴリを使用します。

Deprecation message:

パラメーター

$categories

タイプスタイルのために使用されるタイポグラフィスケールからのカテゴリです。

Map

(text: 'body-2')

作者

mixin tree-typography public

igx-tree コンポーネントにタイポグラフィスタイルを追加します。タイポグラフィスケールから 'subtitle-1' カテゴリを使用します。

Deprecation message:

パラメーター

$categories

タイプスタイルのために使用されるタイポグラフィスケールからのカテゴリです。

Map

(label: 'subtitle-1')

作者

Marin Popov

mixin category-chart-typography public

category-chart コンポーネントにタイポグラフィのスタイルを追加します。タイポグラフィスケールから 'h6'、'subtitle-1' および 'body-2' カテゴリを使用します。

Deprecation message:

パラメーター

$type-scale

type-scale が生成されるタイポグラフィスケール。

Map

none

$categories

タイプスタイルのために使用されるタイポグラフィスケールからのカテゴリです。

Map

( 'title': 'h6', 'subtitle': 'subtitle-1, 'x-axis-label-text-style': 'body-2', 'y-axis-label-text-style': 'body-2', 'x-axis-title-text-style': 'body-2', 'y-axis-title-text-style': 'body-2', )

必須

mix type-style

作者

Silvia Ivanova

mixin data-chart-typography public

data-chart コンポーネントにタイポグラフィのスタイルを追加します。タイポグラフィスケールから 'h6' および 'subtitle-1' カテゴリを使用します。

Deprecation message:

パラメーター

$type-scale

type-scale が生成されるタイポグラフィスケール。

Map

none

$categories

タイプスタイルのために使用されるタイポグラフィスケールからのカテゴリです。

Map

(title: 'h6', subtitle: 'subtitle-1')

必須

mix type-style

作者

Simeon Simeonoff

mixin pie-chart-typography public

pie-chart コンポーネントにタイポグラフィのスタイルを追加します。タイポグラフィスケールから 'body-2' カテゴリを使用します。

Deprecation message:

パラメーター

$type-scale

type-scale が生成されるタイポグラフィスケール。

Map

none

$categories

タイプスタイルのために使用されるタイポグラフィスケールからのカテゴリです。

Map

(text: 'body-2')

必須

mix type-style

作者

Simeon Simeonoff

mixin shape-chart-typography public

shape-chart コンポーネントにタイポグラフィのスタイルを追加します。タイポグラフィスケールから 'h3'、'h4'、'h6'、および 'subtitle-1' カテゴリを使用します。

Deprecation message:

パラメーター

$type-scale

igx-type-scale が生成されるタイポグラフィスケール。

Map

none

$categories

タイプスタイルのために使用されるタイポグラフィスケールからのカテゴリです。

Map

( 'title': 'h6', 'subtitle': 'subtitle-1, 'x-axis-label-text-style': 'h4', 'y-axis-label-text-style': 'h4', 'x-axis-title-text-style': 'h3', 'y-axis-title-text-style': 'h3', )

必須

mix type-style

作者

Simeon Simeonoff

mixin type-style public

カテゴリに関連するすべてのスタイルを現在のスタイルブロックに含めます。

Deprecation message:

.fancy-h1 {
   @include type-style('h1');
   color: mediumvioletred;
}

パラメーター

$category

タイプスケールのカテゴリです。

String

none

$check

ITypeScale に対するカテゴリチェックを切り替えます。カスタムタイプスケールを使用する場合は false に設定します。

String

true

次で使用

mix category-chart-typography
mix data-chart-typography
mix financial-chart-typography
mix gauge-typography
mix graph-typography
mix pie-chart-typography
mix shape-chart-typography
mix type-style-elements
mix type-style-classes

mixin type-style-vars public

タイプスタイルマップを CSS フォント変数に変換します。

Deprecation message:

$h1-style: type-scale-category($type-scale, 'h1');
@include type-style-vars('h1', $h1-style);

パラメーター

$name

カスタム CSS 変数名。

String

none

$type-style

type-style によって生成される style 型のマップ参照。

Map

none

次で使用

mix typography

mixin type-style-elements public

IElementCategories マップに一致するすべてのネイティブ要素をスタイルします。

Deprecation message:

次で使用

mix typography

必須

mix type-style
var ITypeScale
var IElementCategories

mixin type-style-classes public

ITypeScale マップ内のすべてのカテゴリのスタイルルールを持つ CSS クラスを作成します。

Deprecation message:

次で使用

mix typography

必須

mix type-style
var ITypeScale

mixin font-var public

タイプスタイルのマップを CSS 変数に割り当てられたフォントスタイルルールに変換します。

Deprecation message:

$h1-style: type-scale-category($type-scale, 'h1');
@include font-var('h1-font', $h1-style);

パラメーター

$name

カスタム CSS 変数名。

String

none

$type-style

type-style によって生成されるタイプスタイルのマップ参照。

Map

none

$prefix

任意のプレフィックス。

String

null

mixin typography public

h1-h6 のためにタイポグラフィスタイルを追加して、カスタムタイポグラフィクラスセレクターを作成します。プロデューサスタイルは、渡された書体とタイプスケールに基づきます。省略した場合、$material-typeface と $material-type-scale が使用されます。

Deprecation message:

@include typography('Roboto', $my-type-scale);

パラメーター

$font-family

すべてのタイポグラフィ要素中に使用されるフォントファミリ。

String

none

$type-scale

type-scale で生成されるタイプスケールのマップ。

Map

none

必須

fun is-root
mix type-style-vars
mix type-style-classes
mix type-style-elements

mixin typography public

Deprecation message:

パラメーター

$font-family

すべてのタイポグラフィ要素中に使用されるフォントファミリ。

String

$material-typeface

$type-scale

type-scale で生成されるタイプスケールのマップ。

Map

$material-type-scale

$exclude

除外するタイポグラフィスタイルのリスト。

Map

null

作者

Simeon Simeonoff

mixin charts-typography public

特定のタイプスケールとターゲットのすべてのチャート関連のタイポグラフィスタイルが含まれます。

Deprecation message:

パラメーター

$type-scale

タイポグラフィスタイルを含めるときに使用するタイプスケール。

Map

none

$target

ターゲットプラットフォーム。'angular'、'webc'、または 'blazor' のいずれかです。

String

'angular'

function em public

ピクセルを相対値 (em) に変換します。

Deprecation message:

.my-component {
  margin: em(10px) em(5px);
}

パラメーター

$pixels

変換するピクセル値。

number|string

none

$context

対して変換するベースコンテキスト。

number|string

$browser-context

返却

number

em に変換されたピクセル値を返します。

function rem public

ピクセルをルート相対値 (rem) に変換します。

Deprecation message:

.my-component {
  margin: rem(10px) rem(5px);
}

パラメーター

$pixels

変換するピクセル値。

number|string

none

$context

対して変換するベースコンテキスト。

number|string

$browser-context

返却

number

rem に変換されたピクセル値を返します。

function px public

相対値 (em/rem) をピクセルに変換します。

Deprecation message:

.my-component {
  margin: px(3.23rem);
}

パラメーター

$num

変換される相対値。

number|string

none

$context

対して変換するベースコンテキスト。

number|string

$browser-context

返却

number

ピクセルに変換された相対値を返します。

function type-style public

インターフェイスのようなタイプスタイルのマップ。

Deprecation message:

$main_navigation: type-style(
   $font-size: rem(14px),
   $font-weight: 600,
   $letter-spacing: rem(.1px),
   $line-height: rem(14px),
   $text-transform: none,
);

// type-style() mixin を使用して、type-style() 関数から生成された新しいタイプ スタイルを使用します。
.main-nav {
  @include type-style($main_navigation);
}

パラメーター

$font-family

タイプスタイルのフォントファミリ。

String

var(--ig-font-family)

$font-size

タイプスタイルのフォントのサイズ。

String

none

$font-weight

タイプスタイルのフォントのウェイト。

Number|String

normal

$font-style

タイプスケールのフォントスタイル。

String

normal

$line-height

タイプスタイルの線の高さ。

Number|String

normal

$letter-spacing

タイプスタイルの文字の間隔。

Number|String

normal

$text-transform

タイプスタイルの text-transform プロパティ。

String

none

$margin-top

タイプスタイルの margin-top プロパティ。

Number

$margin-bottom

タイプスタイルの margin-bottom プロパティ。

Number

返却

Map

タイプスタイルのすべての定義済みのプロパティのマップ。

必須

var ITypeStyle

function type-scale public

ITypeScale リストに準拠するタイプスタイルを含むタイプスケールマップを作成します。

Deprecation message:

// 最初に使用するタイプ スタイルを定義します
$my-body-1: type-style(
   $font-size: rem(14px),
);

// タイプ スタイル マップを使用して、既存のマップの 1 つをオーバーライドします。
$type-scale: type-scale(
  ...
  $body-1: $my-body-1,
  ...
);

パラメーター

$h1

type-style 関数に生成されたタイプスタイルプロパティを含むマップ。

Map

none

$h2

type-style 関数に生成されたタイプスタイルプロパティを含むマップ。

Map

none

$h3

type-style 関数に生成されたタイプスタイルプロパティを含むマップ。

Map

none

$h4

type-style 関数に生成されたタイプスタイルプロパティを含むマップ。

Map

none

$h5

type-style 関数に生成されたタイプスタイルプロパティを含むマップ。

Map

none

$h6

type-style 関数に生成されたタイプスタイルプロパティを含むマップ。

Map

none

$subtitle-1

type-style 関数に生成されたタイプスタイルプロパティを含むマップ。

Map

none

$subtitle-2

type-style 関数に生成されたタイプスタイルプロパティを含むマップ。

Map

none

$body-1

type-style 関数に生成されたタイプスタイルプロパティを含むマップ。

Map

none

$body-2

type-style 関数に生成されたタイプスタイルプロパティを含むマップ。

Map

none

$button

type-style 関数に生成されたタイプスタイルプロパティを含むマップ。

Map

none

$caption

type-style 関数に生成されたタイプスタイルプロパティを含むマップ。

Map

none

$overline

type-style 関数に生成されたタイプスタイルプロパティを含むマップ。

Map

none

$_theme

このタイプスケールに関連するテーマ。内部使用のみ。

String

null

返却

Map

すべての定義済みタイプスケールのマップ。

必須

var ITypeScale

function type-scale-category public

タイプスケールカテゴリ config を取得します。

Deprecation message:

$h1-type-scale: type-scale-category($type-scale, 'h1');

パラメーター

$scale

type-scale が生成されるようにタイプスケールのマップ参照。

Map

none

$category

設定する必要のあるスケールカテゴリ。'h1'; など。

String

none

返却

Map

タイプスケールでの選択されたカテゴリの config マップ。

undefined

mixin configure public

エレベーションの影の色を構成します。

Deprecation message:

パラメーター

$color-1

本影の色。

Color

none

$color-2

半影の色。

Color

none

$color-3

アンビエント影の色。

Color

none

utilities

mixin color-classes public

指定したプロパティとカラーパレットのすべての色の CSS クラス名を生成します。オプションでプレフィックスとサフィックスをクラス名に添付します。

Deprecation message:

// 次のようなクラス名を生成します。
// .igx-primary-500-bg { ... };
@include color-classes(
  $prop: 'background-color',
  $suffix: 'bg'
);

パラメーター

$prop

パレットカラーに割り当てられる CSS プロパティ。

string

none

$prefix

クラス名に連結するプレフィックス。

string

igx

$suffix

クラス名に連結されるサフィックス。

string

null

$palette

CSS クラス名の生成に使用する igx パレット。

Map

$default-palette

必須

mix gen-color-classes

作者

Simeon Simeonoff

mixin line-clamp public

特定の行数でテキストを切り捨てます。

Deprecation message:

@include line-clamp(4, true, true);

パラメーター

$lines

表示する行数

number|string

none

$inline

要素が inline-box または box を表示するかどうかを設定します。

Boolean

none

$vertical

要素がコンテンツを水平または垂直に配置するかどうかを設定します。

Boolean

none

mixin ellipsis public

E テキスト要素に text-overflow 省略記号を適用します。 Display flex 要素では動作しません。

Deprecation message:

.my-class {
  @include ellipsis();
}

mixin hide-default public

DOM から要素を非表示にします。

Deprecation message:

input[type="checkbox"] {
  @include hide-default();
}

function pad public

間隔の値を考慮したコンポーネントのサイズに基づく値を返します。渡されたサイズは、比較する前に絶対値に変換されます。

Deprecation message:

.my-component {
  padding: pad(4px, 8px, 16px);
}

パラメーター

$sm

コンポーネントのサイズが small の場合の優先値。

Number

none

$md

コンポーネントのサイズが medium の場合の優先値。

Number

$sm

$lg

コンポーネントのサイズが large の場合の優先値。

Number

$md

$dir

優先方向 - inline (インライン) または block (ブロック)。

Number

null

返却

Function

評価された値。

function pad-inline public

インライン間隔を追加するために使用されます。

Deprecation message:

.my-component {
  padding: pad-inline(4px, 8px, 16px);
}

パラメーター

$sm

コンポーネントのサイズが small の場合の優先値。

Number

none

$md

コンポーネントのサイズが medium の場合の優先値。

Number

$sm

$lg

コンポーネントのサイズが large の場合の優先値。

Number

$md

返却

Function

評価された値。

function pad-block public

ブロック間隔を追加するために使用されます。

Deprecation message:

.my-component {
  padding: pad-block(4px, 8px, 16px);
}

パラメーター

$sm

コンポーネントのサイズが small の場合の優先値。

Number

none

$md

コンポーネントのサイズが medium の場合の優先値。

Number

$sm

$lg

コンポーネントのサイズが large の場合の優先値。

Number

$md

返却

Function

評価された値。

function extend public

プロセスで null 値を無視して、別の Map の値で Map を拡張します。

Deprecation message:

パラメーター

$maps

継承されるマップ。

Map...

none

返却

Map

結合済みのマップを返します。

次で使用

var dark-material-doughnut-chart
var fluent-category-chart
var bootstrap-category-chart
var indigo-category-chart
var fluent-data-chart
var bootstrap-data-chart
var indigo-data-chart
var fluent-doughnut-chart
var bootstrap-doughnut-chart
var indigo-doughnut-chart
var fluent-funnel-chart
var bootstrap-funnel-chart
var indigo-funnel-chart
var material-linear-gauge
var material-radial-gauge
var fluent-geo-map
var bootstrap-geo-map
var indigo-geo-map
var fluent-shape-chart
var bootstrap-shape-chart
var indigo-shape-chart
var fluent-sparkline
var bootstrap-sparkline
var indigo-sparkline
fun category-chart-theme
fun data-chart-theme
fun doughnut-chart-theme
fun financial-chart-theme
fun funnel-chart-theme
fun linear-gauge-theme
fun radial-gauge-theme
fun geo-map-theme
fun bullet-graph-theme
fun pie-chart-theme
fun shape-chart-theme
fun sparkline-theme

必須

fun clean

function diff public

2 つ以上のマップ間の差異を抽出して最初のマップと残りのマップ比較します。

Deprecation message:

$map-1: (
  color: orange,
  background: black,
);

$map-2: (
  color: red,
  background: black,
);

$diffed: diff($map-1, $map-2); // returns (color: red);

パラメーター

$maps

差分されるマップのリスト。

Map...

none

返却

Map

固有のプロパティのマップを返します。

function to-fixed public

数値を特定の精度に丸めます

Deprecation message:

パラメーター

$number

丸められる数値

Number

none

$precision

小数点以下の桁数を指定します。

Number

返却

Number

丸めた数値

次で使用

fun contrast
fun shade

function split public

指定されたセパレーターを使用して、文字列をリストに分割します。

Deprecation message:

パラメーター

$string

分割する文字列。

String

none

$separator

分割の文字列セパレーター

String

none

function replace public

文字列の 1 つ、一部、またはすべての一致を置換で置き換えた新しい文字列を返します。

Deprecation message:

パラメーター

$string

ターゲット文字列。

String

none

$search

検索する用語。

String

none

$replace

検索語を置き換える文字列。

String

none