1 | @use '@material/theme/theme-color';
|
2 | @use '@material/density/variables' as density-variables;
|
3 |
|
4 | $ripple-target: '.mdc-list-item__ripple';
|
5 | $divider-color-on-light-bg: rgba(0, 0, 0, 0.12) !default;
|
6 | $divider-color-on-dark-bg: rgba(255, 255, 255, 0.2) !default;
|
7 | $content-disabled-opacity: theme-color.text-emphasis(disabled) !default;
|
8 | $content-disabled-color: on-surface !default;
|
9 | $content-selected-color: primary !default;
|
10 | $side-padding: 16px !default;
|
11 |
|
12 | $one-line-item-density-scale: density-variables.$default-scale !default;
|
13 | $two-line-item-density-scale: density-variables.$default-scale !default;
|
14 | $three-line-item-density-scale: density-variables.$default-scale !default;
|
15 | $one-line-item-density-config: (
|
16 | height: (
|
17 | default: 48px,
|
18 | maximum: 48px,
|
19 | minimum: 24px,
|
20 | ),
|
21 | ) !default;
|
22 | $one-line-item-tall-density-config: (
|
23 | height: (
|
24 | default: 56px,
|
25 | maximum: 56px,
|
26 | minimum: 40px,
|
27 | ),
|
28 | ) !default;
|
29 | $one-line-item-taller-density-config: (
|
30 | height: (
|
31 | default: 72px,
|
32 | maximum: 72px,
|
33 | minimum: 56px,
|
34 | ),
|
35 | ) !default;
|
36 | $two-line-item-density-config: (
|
37 | height: (
|
38 | default: 64px,
|
39 | maximum: 64px,
|
40 | minimum: 48px,
|
41 | ),
|
42 | ) !default;
|
43 | $two-line-item-tall-density-config: (
|
44 | height: (
|
45 | default: 72px,
|
46 | maximum: 72px,
|
47 | minimum: 56px,
|
48 | ),
|
49 | ) !default;
|
50 | $three-line-item-density-config: (
|
51 | height: (
|
52 | default: 88px,
|
53 | maximum: 88px,
|
54 | minimum: 56px,
|
55 | ),
|
56 | ) !default;
|