UNPKG

@sandlada/mdk

Version:

A JavaScript library based on Material Design 3, providing data such as color, shape, shadow level, etc.

17 lines (16 loc) • 1.33 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
export declare abstract class ElevationLevel { static readonly Level0 = "var(--md-sys-elevation-level-0, 0)"; static readonly Level1 = "var(--md-sys-elevation-level-1, 1)"; static readonly Level2 = "var(--md-sys-elevation-level-2, 3)"; static readonly Level3 = "var(--md-sys-elevation-level-3, 6)"; static readonly Level4 = "var(--md-sys-elevation-level-4, 8)"; static readonly Level5 = "var(--md-sys-elevation-level-5, 12)"; } export declare abstract class ElevationBoxShaodw { static readonly Level0 = "box-shadow: none"; static readonly Level1 = "box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 1px -1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px"; static readonly Level2 = "box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 3px -2px, rgba(0, 0, 0, 0.14) 0px 3px 4px 0px, rgba(0, 0, 0, 0.12) 0px 1px 8px 0px"; static readonly Level3 = "box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px"; static readonly Level4 = "box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px"; static readonly Level5 = "box-shadow: rgba(0, 0, 0, 0.2) 0px 7px 8px -4px, rgba(0, 0, 0, 0.14) 0px 12px 17px 2px, rgba(0, 0, 0, 0.12) 0px 5px 22px 4px"; }