1 |
|
2 |
|
3 |
|
4 |
|
5 |
|
6 |
|
7 |
|
8 |
|
9 |
|
10 |
|
11 |
|
12 |
|
13 |
|
14 |
|
15 |
|
16 |
|
17 |
|
18 |
|
19 |
|
20 |
|
21 | @use '@material/density/variables' as density-variables;
|
22 | @use '@material/theme/theme-color';
|
23 |
|
24 | $deprecated-ripple-target: '.mdc-deprecated-list-item__ripple';
|
25 | $deprecated-temporary-ripple-target: '.mdc-list-item__ripple';
|
26 |
|
27 | $deprecated-divider-color-on-light-bg: rgba(0, 0, 0, 0.12) !default;
|
28 | $deprecated-divider-color-on-dark-bg: rgba(255, 255, 255, 0.2) !default;
|
29 | $deprecated-side-padding: 16px !default;
|
30 | $deprecated-trailing-padding: 16px !default;
|
31 | $deprecated-text-offset: 72px !default;
|
32 | $deprecated-text-disabled-opacity: theme-color.text-emphasis(disabled) !default;
|
33 | $deprecated-text-disabled-color: on-surface !default;
|
34 | $deprecated-text-selected-color: primary !default;
|
35 |
|
36 | $deprecated-single-line-height: 48px !default;
|
37 | $deprecated-single-line-minimum-height: 24px !default;
|
38 | $deprecated-single-line-maximum-height: $deprecated-single-line-height !default;
|
39 | $deprecated-single-line-density-scale: density-variables.$default-scale !default;
|
40 | $deprecated-single-line-density-config: (
|
41 | height: (
|
42 | default: $deprecated-single-line-height,
|
43 | maximum: $deprecated-single-line-maximum-height,
|
44 | minimum: $deprecated-single-line-minimum-height,
|
45 | ),
|
46 | ) !default;
|
47 |
|
48 | $deprecated-item-primary-text-baseline-height: 28px !default;
|
49 | $deprecated-item-primary-text-baseline-height-with-graphic: 32px !default;
|
50 | $deprecated-item-secondary-text-baseline-height: 20px !default;
|
51 | $deprecated-dense-item-primary-text-baseline-height: 24px !default;
|
52 |
|
53 | $deprecated-two-line-height: 64px !default;
|
54 | $deprecated-two-line-graphic-height: 72px !default;
|
55 | $deprecated-two-line-icon-top-margin: 16px !default;
|
56 |
|
57 |
|
58 | $deprecated-deprecated-graphic-config: (
|
59 | graphic-size: (
|
60 | width: 24px,
|
61 | height: 24px,
|
62 | ),
|
63 | leading-padding: 16px,
|
64 | text-offset: 72px,
|
65 | ) !default;
|
66 |
|
67 | $deprecated-textual-variant-config: (
|
68 | single-line-height: $deprecated-single-line-height,
|
69 | graphic-size: (
|
70 | width: 24px,
|
71 | height: 24px,
|
72 | ),
|
73 | leading-padding: 16px,
|
74 | text-offset: 16px,
|
75 | ) !default;
|
76 |
|
77 | $deprecated-icon-variant-config: (
|
78 | single-line-height: 56px,
|
79 | graphic-size: (
|
80 | width: 24px,
|
81 | height: 24px,
|
82 | ),
|
83 | leading-padding: 16px,
|
84 | text-offset: 72px,
|
85 | ) !default;
|
86 |
|
87 | $deprecated-avatar-variant-config: (
|
88 | single-line-height: 56px,
|
89 | graphic-size: (
|
90 | width: 40px,
|
91 | height: 40px,
|
92 | ),
|
93 | leading-padding: 16px,
|
94 | text-offset: 72px,
|
95 | ) !default;
|
96 |
|
97 | $deprecated-thumbnail-variant-config: (
|
98 | single-line-height: 56px,
|
99 | graphic-size: (
|
100 | width: 40px,
|
101 | height: 40px,
|
102 | ),
|
103 | leading-padding: 16px,
|
104 | text-offset: 72px,
|
105 | ) !default;
|
106 |
|
107 | $deprecated-image-variant-config: (
|
108 | single-line-height: 72px,
|
109 | graphic-size: (
|
110 | width: 56px,
|
111 | height: 56px,
|
112 | ),
|
113 | leading-padding: 16px,
|
114 | text-offset: 88px,
|
115 | ) !default;
|
116 |
|
117 | $deprecated-video-variant-config: (
|
118 | single-line-height: 72px,
|
119 | graphic-size: (
|
120 | width: 100px,
|
121 | height: 56px,
|
122 | ),
|
123 | leading-padding: 0px,
|
124 | text-offset: 116px,
|
125 | ) !default;
|