Shadows
立体感と奥行きのためのボックスシャドウ定義
シャドウトークンは、コンポーネントに一貫した奥行き表現を提供します。
スケール
境界を軽く示す程度の最も控えめな影
小さく浮いた面の影。セカンダリボタンの通常時
カードなど中程度に浮いた面の影
しっかり浮き上がる柔らかい影。濃い solid 面では小さい影が沈むため primary ボタンに使う
大きく持ち上がった影。primary ボタンのホバー時
最も高く浮かせる影
面をへこませる内側の影
重なりの別名: 一段浮いた面(sm と同じ値)
重なりの別名: ドロップダウンなど重ねる面(lg と同じ値)
重なりの別名: モーダルなど最前面に浮かせる面(xl と同じ値)
濃い solid 面のベベル。上辺のハイライトと下辺の影で隆起して見せる
同上のホバー時。隆起感を少し強める
白い面用の控えめなベベル。濃い影だと汚れて見えるため薄くする
同上のホバー時。下辺の影を少し深める