@nettyapps/ntyux 21.0.0 → 21.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/nettyapps-ntyux.mjs +105 -3
- package/fesm2022/nettyapps-ntyux.mjs.map +1 -1
- package/package.json +16 -4
- package/styles/public-nettyapp-base.scss +353 -0
- package/themes/blueorangetheme.css +323 -0
- package/themes/deep-bluetheme.css +322 -0
- package/themes/graytheme.css +323 -0
- package/themes/greentheme.css +323 -0
- package/themes/orangetheme.css +322 -0
- package/themes/purpletheme.css +322 -0
- package/themes/redtheme.css +322 -0
- package/themes/themes.css +7 -0
- package/types/nettyapps-ntyux.d.ts +34 -2
|
@@ -0,0 +1,322 @@
|
|
|
1
|
+
/* Note: Color palettes are generated from primary: #1976D2 */
|
|
2
|
+
.deep-blue-theme {
|
|
3
|
+
/* COLOR SYSTEM VARIABLES */
|
|
4
|
+
color-scheme: dark;
|
|
5
|
+
|
|
6
|
+
/* Required field */
|
|
7
|
+
--mat-sys-required: light-dark(
|
|
8
|
+
var(--mat-sys-secondary-container),
|
|
9
|
+
var(--mat-sys-inverse-primary)
|
|
10
|
+
);
|
|
11
|
+
|
|
12
|
+
--mat-nty-save-record-header-bar: light-dark(
|
|
13
|
+
var(--mat-sys-secondary-container),
|
|
14
|
+
var(--mat-sys-primary)
|
|
15
|
+
);
|
|
16
|
+
|
|
17
|
+
--mat-nty-save-record-identifier: light-dark(
|
|
18
|
+
var(--mat-sys-on-primary-container),
|
|
19
|
+
var(--mat-sys-on-primary)
|
|
20
|
+
);
|
|
21
|
+
|
|
22
|
+
/* Alert */
|
|
23
|
+
--mat-sys-netty-success: #00f0a0;
|
|
24
|
+
--mat-sys-netty-on-success: #00f0a0;
|
|
25
|
+
--mat-sys-netty-success-container: #00f0a0;
|
|
26
|
+
--mat-sys-netty-on-success-container: #00f0a0;
|
|
27
|
+
--mat-sys-netty-warning: #ffb800;
|
|
28
|
+
--mat-sys-netty-on-warning: #ffb800;
|
|
29
|
+
--mat-sys-netty-warning-container: #ffb800;
|
|
30
|
+
--mat-sys-netty-on-warning-container: #ffb800;
|
|
31
|
+
|
|
32
|
+
/* Primary palette variables */
|
|
33
|
+
--mat-sys-primary: light-dark(#005faf, #a5c8ff);
|
|
34
|
+
--mat-sys-on-primary: light-dark(#ffffff, #00315f);
|
|
35
|
+
--mat-sys-primary-container: light-dark(#d4e3ff, #004786);
|
|
36
|
+
--mat-sys-on-primary-container: light-dark(#001c3a, #d4e3ff);
|
|
37
|
+
--mat-sys-inverse-primary: light-dark(#a5c8ff, #005faf);
|
|
38
|
+
--mat-sys-primary-fixed: light-dark(#d4e3ff, #d4e3ff);
|
|
39
|
+
--mat-sys-primary-fixed-dim: light-dark(#a5c8ff, #a5c8ff);
|
|
40
|
+
--mat-sys-on-primary-fixed: light-dark(#001c3a, #001c3a);
|
|
41
|
+
--mat-sys-on-primary-fixed-variant: light-dark(#004786, #004786);
|
|
42
|
+
|
|
43
|
+
/* Secondary palette variables */
|
|
44
|
+
--mat-sys-secondary: light-dark(#475f84, #afc8f1);
|
|
45
|
+
--mat-sys-on-secondary: light-dark(#ffffff, #163153);
|
|
46
|
+
--mat-sys-secondary-container: light-dark(#d4e3ff, #2f486a);
|
|
47
|
+
--mat-sys-on-secondary-container: light-dark(#001c3a, #d4e3ff);
|
|
48
|
+
--mat-sys-secondary-fixed: light-dark(#d4e3ff, #d4e3ff);
|
|
49
|
+
--mat-sys-secondary-fixed-dim: light-dark(#afc8f1, #afc8f1);
|
|
50
|
+
--mat-sys-on-secondary-fixed: light-dark(#001c3a, #001c3a);
|
|
51
|
+
--mat-sys-on-secondary-fixed-variant: light-dark(#2f486a, #2f486a);
|
|
52
|
+
|
|
53
|
+
/* Tertiary palette variables */
|
|
54
|
+
--mat-sys-tertiary: light-dark(#8540a1, #edb1ff);
|
|
55
|
+
--mat-sys-on-tertiary: light-dark(#ffffff, #52046e);
|
|
56
|
+
--mat-sys-tertiary-container: light-dark(#f9d8ff, #6b2687);
|
|
57
|
+
--mat-sys-on-tertiary-container: light-dark(#320046, #f9d8ff);
|
|
58
|
+
--mat-sys-tertiary-fixed: light-dark(#f9d8ff, #f9d8ff);
|
|
59
|
+
--mat-sys-tertiary-fixed-dim: light-dark(#edb1ff, #edb1ff);
|
|
60
|
+
--mat-sys-on-tertiary-fixed: light-dark(#320046, #320046);
|
|
61
|
+
--mat-sys-on-tertiary-fixed-variant: light-dark(#6b2687, #6b2687);
|
|
62
|
+
|
|
63
|
+
/* Neutral palette variables */
|
|
64
|
+
--mat-sys-background: light-dark(#f9f9ff, #101319);
|
|
65
|
+
--mat-sys-on-background: light-dark(#181c21, #e0e2ea);
|
|
66
|
+
--mat-sys-surface: light-dark(#f9f9ff, #101319);
|
|
67
|
+
--mat-sys-surface-dim: light-dark(#d8dae2, #101319);
|
|
68
|
+
--mat-sys-surface-bright: light-dark(#f9f9ff, #363940);
|
|
69
|
+
--mat-sys-surface-container-lowest: light-dark(#ffffff, #0b0e14);
|
|
70
|
+
--mat-sys-surface-container: light-dark(#ecedf6, #1c2026);
|
|
71
|
+
--mat-sys-surface-container-high: light-dark(#e6e8f0, #272a30);
|
|
72
|
+
--mat-sys-surface-container-highest: light-dark(#e0e2ea, #32353b);
|
|
73
|
+
--mat-sys-on-surface: light-dark(#181c21, #e0e2ea);
|
|
74
|
+
--mat-sys-shadow: light-dark(#000000, #000000);
|
|
75
|
+
--mat-sys-scrim: light-dark(#000000, #000000);
|
|
76
|
+
--mat-sys-surface-tint: light-dark(#005faf, #a5c8ff);
|
|
77
|
+
--mat-sys-inverse-surface: light-dark(#2d3037, #e0e2ea);
|
|
78
|
+
--mat-sys-inverse-on-surface: light-dark(#eff0f9, #2d3037);
|
|
79
|
+
--mat-sys-outline: light-dark(#717783, #8b919e);
|
|
80
|
+
--mat-sys-outline-variant: light-dark(#c1c6d4, #414752);
|
|
81
|
+
--mat-sys-neutral10: light-dark(
|
|
82
|
+
#181c21,
|
|
83
|
+
#181c21
|
|
84
|
+
); /* Variable used for the form field native select option text color */
|
|
85
|
+
|
|
86
|
+
/* Error palette variables */
|
|
87
|
+
--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);
|
|
88
|
+
--mat-sys-on-error: light-dark(#ffffff, #690005);
|
|
89
|
+
--mat-sys-error-container: light-dark(#ffdad6, #93000a);
|
|
90
|
+
--mat-sys-on-error-container: light-dark(#410002, #ffdad6);
|
|
91
|
+
|
|
92
|
+
/* Neutral variant palette variables */
|
|
93
|
+
--mat-sys-surface-variant: light-dark(#dde2f0, #414752);
|
|
94
|
+
--mat-sys-on-surface-variant: light-dark(#414752, #c1c6d4);
|
|
95
|
+
--mat-sys-neutral-variant20: light-dark(
|
|
96
|
+
#2b313b,
|
|
97
|
+
#2b313b
|
|
98
|
+
); /* Variable used for the sidenav scrim (container background shadow when opened) */
|
|
99
|
+
|
|
100
|
+
/* TYPOGRAPHY SYSTEM VARIABLES */
|
|
101
|
+
|
|
102
|
+
/* Typography variables. Only used in the different typescale system variables. */
|
|
103
|
+
--mat-sys-brand-font-family: Roboto; /* The font-family to use for brand text. */
|
|
104
|
+
--mat-sys-plain-font-family: Roboto; /* The font-family to use for plain text. */
|
|
105
|
+
--mat-sys-bold-font-weight: 700; /* The font-weight to use for bold text. */
|
|
106
|
+
--mat-sys-medium-font-weight: 500; /* The font-weight to use for medium text. */
|
|
107
|
+
--mat-sys-regular-font-weight: 400; /* The font-weight to use for regular text. */
|
|
108
|
+
|
|
109
|
+
/* Typescale variables. */
|
|
110
|
+
/* Warning: Risk of reduced fidelity from using the composite typography tokens (ex. --mat-sys-body-large) since
|
|
111
|
+
tracking cannot be represented in the "font" property shorthand. Consider using the discrete properties instead. */
|
|
112
|
+
--mat-sys-body-large: var(--mat-sys-body-large-weight)
|
|
113
|
+
var(--mat-sys-body-large-size) / var(--mat-sys-body-large-line-height)
|
|
114
|
+
var(--mat-sys-body-large-font);
|
|
115
|
+
--mat-sys-body-large-font: var(--mat-sys-plain-font-family);
|
|
116
|
+
--mat-sys-body-large-line-height: 1.5rem;
|
|
117
|
+
--mat-sys-body-large-size: 1rem;
|
|
118
|
+
--mat-sys-body-large-tracking: 0.031rem;
|
|
119
|
+
--mat-sys-body-large-weight: var(--mat-sys-regular-font-weight);
|
|
120
|
+
|
|
121
|
+
/* Body medium typescale */
|
|
122
|
+
--mat-sys-body-medium: var(--mat-sys-body-medium-weight)
|
|
123
|
+
var(--mat-sys-body-medium-size) / var(--mat-sys-body-medium-line-height)
|
|
124
|
+
var(--mat-sys-body-medium-font);
|
|
125
|
+
--mat-sys-body-medium-font: var(--mat-sys-plain-font-family);
|
|
126
|
+
--mat-sys-body-medium-line-height: 1.25rem;
|
|
127
|
+
--mat-sys-body-medium-size: 0.875rem;
|
|
128
|
+
--mat-sys-body-medium-tracking: 0.016rem;
|
|
129
|
+
--mat-sys-body-medium-weight: var(--mat-sys-regular-font-weight);
|
|
130
|
+
|
|
131
|
+
/* Body small typescale */
|
|
132
|
+
--mat-sys-body-small: var(--mat-sys-body-small-weight)
|
|
133
|
+
var(--mat-sys-body-small-size) / var(--mat-sys-body-small-line-height)
|
|
134
|
+
var(--mat-sys-body-small-font);
|
|
135
|
+
--mat-sys-body-small-font: var(--mat-sys-plain-font-family);
|
|
136
|
+
--mat-sys-body-small-line-height: 1rem;
|
|
137
|
+
--mat-sys-body-small-size: 0.75rem;
|
|
138
|
+
--mat-sys-body-small-tracking: 0.025rem;
|
|
139
|
+
--mat-sys-body-small-weight: var(--mat-sys-regular-font-weight);
|
|
140
|
+
|
|
141
|
+
/* Display large typescale */
|
|
142
|
+
--mat-sys-display-large: var(--mat-sys-display-large-weight)
|
|
143
|
+
var(--mat-sys-display-large-size) / var(--mat-sys-display-large-line-height)
|
|
144
|
+
var(--mat-sys-display-large-font);
|
|
145
|
+
--mat-sys-display-large-font: var(--mat-sys-brand-font-family);
|
|
146
|
+
--mat-sys-display-large-line-height: 4rem;
|
|
147
|
+
--mat-sys-display-large-size: 3.562rem;
|
|
148
|
+
--mat-sys-display-large-tracking: -0.016rem;
|
|
149
|
+
--mat-sys-display-large-weight: var(--mat-sys-regular-font-weight);
|
|
150
|
+
|
|
151
|
+
/* Display medium typescale */
|
|
152
|
+
--mat-sys-display-medium: var(--mat-sys-display-medium-weight)
|
|
153
|
+
var(--mat-sys-display-medium-size) /
|
|
154
|
+
var(--mat-sys-display-medium-line-height) var(--mat-sys-display-medium-font);
|
|
155
|
+
--mat-sys-display-medium-font: var(--mat-sys-brand-font-family);
|
|
156
|
+
--mat-sys-display-medium-line-height: 3.25rem;
|
|
157
|
+
--mat-sys-display-medium-size: 2.812rem;
|
|
158
|
+
--mat-sys-display-medium-tracking: 0;
|
|
159
|
+
--mat-sys-display-medium-weight: var(--mat-sys-regular-font-weight);
|
|
160
|
+
|
|
161
|
+
/* Display small typescale */
|
|
162
|
+
--mat-sys-display-small: var(--mat-sys-display-small-weight)
|
|
163
|
+
var(--mat-sys-display-small-size) / var(--mat-sys-display-small-line-height)
|
|
164
|
+
var(--mat-sys-display-small-font);
|
|
165
|
+
--mat-sys-display-small-font: var(--mat-sys-brand-font-family);
|
|
166
|
+
--mat-sys-display-small-line-height: 2.75rem;
|
|
167
|
+
--mat-sys-display-small-size: 2.25rem;
|
|
168
|
+
--mat-sys-display-small-tracking: 0;
|
|
169
|
+
--mat-sys-display-small-weight: var(--mat-sys-regular-font-weight);
|
|
170
|
+
|
|
171
|
+
/* Headline large typescale */
|
|
172
|
+
--mat-sys-headline-large: var(--mat-sys-headline-large-weight)
|
|
173
|
+
var(--mat-sys-headline-large-size) /
|
|
174
|
+
var(--mat-sys-headline-large-line-height) var(--mat-sys-headline-large-font);
|
|
175
|
+
--mat-sys-headline-large-font: var(--mat-sys-brand-font-family);
|
|
176
|
+
--mat-sys-headline-large-line-height: 2.5rem;
|
|
177
|
+
--mat-sys-headline-large-size: 2rem;
|
|
178
|
+
--mat-sys-headline-large-tracking: 0;
|
|
179
|
+
--mat-sys-headline-large-weight: var(--mat-sys-regular-font-weight);
|
|
180
|
+
|
|
181
|
+
/* Headline medium typescale */
|
|
182
|
+
--mat-sys-headline-medium: var(--mat-sys-headline-medium-weight)
|
|
183
|
+
var(--mat-sys-headline-medium-size) /
|
|
184
|
+
var(--mat-sys-headline-medium-line-height)
|
|
185
|
+
var(--mat-sys-headline-medium-font);
|
|
186
|
+
--mat-sys-headline-medium-font: var(--mat-sys-brand-font-family);
|
|
187
|
+
--mat-sys-headline-medium-line-height: 2.25rem;
|
|
188
|
+
--mat-sys-headline-medium-size: 1.75rem;
|
|
189
|
+
--mat-sys-headline-medium-tracking: 0;
|
|
190
|
+
--mat-sys-headline-medium-weight: var(--mat-sys-regular-font-weight);
|
|
191
|
+
|
|
192
|
+
/* Headline small typescale */
|
|
193
|
+
--mat-sys-headline-small: var(--mat-sys-headline-small-weight)
|
|
194
|
+
var(--mat-sys-headline-small-size) /
|
|
195
|
+
var(--mat-sys-headline-small-line-height) var(--mat-sys-headline-small-font);
|
|
196
|
+
--mat-sys-headline-small-font: var(--mat-sys-brand-font-family);
|
|
197
|
+
--mat-sys-headline-small-line-height: 2rem;
|
|
198
|
+
--mat-sys-headline-small-size: 1.5rem;
|
|
199
|
+
--mat-sys-headline-small-tracking: 0;
|
|
200
|
+
--mat-sys-headline-small-weight: var(--mat-sys-regular-font-weight);
|
|
201
|
+
|
|
202
|
+
/* Label large typescale */
|
|
203
|
+
--mat-sys-label-large: var(--mat-sys-label-large-weight)
|
|
204
|
+
var(--mat-sys-label-large-size) / var(--mat-sys-label-large-line-height)
|
|
205
|
+
var(--mat-sys-label-large-font);
|
|
206
|
+
--mat-sys-label-large-font: var(--mat-sys-plain-font-family);
|
|
207
|
+
--mat-sys-label-large-line-height: 1.25rem;
|
|
208
|
+
--mat-sys-label-large-size: 0.875rem;
|
|
209
|
+
--mat-sys-label-large-tracking: 0.006rem;
|
|
210
|
+
--mat-sys-label-large-weight: var(--mat-sys-medium-font-weight);
|
|
211
|
+
--mat-sys-label-large-weight-prominent: var(--mat-sys-bold-font-weight);
|
|
212
|
+
|
|
213
|
+
/* Label medium typescale */
|
|
214
|
+
--mat-sys-label-medium: var(--mat-sys-label-medium-weight)
|
|
215
|
+
var(--mat-sys-label-medium-size) / var(--mat-sys-label-medium-line-height)
|
|
216
|
+
var(--mat-sys-label-medium-font);
|
|
217
|
+
--mat-sys-label-medium-font: var(--mat-sys-plain-font-family);
|
|
218
|
+
--mat-sys-label-medium-line-height: 1rem;
|
|
219
|
+
--mat-sys-label-medium-size: 0.75rem;
|
|
220
|
+
--mat-sys-label-medium-tracking: 0.031rem;
|
|
221
|
+
--mat-sys-label-medium-weight: var(--mat-sys-medium-font-weight);
|
|
222
|
+
--mat-sys-label-medium-weight-prominent: var(--mat-sys-bold-font-weight);
|
|
223
|
+
|
|
224
|
+
/* Label small typescale */
|
|
225
|
+
--mat-sys-label-small: var(--mat-sys-label-small-weight)
|
|
226
|
+
var(--mat-sys-label-small-size) / var(--mat-sys-label-small-line-height)
|
|
227
|
+
var(--mat-sys-label-small-font);
|
|
228
|
+
--mat-sys-label-small-font: var(--mat-sys-plain-font-family);
|
|
229
|
+
--mat-sys-label-small-line-height: 1rem;
|
|
230
|
+
--mat-sys-label-small-size: 0.688rem;
|
|
231
|
+
--mat-sys-label-small-tracking: 0.031rem;
|
|
232
|
+
--mat-sys-label-small-weight: var(--mat-sys-medium-font-weight);
|
|
233
|
+
|
|
234
|
+
/* Title large typescale */
|
|
235
|
+
--mat-sys-title-large: var(--mat-sys-title-large-weight)
|
|
236
|
+
var(--mat-sys-title-large-size) / var(--mat-sys-title-large-line-height)
|
|
237
|
+
var(--mat-sys-title-large-font);
|
|
238
|
+
--mat-sys-title-large-font: var(--mat-sys-brand-font-family);
|
|
239
|
+
--mat-sys-title-large-line-height: 1.75rem;
|
|
240
|
+
--mat-sys-title-large-size: 1.375rem;
|
|
241
|
+
--mat-sys-title-large-tracking: 0;
|
|
242
|
+
--mat-sys-title-large-weight: var(--mat-sys-regular-font-weight);
|
|
243
|
+
|
|
244
|
+
/* Title medium typescale */
|
|
245
|
+
--mat-sys-title-medium: var(--mat-sys-title-medium-weight)
|
|
246
|
+
var(--mat-sys-title-medium-size) / var(--mat-sys-title-medium-line-height)
|
|
247
|
+
var(--mat-sys-title-medium-font);
|
|
248
|
+
--mat-sys-title-medium-font: var(--mat-sys-plain-font-family);
|
|
249
|
+
--mat-sys-title-medium-line-height: 1.5rem;
|
|
250
|
+
--mat-sys-title-medium-size: 1rem;
|
|
251
|
+
--mat-sys-title-medium-tracking: 0.009rem;
|
|
252
|
+
--mat-sys-title-medium-weight: var(--mat-sys-medium-font-weight);
|
|
253
|
+
|
|
254
|
+
/* Title small typescale */
|
|
255
|
+
--mat-sys-title-small: var(--mat-sys-title-small-weight)
|
|
256
|
+
var(--mat-sys-title-small-size) / var(--mat-sys-title-small-line-height)
|
|
257
|
+
var(--mat-sys-title-small-font);
|
|
258
|
+
--mat-sys-title-small-font: var(--mat-sys-plain-font-family);
|
|
259
|
+
--mat-sys-title-small-line-height: 1.25rem;
|
|
260
|
+
--mat-sys-title-small-size: 0.875rem;
|
|
261
|
+
--mat-sys-title-small-tracking: 0.006rem;
|
|
262
|
+
--mat-sys-title-small-weight: var(--mat-sys-medium-font-weight);
|
|
263
|
+
|
|
264
|
+
/* ELEVATION SYSTEM VARIABLES */
|
|
265
|
+
|
|
266
|
+
/* Box shadow colors. Only used in the elevation level system variables. */
|
|
267
|
+
--mat-sys-umbra-color: color-mix(
|
|
268
|
+
in srgb,
|
|
269
|
+
var(--mat-sys-shadow),
|
|
270
|
+
transparent 80%
|
|
271
|
+
);
|
|
272
|
+
--mat-sys-penumbra-color: color-mix(
|
|
273
|
+
in srgb,
|
|
274
|
+
var(--mat-sys-shadow),
|
|
275
|
+
transparent 86%
|
|
276
|
+
);
|
|
277
|
+
--mat-sys-ambient-color: color-mix(
|
|
278
|
+
in srgb,
|
|
279
|
+
var(--mat-sys-shadow),
|
|
280
|
+
transparent 88%
|
|
281
|
+
);
|
|
282
|
+
|
|
283
|
+
/* Elevation level system variables. These are used as the value for box-shadow CSS property. */
|
|
284
|
+
--mat-sys-level0: 0px 0px 0px 0px var(--mat-sys-umbra-color),
|
|
285
|
+
0px 0px 0px 0px var(--mat-sys-penumbra-color),
|
|
286
|
+
0px 0px 0px 0px var(--mat-sys-ambient-color);
|
|
287
|
+
--mat-sys-level1: 0px 2px 1px -1px var(--mat-sys-umbra-color),
|
|
288
|
+
0px 1px 1px 0px var(--mat-sys-penumbra-color),
|
|
289
|
+
0px 1px 3px 0px var(--mat-sys-ambient-color);
|
|
290
|
+
--mat-sys-level2: 0px 3px 3px -2px var(--mat-sys-umbra-color),
|
|
291
|
+
0px 3px 4px 0px var(--mat-sys-penumbra-color),
|
|
292
|
+
0px 1px 8px 0px var(--mat-sys-ambient-color);
|
|
293
|
+
--mat-sys-level3: 0px 3px 5px -1px var(--mat-sys-umbra-color),
|
|
294
|
+
0px 6px 10px 0px var(--mat-sys-penumbra-color),
|
|
295
|
+
0px 1px 18px 0px var(--mat-sys-ambient-color);
|
|
296
|
+
--mat-sys-level4: 0px 5px 5px -3px var(--mat-sys-umbra-color),
|
|
297
|
+
0px 8px 10px 1px var(--mat-sys-penumbra-color),
|
|
298
|
+
0px 3px 14px 2px var(--mat-sys-ambient-color);
|
|
299
|
+
--mat-sys-level5: 0px 7px 8px -4px var(--mat-sys-umbra-color),
|
|
300
|
+
0px 12px 17px 2px var(--mat-sys-penumbra-color),
|
|
301
|
+
0px 5px 22px 4px var(--mat-sys-ambient-color);
|
|
302
|
+
|
|
303
|
+
/* SHAPE SYSTEM VARIABLES */
|
|
304
|
+
--mat-sys-corner-extra-large: 28px;
|
|
305
|
+
--mat-sys-corner-extra-large-top: 28px 28px 0 0;
|
|
306
|
+
--mat-sys-corner-extra-small: 4px;
|
|
307
|
+
--mat-sys-corner-extra-small-top: 4px 4px 0 0;
|
|
308
|
+
--mat-sys-corner-full: 9999px;
|
|
309
|
+
--mat-sys-corner-large: 16px;
|
|
310
|
+
--mat-sys-corner-large-end: 0 16px 16px 0;
|
|
311
|
+
--mat-sys-corner-large-start: 16px 0 0 16px;
|
|
312
|
+
--mat-sys-corner-large-top: 16px 16px 0 0;
|
|
313
|
+
--mat-sys-corner-medium: 12px;
|
|
314
|
+
--mat-sys-corner-none: 0;
|
|
315
|
+
--mat-sys-corner-small: 8px;
|
|
316
|
+
|
|
317
|
+
/* STATE SYSTEM VARIABLES */
|
|
318
|
+
--mat-sys-dragged-state-layer-opacity: 0.16;
|
|
319
|
+
--mat-sys-focus-state-layer-opacity: 0.12;
|
|
320
|
+
--mat-sys-hover-state-layer-opacity: 0.08;
|
|
321
|
+
--mat-sys-pressed-state-layer-opacity: 0.12;
|
|
322
|
+
}
|
|
@@ -0,0 +1,323 @@
|
|
|
1
|
+
/* Note: Color palettes are generated from primary: #555 */
|
|
2
|
+
.gray-theme {
|
|
3
|
+
/* COLOR SYSTEM VARIABLES */
|
|
4
|
+
color-scheme: light;
|
|
5
|
+
|
|
6
|
+
/* Required field */
|
|
7
|
+
--mat-sys-required: light-dark(
|
|
8
|
+
var(--mat-sys-secondary-container),
|
|
9
|
+
var(--mat-sys-inverse-primary)
|
|
10
|
+
);
|
|
11
|
+
|
|
12
|
+
--mat-nty-save-record-header-bar: light-dark(
|
|
13
|
+
var(--mat-sys-secondary-container),
|
|
14
|
+
var(--mat-sys-primary)
|
|
15
|
+
);
|
|
16
|
+
|
|
17
|
+
--mat-nty-save-record-identifier: light-dark(
|
|
18
|
+
var(--mat-sys-on-primary-container),
|
|
19
|
+
var(--mat-sys-on-primary)
|
|
20
|
+
);
|
|
21
|
+
|
|
22
|
+
/* Alert */
|
|
23
|
+
--mat-sys-netty-success: #00f0a0;
|
|
24
|
+
--mat-sys-netty-on-success: #00f0a0;
|
|
25
|
+
--mat-sys-netty-success-container: #00f0a0;
|
|
26
|
+
--mat-sys-netty-on-success-container: #00f0a0;
|
|
27
|
+
--mat-sys-netty-warning: #ffb800;
|
|
28
|
+
--mat-sys-netty-on-warning: #ffb800;
|
|
29
|
+
--mat-sys-netty-warning-container: #ffb800;
|
|
30
|
+
--mat-sys-netty-on-warning-container: #ffb800;
|
|
31
|
+
|
|
32
|
+
/* Primary palette variables */
|
|
33
|
+
--mat-sys-primary: light-dark(#5e5e5e, #c8c6c6);
|
|
34
|
+
--mat-sys-on-primary: light-dark(#ffffff, #303030);
|
|
35
|
+
--mat-sys-primary-container: light-dark(#e4e2e2, #464747);
|
|
36
|
+
--mat-sys-on-primary-container: light-dark(#1b1c1c, #e4e2e2);
|
|
37
|
+
--mat-sys-inverse-primary: light-dark(#c8c6c6, #5e5e5e);
|
|
38
|
+
--mat-sys-primary-fixed: light-dark(#e4e2e2, #e4e2e2);
|
|
39
|
+
--mat-sys-primary-fixed-dim: light-dark(#c8c6c6, #c8c6c6);
|
|
40
|
+
--mat-sys-on-primary-fixed: light-dark(#1b1c1c, #1b1c1c);
|
|
41
|
+
--mat-sys-on-primary-fixed-variant: light-dark(#464747, #464747);
|
|
42
|
+
|
|
43
|
+
/* Secondary palette variables */
|
|
44
|
+
--mat-sys-secondary: light-dark(#5f5e5e, #c8c6c5);
|
|
45
|
+
--mat-sys-on-secondary: light-dark(#ffffff, #313030);
|
|
46
|
+
--mat-sys-secondary-container: light-dark(#e5e2e1, #474746);
|
|
47
|
+
--mat-sys-on-secondary-container: light-dark(#1c1b1b, #e5e2e1);
|
|
48
|
+
--mat-sys-secondary-fixed: light-dark(#e5e2e1, #e5e2e1);
|
|
49
|
+
--mat-sys-secondary-fixed-dim: light-dark(#c8c6c5, #c8c6c5);
|
|
50
|
+
--mat-sys-on-secondary-fixed: light-dark(#1c1b1b, #1c1b1b);
|
|
51
|
+
--mat-sys-on-secondary-fixed-variant: light-dark(#474746, #474746);
|
|
52
|
+
|
|
53
|
+
/* Tertiary palette variables */
|
|
54
|
+
--mat-sys-tertiary: light-dark(#615d5f, #cac5c7);
|
|
55
|
+
--mat-sys-on-tertiary: light-dark(#ffffff, #323032);
|
|
56
|
+
--mat-sys-tertiary-container: light-dark(#e7e1e3, #494648);
|
|
57
|
+
--mat-sys-on-tertiary-container: light-dark(#1d1b1d, #e7e1e3);
|
|
58
|
+
--mat-sys-tertiary-fixed: light-dark(#e7e1e3, #e7e1e3);
|
|
59
|
+
--mat-sys-tertiary-fixed-dim: light-dark(#cac5c7, #cac5c7);
|
|
60
|
+
--mat-sys-on-tertiary-fixed: light-dark(#1d1b1d, #1d1b1d);
|
|
61
|
+
--mat-sys-on-tertiary-fixed-variant: light-dark(#494648, #494648);
|
|
62
|
+
|
|
63
|
+
/* Neutral palette variables */
|
|
64
|
+
--mat-sys-background: light-dark(#fcf8f8, #141313);
|
|
65
|
+
--mat-sys-on-background: light-dark(#1c1b1b, #e5e2e1);
|
|
66
|
+
--mat-sys-surface: light-dark(#fcf8f8, #141313);
|
|
67
|
+
--mat-sys-surface-dim: light-dark(#ddd9d8, #141313);
|
|
68
|
+
--mat-sys-surface-bright: light-dark(#fcf8f8, #3a3939);
|
|
69
|
+
--mat-sys-surface-container-low: light-dark(#f7f3f2, #1c1b1b);
|
|
70
|
+
--mat-sys-surface-container-lowest: light-dark(#ffffff, #0e0e0e);
|
|
71
|
+
--mat-sys-surface-container: light-dark(#f1edec, #201f1f);
|
|
72
|
+
--mat-sys-surface-container-high: light-dark(#ebe7e7, #2a2a2a);
|
|
73
|
+
--mat-sys-surface-container-highest: light-dark(#e5e2e1, #353434);
|
|
74
|
+
--mat-sys-on-surface: light-dark(#1c1b1b, #e5e2e1);
|
|
75
|
+
--mat-sys-shadow: light-dark(#000000, #000000);
|
|
76
|
+
--mat-sys-scrim: light-dark(#000000, #000000);
|
|
77
|
+
--mat-sys-surface-tint: light-dark(#5e5e5e, #c8c6c6);
|
|
78
|
+
--mat-sys-inverse-surface: light-dark(#313030, #e5e2e1);
|
|
79
|
+
--mat-sys-inverse-on-surface: light-dark(#f4f0ef, #313030);
|
|
80
|
+
--mat-sys-outline: light-dark(#747878, #8e9192);
|
|
81
|
+
--mat-sys-outline-variant: light-dark(#c4c7c7, #444748);
|
|
82
|
+
--mat-sys-neutral10: light-dark(
|
|
83
|
+
#1c1b1b,
|
|
84
|
+
#1c1b1b
|
|
85
|
+
); /* Variable used for the form field native select option text color */
|
|
86
|
+
|
|
87
|
+
/* Error palette variables */
|
|
88
|
+
--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);
|
|
89
|
+
--mat-sys-on-error: light-dark(#ffffff, #690005);
|
|
90
|
+
--mat-sys-error-container: light-dark(#ffdad6, #93000a);
|
|
91
|
+
--mat-sys-on-error-container: light-dark(#410002, #ffdad6);
|
|
92
|
+
|
|
93
|
+
/* Neutral variant palette variables */
|
|
94
|
+
--mat-sys-surface-variant: light-dark(#e0e3e3, #444748);
|
|
95
|
+
--mat-sys-on-surface-variant: light-dark(#444748, #c4c7c7);
|
|
96
|
+
--mat-sys-neutral-variant20: light-dark(
|
|
97
|
+
#2d3132,
|
|
98
|
+
#2d3132
|
|
99
|
+
); /* Variable used for the sidenav scrim (container background shadow when opened) */
|
|
100
|
+
|
|
101
|
+
/* TYPOGRAPHY SYSTEM VARIABLES */
|
|
102
|
+
|
|
103
|
+
/* Typography variables. Only used in the different typescale system variables. */
|
|
104
|
+
--mat-sys-brand-font-family: Roboto; /* The font-family to use for brand text. */
|
|
105
|
+
--mat-sys-plain-font-family: Roboto; /* The font-family to use for plain text. */
|
|
106
|
+
--mat-sys-bold-font-weight: 700; /* The font-weight to use for bold text. */
|
|
107
|
+
--mat-sys-medium-font-weight: 500; /* The font-weight to use for medium text. */
|
|
108
|
+
--mat-sys-regular-font-weight: 400; /* The font-weight to use for regular text. */
|
|
109
|
+
|
|
110
|
+
/* Typescale variables. */
|
|
111
|
+
/* Warning: Risk of reduced fidelity from using the composite typography tokens (ex. --mat-sys-body-large) since
|
|
112
|
+
tracking cannot be represented in the "font" property shorthand. Consider using the discrete properties instead. */
|
|
113
|
+
--mat-sys-body-large: var(--mat-sys-body-large-weight)
|
|
114
|
+
var(--mat-sys-body-large-size) / var(--mat-sys-body-large-line-height)
|
|
115
|
+
var(--mat-sys-body-large-font);
|
|
116
|
+
--mat-sys-body-large-font: var(--mat-sys-plain-font-family);
|
|
117
|
+
--mat-sys-body-large-line-height: 1.5rem;
|
|
118
|
+
--mat-sys-body-large-size: 1rem;
|
|
119
|
+
--mat-sys-body-large-tracking: 0.031rem;
|
|
120
|
+
--mat-sys-body-large-weight: var(--mat-sys-regular-font-weight);
|
|
121
|
+
|
|
122
|
+
/* Body medium typescale */
|
|
123
|
+
--mat-sys-body-medium: var(--mat-sys-body-medium-weight)
|
|
124
|
+
var(--mat-sys-body-medium-size) / var(--mat-sys-body-medium-line-height)
|
|
125
|
+
var(--mat-sys-body-medium-font);
|
|
126
|
+
--mat-sys-body-medium-font: var(--mat-sys-plain-font-family);
|
|
127
|
+
--mat-sys-body-medium-line-height: 1.25rem;
|
|
128
|
+
--mat-sys-body-medium-size: 0.875rem;
|
|
129
|
+
--mat-sys-body-medium-tracking: 0.016rem;
|
|
130
|
+
--mat-sys-body-medium-weight: var(--mat-sys-regular-font-weight);
|
|
131
|
+
|
|
132
|
+
/* Body small typescale */
|
|
133
|
+
--mat-sys-body-small: var(--mat-sys-body-small-weight)
|
|
134
|
+
var(--mat-sys-body-small-size) / var(--mat-sys-body-small-line-height)
|
|
135
|
+
var(--mat-sys-body-small-font);
|
|
136
|
+
--mat-sys-body-small-font: var(--mat-sys-plain-font-family);
|
|
137
|
+
--mat-sys-body-small-line-height: 1rem;
|
|
138
|
+
--mat-sys-body-small-size: 0.75rem;
|
|
139
|
+
--mat-sys-body-small-tracking: 0.025rem;
|
|
140
|
+
--mat-sys-body-small-weight: var(--mat-sys-regular-font-weight);
|
|
141
|
+
|
|
142
|
+
/* Display large typescale */
|
|
143
|
+
--mat-sys-display-large: var(--mat-sys-display-large-weight)
|
|
144
|
+
var(--mat-sys-display-large-size) / var(--mat-sys-display-large-line-height)
|
|
145
|
+
var(--mat-sys-display-large-font);
|
|
146
|
+
--mat-sys-display-large-font: var(--mat-sys-brand-font-family);
|
|
147
|
+
--mat-sys-display-large-line-height: 4rem;
|
|
148
|
+
--mat-sys-display-large-size: 3.562rem;
|
|
149
|
+
--mat-sys-display-large-tracking: -0.016rem;
|
|
150
|
+
--mat-sys-display-large-weight: var(--mat-sys-regular-font-weight);
|
|
151
|
+
|
|
152
|
+
/* Display medium typescale */
|
|
153
|
+
--mat-sys-display-medium: var(--mat-sys-display-medium-weight)
|
|
154
|
+
var(--mat-sys-display-medium-size) /
|
|
155
|
+
var(--mat-sys-display-medium-line-height) var(--mat-sys-display-medium-font);
|
|
156
|
+
--mat-sys-display-medium-font: var(--mat-sys-brand-font-family);
|
|
157
|
+
--mat-sys-display-medium-line-height: 3.25rem;
|
|
158
|
+
--mat-sys-display-medium-size: 2.812rem;
|
|
159
|
+
--mat-sys-display-medium-tracking: 0;
|
|
160
|
+
--mat-sys-display-medium-weight: var(--mat-sys-regular-font-weight);
|
|
161
|
+
|
|
162
|
+
/* Display small typescale */
|
|
163
|
+
--mat-sys-display-small: var(--mat-sys-display-small-weight)
|
|
164
|
+
var(--mat-sys-display-small-size) / var(--mat-sys-display-small-line-height)
|
|
165
|
+
var(--mat-sys-display-small-font);
|
|
166
|
+
--mat-sys-display-small-font: var(--mat-sys-brand-font-family);
|
|
167
|
+
--mat-sys-display-small-line-height: 2.75rem;
|
|
168
|
+
--mat-sys-display-small-size: 2.25rem;
|
|
169
|
+
--mat-sys-display-small-tracking: 0;
|
|
170
|
+
--mat-sys-display-small-weight: var(--mat-sys-regular-font-weight);
|
|
171
|
+
|
|
172
|
+
/* Headline large typescale */
|
|
173
|
+
--mat-sys-headline-large: var(--mat-sys-headline-large-weight)
|
|
174
|
+
var(--mat-sys-headline-large-size) /
|
|
175
|
+
var(--mat-sys-headline-large-line-height) var(--mat-sys-headline-large-font);
|
|
176
|
+
--mat-sys-headline-large-font: var(--mat-sys-brand-font-family);
|
|
177
|
+
--mat-sys-headline-large-line-height: 2.5rem;
|
|
178
|
+
--mat-sys-headline-large-size: 2rem;
|
|
179
|
+
--mat-sys-headline-large-tracking: 0;
|
|
180
|
+
--mat-sys-headline-large-weight: var(--mat-sys-regular-font-weight);
|
|
181
|
+
|
|
182
|
+
/* Headline medium typescale */
|
|
183
|
+
--mat-sys-headline-medium: var(--mat-sys-headline-medium-weight)
|
|
184
|
+
var(--mat-sys-headline-medium-size) /
|
|
185
|
+
var(--mat-sys-headline-medium-line-height)
|
|
186
|
+
var(--mat-sys-headline-medium-font);
|
|
187
|
+
--mat-sys-headline-medium-font: var(--mat-sys-brand-font-family);
|
|
188
|
+
--mat-sys-headline-medium-line-height: 2.25rem;
|
|
189
|
+
--mat-sys-headline-medium-size: 1.75rem;
|
|
190
|
+
--mat-sys-headline-medium-tracking: 0;
|
|
191
|
+
--mat-sys-headline-medium-weight: var(--mat-sys-regular-font-weight);
|
|
192
|
+
|
|
193
|
+
/* Headline small typescale */
|
|
194
|
+
--mat-sys-headline-small: var(--mat-sys-headline-small-weight)
|
|
195
|
+
var(--mat-sys-headline-small-size) /
|
|
196
|
+
var(--mat-sys-headline-small-line-height) var(--mat-sys-headline-small-font);
|
|
197
|
+
--mat-sys-headline-small-font: var(--mat-sys-brand-font-family);
|
|
198
|
+
--mat-sys-headline-small-line-height: 2rem;
|
|
199
|
+
--mat-sys-headline-small-size: 1.5rem;
|
|
200
|
+
--mat-sys-headline-small-tracking: 0;
|
|
201
|
+
--mat-sys-headline-small-weight: var(--mat-sys-regular-font-weight);
|
|
202
|
+
|
|
203
|
+
/* Label large typescale */
|
|
204
|
+
--mat-sys-label-large: var(--mat-sys-label-large-weight)
|
|
205
|
+
var(--mat-sys-label-large-size) / var(--mat-sys-label-large-line-height)
|
|
206
|
+
var(--mat-sys-label-large-font);
|
|
207
|
+
--mat-sys-label-large-font: var(--mat-sys-plain-font-family);
|
|
208
|
+
--mat-sys-label-large-line-height: 1.25rem;
|
|
209
|
+
--mat-sys-label-large-size: 0.875rem;
|
|
210
|
+
--mat-sys-label-large-tracking: 0.006rem;
|
|
211
|
+
--mat-sys-label-large-weight: var(--mat-sys-medium-font-weight);
|
|
212
|
+
--mat-sys-label-large-weight-prominent: var(--mat-sys-bold-font-weight);
|
|
213
|
+
|
|
214
|
+
/* Label medium typescale */
|
|
215
|
+
--mat-sys-label-medium: var(--mat-sys-label-medium-weight)
|
|
216
|
+
var(--mat-sys-label-medium-size) / var(--mat-sys-label-medium-line-height)
|
|
217
|
+
var(--mat-sys-label-medium-font);
|
|
218
|
+
--mat-sys-label-medium-font: var(--mat-sys-plain-font-family);
|
|
219
|
+
--mat-sys-label-medium-line-height: 1rem;
|
|
220
|
+
--mat-sys-label-medium-size: 0.75rem;
|
|
221
|
+
--mat-sys-label-medium-tracking: 0.031rem;
|
|
222
|
+
--mat-sys-label-medium-weight: var(--mat-sys-medium-font-weight);
|
|
223
|
+
--mat-sys-label-medium-weight-prominent: var(--mat-sys-bold-font-weight);
|
|
224
|
+
|
|
225
|
+
/* Label small typescale */
|
|
226
|
+
--mat-sys-label-small: var(--mat-sys-label-small-weight)
|
|
227
|
+
var(--mat-sys-label-small-size) / var(--mat-sys-label-small-line-height)
|
|
228
|
+
var(--mat-sys-label-small-font);
|
|
229
|
+
--mat-sys-label-small-font: var(--mat-sys-plain-font-family);
|
|
230
|
+
--mat-sys-label-small-line-height: 1rem;
|
|
231
|
+
--mat-sys-label-small-size: 0.688rem;
|
|
232
|
+
--mat-sys-label-small-tracking: 0.031rem;
|
|
233
|
+
--mat-sys-label-small-weight: var(--mat-sys-medium-font-weight);
|
|
234
|
+
|
|
235
|
+
/* Title large typescale */
|
|
236
|
+
--mat-sys-title-large: var(--mat-sys-title-large-weight)
|
|
237
|
+
var(--mat-sys-title-large-size) / var(--mat-sys-title-large-line-height)
|
|
238
|
+
var(--mat-sys-title-large-font);
|
|
239
|
+
--mat-sys-title-large-font: var(--mat-sys-brand-font-family);
|
|
240
|
+
--mat-sys-title-large-line-height: 1.75rem;
|
|
241
|
+
--mat-sys-title-large-size: 1.375rem;
|
|
242
|
+
--mat-sys-title-large-tracking: 0;
|
|
243
|
+
--mat-sys-title-large-weight: var(--mat-sys-regular-font-weight);
|
|
244
|
+
|
|
245
|
+
/* Title medium typescale */
|
|
246
|
+
--mat-sys-title-medium: var(--mat-sys-title-medium-weight)
|
|
247
|
+
var(--mat-sys-title-medium-size) / var(--mat-sys-title-medium-line-height)
|
|
248
|
+
var(--mat-sys-title-medium-font);
|
|
249
|
+
--mat-sys-title-medium-font: var(--mat-sys-plain-font-family);
|
|
250
|
+
--mat-sys-title-medium-line-height: 1.5rem;
|
|
251
|
+
--mat-sys-title-medium-size: 1rem;
|
|
252
|
+
--mat-sys-title-medium-tracking: 0.009rem;
|
|
253
|
+
--mat-sys-title-medium-weight: var(--mat-sys-medium-font-weight);
|
|
254
|
+
|
|
255
|
+
/* Title small typescale */
|
|
256
|
+
--mat-sys-title-small: var(--mat-sys-title-small-weight)
|
|
257
|
+
var(--mat-sys-title-small-size) / var(--mat-sys-title-small-line-height)
|
|
258
|
+
var(--mat-sys-title-small-font);
|
|
259
|
+
--mat-sys-title-small-font: var(--mat-sys-plain-font-family);
|
|
260
|
+
--mat-sys-title-small-line-height: 1.25rem;
|
|
261
|
+
--mat-sys-title-small-size: 0.875rem;
|
|
262
|
+
--mat-sys-title-small-tracking: 0.006rem;
|
|
263
|
+
--mat-sys-title-small-weight: var(--mat-sys-medium-font-weight);
|
|
264
|
+
|
|
265
|
+
/* ELEVATION SYSTEM VARIABLES */
|
|
266
|
+
|
|
267
|
+
/* Box shadow colors. Only used in the elevation level system variables. */
|
|
268
|
+
--mat-sys-umbra-color: color-mix(
|
|
269
|
+
in srgb,
|
|
270
|
+
var(--mat-sys-shadow),
|
|
271
|
+
transparent 80%
|
|
272
|
+
);
|
|
273
|
+
--mat-sys-penumbra-color: color-mix(
|
|
274
|
+
in srgb,
|
|
275
|
+
var(--mat-sys-shadow),
|
|
276
|
+
transparent 86%
|
|
277
|
+
);
|
|
278
|
+
--mat-sys-ambient-color: color-mix(
|
|
279
|
+
in srgb,
|
|
280
|
+
var(--mat-sys-shadow),
|
|
281
|
+
transparent 88%
|
|
282
|
+
);
|
|
283
|
+
|
|
284
|
+
/* Elevation level system variables. These are used as the value for box-shadow CSS property. */
|
|
285
|
+
--mat-sys-level0: 0px 0px 0px 0px var(--mat-sys-umbra-color),
|
|
286
|
+
0px 0px 0px 0px var(--mat-sys-penumbra-color),
|
|
287
|
+
0px 0px 0px 0px var(--mat-sys-ambient-color);
|
|
288
|
+
--mat-sys-level1: 0px 2px 1px -1px var(--mat-sys-umbra-color),
|
|
289
|
+
0px 1px 1px 0px var(--mat-sys-penumbra-color),
|
|
290
|
+
0px 1px 3px 0px var(--mat-sys-ambient-color);
|
|
291
|
+
--mat-sys-level2: 0px 3px 3px -2px var(--mat-sys-umbra-color),
|
|
292
|
+
0px 3px 4px 0px var(--mat-sys-penumbra-color),
|
|
293
|
+
0px 1px 8px 0px var(--mat-sys-ambient-color);
|
|
294
|
+
--mat-sys-level3: 0px 3px 5px -1px var(--mat-sys-umbra-color),
|
|
295
|
+
0px 6px 10px 0px var(--mat-sys-penumbra-color),
|
|
296
|
+
0px 1px 18px 0px var(--mat-sys-ambient-color);
|
|
297
|
+
--mat-sys-level4: 0px 5px 5px -3px var(--mat-sys-umbra-color),
|
|
298
|
+
0px 8px 10px 1px var(--mat-sys-penumbra-color),
|
|
299
|
+
0px 3px 14px 2px var(--mat-sys-ambient-color);
|
|
300
|
+
--mat-sys-level5: 0px 7px 8px -4px var(--mat-sys-umbra-color),
|
|
301
|
+
0px 12px 17px 2px var(--mat-sys-penumbra-color),
|
|
302
|
+
0px 5px 22px 4px var(--mat-sys-ambient-color);
|
|
303
|
+
|
|
304
|
+
/* SHAPE SYSTEM VARIABLES */
|
|
305
|
+
--mat-sys-corner-extra-large: 28px;
|
|
306
|
+
--mat-sys-corner-extra-large-top: 28px 28px 0 0;
|
|
307
|
+
--mat-sys-corner-extra-small: 4px;
|
|
308
|
+
--mat-sys-corner-extra-small-top: 4px 4px 0 0;
|
|
309
|
+
--mat-sys-corner-full: 9999px;
|
|
310
|
+
--mat-sys-corner-large: 16px;
|
|
311
|
+
--mat-sys-corner-large-end: 0 16px 16px 0;
|
|
312
|
+
--mat-sys-corner-large-start: 16px 0 0 16px;
|
|
313
|
+
--mat-sys-corner-large-top: 16px 16px 0 0;
|
|
314
|
+
--mat-sys-corner-medium: 12px;
|
|
315
|
+
--mat-sys-corner-none: 0;
|
|
316
|
+
--mat-sys-corner-small: 8px;
|
|
317
|
+
|
|
318
|
+
/* STATE SYSTEM VARIABLES */
|
|
319
|
+
--mat-sys-dragged-state-layer-opacity: 0.16;
|
|
320
|
+
--mat-sys-focus-state-layer-opacity: 0.12;
|
|
321
|
+
--mat-sys-hover-state-layer-opacity: 0.08;
|
|
322
|
+
--mat-sys-pressed-state-layer-opacity: 0.12;
|
|
323
|
+
}
|