@bspk/ui 1.3.29 → 1.4.0
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/build.ts +1 -2
- package/dist/components/Button/Button.js +1 -1
- package/dist/components/Button/Button.js.map +1 -1
- package/dist/components/InputNumber/InputNumber.js +16 -6
- package/dist/components/InputNumber/InputNumber.js.map +1 -1
- package/dist/components/InputPhone/InputPhone.js +1 -5
- package/dist/components/InputPhone/InputPhone.js.map +1 -1
- package/dist/components/StylesProviderAgentWorkplace/StylesProviderAgentWorkplace.d.ts +11 -0
- package/dist/components/StylesProviderAgentWorkplace/StylesProviderAgentWorkplace.js +14 -0
- package/dist/components/StylesProviderAgentWorkplace/StylesProviderAgentWorkplace.js.map +1 -0
- package/dist/components/StylesProviderAgentWorkplace/index.d.ts +1 -0
- package/dist/components/StylesProviderAgentWorkplace/index.js +2 -0
- package/dist/components/StylesProviderAgentWorkplace/index.js.map +1 -0
- package/dist/components/StylesProviderBrokerWorkplace/StylesProviderBrokerWorkplace.d.ts +11 -0
- package/dist/components/StylesProviderBrokerWorkplace/StylesProviderBrokerWorkplace.js +14 -0
- package/dist/components/StylesProviderBrokerWorkplace/StylesProviderBrokerWorkplace.js.map +1 -0
- package/dist/components/StylesProviderBrokerWorkplace/index.d.ts +1 -0
- package/dist/components/StylesProviderBrokerWorkplace/index.js +2 -0
- package/dist/components/StylesProviderBrokerWorkplace/index.js.map +1 -0
- package/dist/components/StylesProviderDemo/brandsCss.js +10 -9
- package/dist/components/StylesProviderDemo/brandsCss.js.map +1 -1
- package/dist/components/StylesProviderDemo/exampleCss.js +5 -5
- package/dist/components/StylesProviderDemo/exampleCss.js.map +1 -1
- package/dist/components/Table/Table.js +1 -1
- package/dist/components/Table/Table.js.map +1 -1
- package/dist/styles/agent-workplace.css +1794 -0
- package/dist/styles/{denali-boss.css.js → agent-workplace.css.js} +763 -848
- package/dist/styles/anywhere.css +569 -654
- package/dist/styles/anywhere.css.js +569 -654
- package/dist/styles/better-homes-gardens.css +622 -719
- package/dist/styles/better-homes-gardens.css.js +622 -719
- package/dist/styles/broker-workplace.css +1794 -0
- package/dist/styles/broker-workplace.css.js +1799 -0
- package/dist/styles/cartus.css +541 -638
- package/dist/styles/cartus.css.js +541 -638
- package/dist/styles/century-21.css +570 -663
- package/dist/styles/century-21.css.js +570 -663
- package/dist/styles/coldwell-banker.css +534 -631
- package/dist/styles/coldwell-banker.css.js +534 -631
- package/dist/styles/corcoran.css +536 -637
- package/dist/styles/corcoran.css.js +536 -637
- package/dist/styles/era.css +546 -641
- package/dist/styles/era.css.js +546 -641
- package/dist/styles/example.css +1898 -0
- package/dist/styles/example.css.js +1903 -0
- package/dist/styles/sothebys.css +543 -638
- package/dist/styles/sothebys.css.js +543 -638
- package/dist/types/common.d.ts +2 -1
- package/dist/types/common.js.map +1 -1
- package/package.json +7 -47
- package/src/components/Button/Button.tsx +1 -1
- package/src/components/InputNumber/InputNumber.tsx +35 -11
- package/src/components/InputPhone/InputPhone.tsx +1 -8
- package/src/components/StylesProviderAgentWorkplace/StylesProviderAgentWorkplace.tsx +15 -0
- package/src/components/StylesProviderAgentWorkplace/index.tsx +1 -0
- package/src/components/StylesProviderBrokerWorkplace/StylesProviderBrokerWorkplace.tsx +15 -0
- package/src/components/StylesProviderBrokerWorkplace/index.tsx +1 -0
- package/src/components/StylesProviderDemo/brandsCss.ts +13 -10
- package/src/components/StylesProviderDemo/exampleCss.ts +5 -5
- package/src/components/Table/Table.tsx +1 -1
- package/{dist/styles/denali-boss.css → src/styles/example.css} +401 -384
- package/src/types/common.ts +2 -10
- package/dist/components/InputNumber/IncrementButton.d.ts +0 -17
- package/dist/components/InputNumber/IncrementButton.js +0 -17
- package/dist/components/InputNumber/IncrementButton.js.map +0 -1
- package/dist/components/StylesProviderDenaliBoss/StylesProviderDenaliBoss.d.ts +0 -11
- package/dist/components/StylesProviderDenaliBoss/StylesProviderDenaliBoss.js +0 -14
- package/dist/components/StylesProviderDenaliBoss/StylesProviderDenaliBoss.js.map +0 -1
- package/dist/components/StylesProviderDenaliBoss/index.d.ts +0 -1
- package/dist/components/StylesProviderDenaliBoss/index.js +0 -2
- package/dist/components/StylesProviderDenaliBoss/index.js.map +0 -1
- package/dist/constants/brands.d.ts +0 -7
- package/dist/constants/brands.js +0 -43
- package/dist/constants/brands.js.map +0 -1
- package/src/components/InputNumber/IncrementButton.tsx +0 -41
- package/src/components/StylesProviderDenaliBoss/StylesProviderDenaliBoss.tsx +0 -15
- package/src/components/StylesProviderDenaliBoss/index.tsx +0 -1
- package/src/constants/brands.ts +0 -49
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/** * This file is generated by the build script.
|
|
2
2
|
* Do not edit this file directly. */
|
|
3
3
|
const style = document.createElement('style');
|
|
4
|
-
style.appendChild(document.createTextNode(`/* Generated from figma export:
|
|
4
|
+
style.appendChild(document.createTextNode(`/* Generated from figma export: 2026-02-02T17:54:13.533Z */
|
|
5
5
|
|
|
6
6
|
@import url('https://fonts.googleapis.com/css2?family=Work%20Sans:ital,wght@0,100..900;1,100..900&display=swap');
|
|
7
7
|
body {
|
|
@@ -10,177 +10,37 @@ body {
|
|
|
10
10
|
|
|
11
11
|
:root {
|
|
12
12
|
/* Body/Base */
|
|
13
|
-
--body-base: 400 16px/
|
|
14
|
-
/* Body/Base -
|
|
15
|
-
--body-base-line-height:
|
|
16
|
-
/* Body/Base -
|
|
13
|
+
--body-base: 400 16px/24px var(--typeface);
|
|
14
|
+
/* Body/Base - line height */
|
|
15
|
+
--body-base-line-height: 24px;
|
|
16
|
+
/* Body/Base - size */
|
|
17
17
|
--body-base-size: 16px;
|
|
18
|
-
/* Body/Base -
|
|
18
|
+
/* Body/Base - style */
|
|
19
19
|
--body-base-style: regular;
|
|
20
20
|
/* Body/Large */
|
|
21
|
-
--body-large: 400 18px/
|
|
22
|
-
/* Body/Large -
|
|
23
|
-
--body-large-line-height:
|
|
24
|
-
/* Body/Large -
|
|
21
|
+
--body-large: 400 18px/28px var(--typeface);
|
|
22
|
+
/* Body/Large - line height */
|
|
23
|
+
--body-large-line-height: 28px;
|
|
24
|
+
/* Body/Large - size */
|
|
25
25
|
--body-large-size: 18px;
|
|
26
|
-
/* Body/Large -
|
|
26
|
+
/* Body/Large - style */
|
|
27
27
|
--body-large-style: regular;
|
|
28
28
|
/* Body/Small */
|
|
29
29
|
--body-small: 400 14px/20px var(--typeface);
|
|
30
|
-
/* Body/Small -
|
|
30
|
+
/* Body/Small - line height */
|
|
31
31
|
--body-small-line-height: 20px;
|
|
32
|
-
/* Body/Small -
|
|
32
|
+
/* Body/Small - size */
|
|
33
33
|
--body-small-size: 14px;
|
|
34
|
-
/* Body/Small -
|
|
34
|
+
/* Body/Small - style */
|
|
35
35
|
--body-small-style: regular;
|
|
36
36
|
/* Body/X-Small */
|
|
37
37
|
--body-x-small: 400 12px/16px var(--typeface);
|
|
38
|
-
/* Body/X-Small -
|
|
38
|
+
/* Body/X-Small - line height */
|
|
39
39
|
--body-x-small-line-height: 16px;
|
|
40
|
-
/* Body/X-Small -
|
|
40
|
+
/* Body/X-Small - size */
|
|
41
41
|
--body-x-small-size: 12px;
|
|
42
|
-
/* Body/X-Small -
|
|
42
|
+
/* Body/X-Small - style */
|
|
43
43
|
--body-x-small-style: regular;
|
|
44
|
-
/* Colors/Brands/Experiment/blue-dark/100 - Global (primitives) */
|
|
45
|
-
--colors-brands-experiment-blue-dark-100: #0a2f85;
|
|
46
|
-
/* Colors/Brands/Experiment/blue-dark/200 - Global (primitives) */
|
|
47
|
-
--colors-brands-experiment-blue-dark-200: #1347cc;
|
|
48
|
-
/* Colors/Brands/Experiment/blue-dark/300 - Global (primitives) */
|
|
49
|
-
--colors-brands-experiment-blue-dark-300: #0f59e2;
|
|
50
|
-
/* Colors/Brands/Experiment/blue-dark/400 - Global (primitives) */
|
|
51
|
-
--colors-brands-experiment-blue-dark-400: #357aea;
|
|
52
|
-
/* Colors/Brands/Experiment/blue-dark/50 - Global (primitives) */
|
|
53
|
-
--colors-brands-experiment-blue-dark-50: #181d34;
|
|
54
|
-
/* Colors/Brands/Experiment/blue-dark/500 - Global (primitives) */
|
|
55
|
-
--colors-brands-experiment-blue-dark-500: #2e88f6;
|
|
56
|
-
/* Colors/Brands/Experiment/blue-dark/600 - Global (primitives) */
|
|
57
|
-
--colors-brands-experiment-blue-dark-600: #50a1ff;
|
|
58
|
-
/* Colors/Brands/Experiment/blue-dark/700 - Global (primitives) */
|
|
59
|
-
--colors-brands-experiment-blue-dark-700: #7ab7ff;
|
|
60
|
-
/* Colors/Brands/Experiment/blue-dark/800 - Global (primitives) */
|
|
61
|
-
--colors-brands-experiment-blue-dark-800: #dcebfe;
|
|
62
|
-
/* Colors/Brands/Experiment/blue-dark/900 - Global (primitives) */
|
|
63
|
-
--colors-brands-experiment-blue-dark-900: #f0f6ff;
|
|
64
|
-
/* Colors/Brands/Experiment/blue-gray-dark/100 - Global (primitives) */
|
|
65
|
-
--colors-brands-experiment-blue-gray-dark-100: #1a2332;
|
|
66
|
-
/* Colors/Brands/Experiment/blue-gray-dark/200 - Global (primitives) */
|
|
67
|
-
--colors-brands-experiment-blue-gray-dark-200: #252e3c;
|
|
68
|
-
/* Colors/Brands/Experiment/blue-gray-dark/300 - Global (primitives) */
|
|
69
|
-
--colors-brands-experiment-blue-gray-dark-300: #323b49;
|
|
70
|
-
/* Colors/Brands/Experiment/blue-gray-dark/400 - Global (primitives) */
|
|
71
|
-
--colors-brands-experiment-blue-gray-dark-400: #5e6d82;
|
|
72
|
-
/* Colors/Brands/Experiment/blue-gray-dark/50 - Global (primitives) */
|
|
73
|
-
--colors-brands-experiment-blue-gray-dark-50: #0c101c;
|
|
74
|
-
/* Colors/Brands/Experiment/blue-gray-dark/500 - Global (primitives) */
|
|
75
|
-
--colors-brands-experiment-blue-gray-dark-500: #8b9bb2;
|
|
76
|
-
/* Colors/Brands/Experiment/blue-gray-dark/600 - Global (primitives) */
|
|
77
|
-
--colors-brands-experiment-blue-gray-dark-600: #b1c0d2;
|
|
78
|
-
/* Colors/Brands/Experiment/blue-gray-dark/700 - Global (primitives) */
|
|
79
|
-
--colors-brands-experiment-blue-gray-dark-700: #d4dce8;
|
|
80
|
-
/* Colors/Brands/Experiment/blue-gray-dark/800 - Global (primitives) */
|
|
81
|
-
--colors-brands-experiment-blue-gray-dark-800: #e2ebf3;
|
|
82
|
-
/* Colors/Brands/Experiment/blue-gray-dark/900 - Global (primitives) */
|
|
83
|
-
--colors-brands-experiment-blue-gray-dark-900: #f8fafc;
|
|
84
|
-
/* Colors/Brands/Experiment/blue-gray-light/100 - Global (primitives) */
|
|
85
|
-
--colors-brands-experiment-blue-gray-light-100: #f1f5f9;
|
|
86
|
-
/* Colors/Brands/Experiment/blue-gray-light/200 - Global (primitives) */
|
|
87
|
-
--colors-brands-experiment-blue-gray-light-200: #e1e7ef;
|
|
88
|
-
/* Colors/Brands/Experiment/blue-gray-light/300 - Global (primitives) */
|
|
89
|
-
--colors-brands-experiment-blue-gray-light-300: #c8d6e5;
|
|
90
|
-
/* Colors/Brands/Experiment/blue-gray-light/400 - Global (primitives) */
|
|
91
|
-
--colors-brands-experiment-blue-gray-light-400: #9eacc0;
|
|
92
|
-
/* Colors/Brands/Experiment/blue-gray-light/50 - Global (primitives) */
|
|
93
|
-
--colors-brands-experiment-blue-gray-light-50: #f8fafc;
|
|
94
|
-
/* Colors/Brands/Experiment/blue-gray-light/500 - Global (primitives) */
|
|
95
|
-
--colors-brands-experiment-blue-gray-light-500: #65758b;
|
|
96
|
-
/* Colors/Brands/Experiment/blue-gray-light/600 - Global (primitives) */
|
|
97
|
-
--colors-brands-experiment-blue-gray-light-600: #48566a;
|
|
98
|
-
/* Colors/Brands/Experiment/blue-gray-light/700 - Global (primitives) */
|
|
99
|
-
--colors-brands-experiment-blue-gray-light-700: #344256;
|
|
100
|
-
/* Colors/Brands/Experiment/blue-gray-light/800 - Global (primitives) */
|
|
101
|
-
--colors-brands-experiment-blue-gray-light-800: #1d283a;
|
|
102
|
-
/* Colors/Brands/Experiment/blue-gray-light/900 - Global (primitives) */
|
|
103
|
-
--colors-brands-experiment-blue-gray-light-900: #0f1729;
|
|
104
|
-
/* Colors/Brands/Experiment/blue-light/100 - Global (primitives) */
|
|
105
|
-
--colors-brands-experiment-blue-light-100: #dcebfe;
|
|
106
|
-
/* Colors/Brands/Experiment/blue-light/200 - Global (primitives) */
|
|
107
|
-
--colors-brands-experiment-blue-light-200: #bedbfe;
|
|
108
|
-
/* Colors/Brands/Experiment/blue-light/300 - Global (primitives) */
|
|
109
|
-
--colors-brands-experiment-blue-light-300: #91c3fd;
|
|
110
|
-
/* Colors/Brands/Experiment/blue-light/400 - Global (primitives) */
|
|
111
|
-
--colors-brands-experiment-blue-light-400: #61a6fa;
|
|
112
|
-
/* Colors/Brands/Experiment/blue-light/50 - Global (primitives) */
|
|
113
|
-
--colors-brands-experiment-blue-light-50: #f2f7ff;
|
|
114
|
-
/* Colors/Brands/Experiment/blue-light/500 - Global (primitives) */
|
|
115
|
-
--colors-brands-experiment-blue-light-500: #3479e9;
|
|
116
|
-
/* Colors/Brands/Experiment/blue-light/600 - Global (primitives) */
|
|
117
|
-
--colors-brands-experiment-blue-light-600: #1559ea;
|
|
118
|
-
/* Colors/Brands/Experiment/blue-light/700 - Global (primitives) */
|
|
119
|
-
--colors-brands-experiment-blue-light-700: #173fab;
|
|
120
|
-
/* Colors/Brands/Experiment/blue-light/800 - Global (primitives) */
|
|
121
|
-
--colors-brands-experiment-blue-light-800: #162f82;
|
|
122
|
-
/* Colors/Brands/Experiment/blue-light/900 - Global (primitives) */
|
|
123
|
-
--colors-brands-experiment-blue-light-900: #0c1736;
|
|
124
|
-
/* Colors/Brands/Experiment/Interactions/primary-dark-opacity-10 - Global (primitives) */
|
|
125
|
-
--colors-brands-experiment-interactions-primary-dark-opacity-10: #50a1ff1a;
|
|
126
|
-
/* Colors/Brands/Experiment/Interactions/primary-dark-opacity-12 - Global (primitives) */
|
|
127
|
-
--colors-brands-experiment-interactions-primary-dark-opacity-12: #50a1ff1f;
|
|
128
|
-
/* Colors/Brands/Experiment/Interactions/primary-dark-opacity-16 - Global (primitives) */
|
|
129
|
-
--colors-brands-experiment-interactions-primary-dark-opacity-16: #50a1ff29;
|
|
130
|
-
/* Colors/Brands/Experiment/Interactions/primary-dark-opacity-20 - Global (primitives) */
|
|
131
|
-
--colors-brands-experiment-interactions-primary-dark-opacity-20: #50a1ff33;
|
|
132
|
-
/* Colors/Brands/Experiment/Interactions/primary-dark-opacity-8 - Global (primitives) */
|
|
133
|
-
--colors-brands-experiment-interactions-primary-dark-opacity-8: #50a1ff14;
|
|
134
|
-
/* Colors/Brands/Experiment/Interactions/primary-light-opacity-10 - Global (primitives) */
|
|
135
|
-
--colors-brands-experiment-interactions-primary-light-opacity-10: #1559ea1a;
|
|
136
|
-
/* Colors/Brands/Experiment/Interactions/primary-light-opacity-12 - Global (primitives) */
|
|
137
|
-
--colors-brands-experiment-interactions-primary-light-opacity-12: #1559ea1f;
|
|
138
|
-
/* Colors/Brands/Experiment/Interactions/primary-light-opacity-16 - Global (primitives) */
|
|
139
|
-
--colors-brands-experiment-interactions-primary-light-opacity-16: #1559ea29;
|
|
140
|
-
/* Colors/Brands/Experiment/Interactions/primary-light-opacity-20 - Global (primitives) */
|
|
141
|
-
--colors-brands-experiment-interactions-primary-light-opacity-20: #1559ea33;
|
|
142
|
-
/* Colors/Brands/Experiment/Interactions/primary-light-opacity-8 - Global (primitives) */
|
|
143
|
-
--colors-brands-experiment-interactions-primary-light-opacity-8: #1559ea14;
|
|
144
|
-
/* Colors/Brands/Experiment/orange-dark/100 - Global (primitives) */
|
|
145
|
-
--colors-brands-experiment-orange-dark-100: #852c0f;
|
|
146
|
-
/* Colors/Brands/Experiment/orange-dark/200 - Global (primitives) */
|
|
147
|
-
--colors-brands-experiment-orange-dark-200: #ab4827;
|
|
148
|
-
/* Colors/Brands/Experiment/orange-dark/300 - Global (primitives) */
|
|
149
|
-
--colors-brands-experiment-orange-dark-300: #ce5a07;
|
|
150
|
-
/* Colors/Brands/Experiment/orange-dark/400 - Global (primitives) */
|
|
151
|
-
--colors-brands-experiment-orange-dark-400: #f27013;
|
|
152
|
-
/* Colors/Brands/Experiment/orange-dark/50 - Global (primitives) */
|
|
153
|
-
--colors-brands-experiment-orange-dark-50: #31160d;
|
|
154
|
-
/* Colors/Brands/Experiment/orange-dark/500 - Global (primitives) */
|
|
155
|
-
--colors-brands-experiment-orange-dark-500: #fb923c;
|
|
156
|
-
/* Colors/Brands/Experiment/orange-dark/600 - Global (primitives) */
|
|
157
|
-
--colors-brands-experiment-orange-dark-600: #fdba72;
|
|
158
|
-
/* Colors/Brands/Experiment/orange-dark/700 - Global (primitives) */
|
|
159
|
-
--colors-brands-experiment-orange-dark-700: #fed6a9;
|
|
160
|
-
/* Colors/Brands/Experiment/orange-dark/800 - Global (primitives) */
|
|
161
|
-
--colors-brands-experiment-orange-dark-800: #ffedd6;
|
|
162
|
-
/* Colors/Brands/Experiment/orange-dark/900 - Global (primitives) */
|
|
163
|
-
--colors-brands-experiment-orange-dark-900: #fff6eb;
|
|
164
|
-
/* Colors/Brands/Experiment/orange-light/100 - Global (primitives) */
|
|
165
|
-
--colors-brands-experiment-orange-light-100: #ffedd6;
|
|
166
|
-
/* Colors/Brands/Experiment/orange-light/200 - Global (primitives) */
|
|
167
|
-
--colors-brands-experiment-orange-light-200: #fed6a9;
|
|
168
|
-
/* Colors/Brands/Experiment/orange-light/300 - Global (primitives) */
|
|
169
|
-
--colors-brands-experiment-orange-light-300: #fdba72;
|
|
170
|
-
/* Colors/Brands/Experiment/orange-light/400 - Global (primitives) */
|
|
171
|
-
--colors-brands-experiment-orange-light-400: #fb923c;
|
|
172
|
-
/* Colors/Brands/Experiment/orange-light/50 - Global (primitives) */
|
|
173
|
-
--colors-brands-experiment-orange-light-50: #fff6eb;
|
|
174
|
-
/* Colors/Brands/Experiment/orange-light/500 - Global (primitives) */
|
|
175
|
-
--colors-brands-experiment-orange-light-500: #f67416;
|
|
176
|
-
/* Colors/Brands/Experiment/orange-light/600 - Global (primitives) */
|
|
177
|
-
--colors-brands-experiment-orange-light-600: #e4570c;
|
|
178
|
-
/* Colors/Brands/Experiment/orange-light/700 - Global (primitives) */
|
|
179
|
-
--colors-brands-experiment-orange-light-700: #b63c0b;
|
|
180
|
-
/* Colors/Brands/Experiment/orange-light/800 - Global (primitives) */
|
|
181
|
-
--colors-brands-experiment-orange-light-800: #80310f;
|
|
182
|
-
/* Colors/Brands/Experiment/orange-light/900 - Global (primitives) */
|
|
183
|
-
--colors-brands-experiment-orange-light-900: #471a0a;
|
|
184
44
|
/* Colors/Internal/pink-00-light - Global (primitives) */
|
|
185
45
|
--colors-internal-pink-00-light: #ff4f8d;
|
|
186
46
|
/* Colors/Internal/pink-50-dark - Global (primitives) */
|
|
@@ -212,7 +72,7 @@ body {
|
|
|
212
72
|
/* Colors/Neutral/22 - Global (primitives) */
|
|
213
73
|
--colors-neutral-22: #383838;
|
|
214
74
|
/* Colors/Neutral/24 - Global (primitives) */
|
|
215
|
-
--colors-neutral-24: #
|
|
75
|
+
--colors-neutral-24: #3d3d3d;
|
|
216
76
|
/* Colors/Neutral/26 - Global (primitives) */
|
|
217
77
|
--colors-neutral-26: #424242;
|
|
218
78
|
/* Colors/Neutral/28 - Global (primitives) */
|
|
@@ -289,6 +149,10 @@ body {
|
|
|
289
149
|
--colors-neutral-98: #fafafa;
|
|
290
150
|
/* Colors/Neutral/transparent - Global (primitives) */
|
|
291
151
|
--colors-neutral-transparent: #ffffff00;
|
|
152
|
+
/* Colors/System/AI-gradient/blue - Global (primitives) */
|
|
153
|
+
--colors-system-ai-gradient-blue: #215ecd;
|
|
154
|
+
/* Colors/System/AI-gradient/pink - Global (primitives) */
|
|
155
|
+
--colors-system-ai-gradient-pink: #c60ede;
|
|
292
156
|
/* Colors/System/blue-dark - Global (primitives) */
|
|
293
157
|
--colors-system-blue-dark: #5d92f5;
|
|
294
158
|
/* Colors/System/blue-dark-bg - Global (primitives) */
|
|
@@ -337,10 +201,10 @@ body {
|
|
|
337
201
|
--colors-system-spectrum-data-visual-azure-400: #7fc4ec;
|
|
338
202
|
/* Colors/System/Spectrum/Data visual/azure-700 - Global (primitives) */
|
|
339
203
|
--colors-system-spectrum-data-visual-azure-700: #299de0;
|
|
340
|
-
/* Colors/System/Spectrum/Data visual/backrose-900 - Global (primitives) */
|
|
341
|
-
--colors-system-spectrum-data-visual-backrose-900: #958ca3;
|
|
342
204
|
/* Colors/System/Spectrum/Data visual/blackrose-1200 - Global (primitives) */
|
|
343
205
|
--colors-system-spectrum-data-visual-blackrose-1200: #130033;
|
|
206
|
+
/* Colors/System/Spectrum/Data visual/blackrose-900 - Global (primitives) */
|
|
207
|
+
--colors-system-spectrum-data-visual-blackrose-900: #958ca3;
|
|
344
208
|
/* Colors/System/Spectrum/Data visual/bronze-1100 - Global (primitives) */
|
|
345
209
|
--colors-system-spectrum-data-visual-bronze-1100: #794b34;
|
|
346
210
|
/* Colors/System/Spectrum/Data visual/bronze-800 - Global (primitives) */
|
|
@@ -369,10 +233,10 @@ body {
|
|
|
369
233
|
--colors-system-spectrum-data-visual-highlight-azure-400-opacity: #7fc4ec4d;
|
|
370
234
|
/* Colors/System/Spectrum/Data visual/Highlight/azure-700-opacity - Global (primitives) */
|
|
371
235
|
--colors-system-spectrum-data-visual-highlight-azure-700-opacity: #299de04d;
|
|
372
|
-
/* Colors/System/Spectrum/Data visual/Highlight/backrose-900-opacity - Global (primitives) */
|
|
373
|
-
--colors-system-spectrum-data-visual-highlight-backrose-900-opacity: #958ca34d;
|
|
374
236
|
/* Colors/System/Spectrum/Data visual/Highlight/blackrose-1200-opacity - Global (primitives) */
|
|
375
237
|
--colors-system-spectrum-data-visual-highlight-blackrose-1200-opacity: #1300334d;
|
|
238
|
+
/* Colors/System/Spectrum/Data visual/Highlight/blackrose-900-opacity - Global (primitives) */
|
|
239
|
+
--colors-system-spectrum-data-visual-highlight-blackrose-900-opacity: #958ca34d;
|
|
376
240
|
/* Colors/System/Spectrum/Data visual/Highlight/bronze-1100-opacity - Global (primitives) */
|
|
377
241
|
--colors-system-spectrum-data-visual-highlight-bronze-1100-opacity: #794b344d;
|
|
378
242
|
/* Colors/System/Spectrum/Data visual/Highlight/bronze-800-opacity - Global (primitives) */
|
|
@@ -591,8 +455,6 @@ body {
|
|
|
591
455
|
--corner-radius-80: 8px;
|
|
592
456
|
/* Corner radius/circular - Global (primitives) */
|
|
593
457
|
--corner-radius-circular: 999px;
|
|
594
|
-
/* Corner radius/None - Global (primitives) */
|
|
595
|
-
--corner-radius-none: 0;
|
|
596
458
|
/* East - navigation rails, drawers, sheets */
|
|
597
459
|
--drop-shadow-east: 2px 0px 8px -2px #0000001a, 2px 0px 4px -2px #0000001f;
|
|
598
460
|
/* Float */
|
|
@@ -607,20 +469,10 @@ body {
|
|
|
607
469
|
--drop-shadow-south: 0px 2px 8px -2px #0000001a, 0px 2px 4px -2px #0000001f;
|
|
608
470
|
/* West - side sheets */
|
|
609
471
|
--drop-shadow-west: -8px 0px 8px -2px #0000001a, -5px 4px 4px -6px #00000026;
|
|
610
|
-
/* Foreground/
|
|
611
|
-
--foreground-
|
|
612
|
-
/* Foreground/
|
|
613
|
-
--foreground-
|
|
614
|
-
/* Foreground/Neutral/on-color - Theme - Corcoran */
|
|
615
|
-
--foreground-neutral-on-color: #ffffff;
|
|
616
|
-
/* Interaction/disabled-opacity - Theme - 3.0 */
|
|
617
|
-
--interaction-disabled-opacity: #0000000f;
|
|
618
|
-
/* Interaction/primary-disabled-opacity - Theme - 3.0 */
|
|
619
|
-
--interaction-primary-disabled-opacity: #1559ea1f;
|
|
620
|
-
/* Interaction/primary-hover-opacity - Theme - 3.0 */
|
|
621
|
-
--interaction-primary-hover-opacity: #1559ea1a;
|
|
622
|
-
/* Interaction/primary-press-opacity - Theme - 3.0 */
|
|
623
|
-
--interaction-primary-press-opacity: #1559ea33;
|
|
472
|
+
/* Foreground/AI-powered/blue - Theme - Corcoran */
|
|
473
|
+
--foreground-ai-powered-blue: #000000;
|
|
474
|
+
/* Foreground/AI-powered/pink - Theme - Corcoran */
|
|
475
|
+
--foreground-ai-powered-pink: #000000;
|
|
624
476
|
/* Interactions/opacity-black-10 - Global (primitives) */
|
|
625
477
|
--interactions-opacity-black-10: #0000001a;
|
|
626
478
|
/* Interactions/opacity-black-16 - Global (primitives) */
|
|
@@ -666,36 +518,36 @@ body {
|
|
|
666
518
|
/* Colors/Brands/Corcoran/Interactions/primary-light-opacity-8 - Global (primitives) */
|
|
667
519
|
--interactions-primary-light-opacity-8: #4a769d14;
|
|
668
520
|
/* Labels/Base */
|
|
669
|
-
--labels-base: 500 16px/
|
|
670
|
-
/* Labels/Base -
|
|
671
|
-
--labels-base-line-height:
|
|
672
|
-
/* Labels/Base -
|
|
521
|
+
--labels-base: 500 16px/24px var(--typeface);
|
|
522
|
+
/* Labels/Base - line height */
|
|
523
|
+
--labels-base-line-height: 24px;
|
|
524
|
+
/* Labels/Base - size */
|
|
673
525
|
--labels-base-size: 16px;
|
|
674
|
-
/* Labels/Base -
|
|
526
|
+
/* Labels/Base - style */
|
|
675
527
|
--labels-base-style: medium;
|
|
676
528
|
/* Labels/Large */
|
|
677
|
-
--labels-large: 500 18px/
|
|
678
|
-
/* Labels/Large -
|
|
679
|
-
--labels-large-line-height:
|
|
680
|
-
/* Labels/Large -
|
|
529
|
+
--labels-large: 500 18px/28px var(--typeface);
|
|
530
|
+
/* Labels/Large - line height */
|
|
531
|
+
--labels-large-line-height: 28px;
|
|
532
|
+
/* Labels/Large - size */
|
|
681
533
|
--labels-large-size: 18px;
|
|
682
|
-
/* Labels/Large -
|
|
534
|
+
/* Labels/Large - style */
|
|
683
535
|
--labels-large-style: medium;
|
|
684
536
|
/* Labels/Small */
|
|
685
537
|
--labels-small: 500 14px/20px var(--typeface);
|
|
686
|
-
/* Labels/Small -
|
|
538
|
+
/* Labels/Small - line height */
|
|
687
539
|
--labels-small-line-height: 20px;
|
|
688
|
-
/* Labels/Small -
|
|
540
|
+
/* Labels/Small - size */
|
|
689
541
|
--labels-small-size: 14px;
|
|
690
|
-
/* Labels/Small -
|
|
542
|
+
/* Labels/Small - style */
|
|
691
543
|
--labels-small-style: medium;
|
|
692
544
|
/* Labels/X-Small */
|
|
693
545
|
--labels-x-small: 500 12px/16px var(--typeface);
|
|
694
|
-
/* Labels/X-Small -
|
|
546
|
+
/* Labels/X-Small - line height */
|
|
695
547
|
--labels-x-small-line-height: 16px;
|
|
696
|
-
/* Labels/X-Small -
|
|
548
|
+
/* Labels/X-Small - size */
|
|
697
549
|
--labels-x-small-size: 12px;
|
|
698
|
-
/* Labels/X-Small -
|
|
550
|
+
/* Labels/X-Small - style */
|
|
699
551
|
--labels-x-small-style: medium;
|
|
700
552
|
/* Colors/Brands/Corcoran/Primary/00-base - Global (primitives) */
|
|
701
553
|
--primary-00-base: #4a769d;
|
|
@@ -715,8 +567,6 @@ body {
|
|
|
715
567
|
--radius-lg: 12px;
|
|
716
568
|
/* Radius/md - Borders */
|
|
717
569
|
--radius-md: 8px;
|
|
718
|
-
/* Radius/none - Borders */
|
|
719
|
-
--radius-none: 0;
|
|
720
570
|
/* Radius/sm - Borders */
|
|
721
571
|
--radius-sm: 4px;
|
|
722
572
|
/* Radius/xlg - Borders */
|
|
@@ -811,8 +661,6 @@ body {
|
|
|
811
661
|
--spacing-sizing-24: 148px;
|
|
812
662
|
/* Spacing/sizing-25 - Spacing & Sizing */
|
|
813
663
|
--spacing-sizing-25: 152px;
|
|
814
|
-
/* Spacing/sizing-none - Spacing & Sizing */
|
|
815
|
-
--spacing-sizing-none: 0;
|
|
816
664
|
/* Spacings/1040 - Global (primitives) */
|
|
817
665
|
--spacings-1040: 104px;
|
|
818
666
|
/* Spacings/120 - Global (primitives) */
|
|
@@ -863,36 +711,22 @@ body {
|
|
|
863
711
|
--spacings-800: 80px;
|
|
864
712
|
/* Spacings/960 - Global (primitives) */
|
|
865
713
|
--spacings-960: 96px;
|
|
866
|
-
/*
|
|
867
|
-
--
|
|
868
|
-
/*
|
|
869
|
-
--
|
|
870
|
-
/* Status/on-information - Theme - Corcoran */
|
|
871
|
-
--status-on-information: #ffffff;
|
|
872
|
-
/* Status/on-informational - Theme - Corcoran */
|
|
873
|
-
--status-on-informational: #ffffff;
|
|
874
|
-
/* Status/on-success - Theme - Corcoran */
|
|
875
|
-
--status-on-success: #ffffff;
|
|
876
|
-
/* Status/on-warning - Theme - Corcoran */
|
|
877
|
-
--status-on-warning: #141414;
|
|
878
|
-
/* Stroke/Neutral/focus-on-inverse - Theme - Corcoran */
|
|
879
|
-
--stroke-neutral-focus-on-inverse: #ffffff;
|
|
880
|
-
/* Stroke/Neutral/Interaction/inverse-focus - Theme - 3.0 */
|
|
881
|
-
--stroke-neutral-interaction-inverse-focus: #ffffff;
|
|
882
|
-
/* Stroke/Neutral/Interactions/inverse-focus - Theme - Corcoran */
|
|
883
|
-
--stroke-neutral-interactions-inverse-focus: #ffffff;
|
|
884
|
-
/* Stroke/none - Borders */
|
|
885
|
-
--stroke-none: 0;
|
|
714
|
+
/* Stroke/AI-powered/blue - Theme - Corcoran */
|
|
715
|
+
--stroke-ai-powered-blue: #000000;
|
|
716
|
+
/* Stroke/AI-powered/pink - Theme - Corcoran */
|
|
717
|
+
--stroke-ai-powered-pink: #000000;
|
|
886
718
|
/* Stroke/thick - Borders */
|
|
887
719
|
--stroke-thick: 2px;
|
|
888
720
|
/* Stroke/thicker - Borders */
|
|
889
721
|
--stroke-thicker: 4px;
|
|
890
722
|
/* Stroke/thin - Borders */
|
|
891
723
|
--stroke-thin: 1px;
|
|
892
|
-
/* Surface/
|
|
893
|
-
--surface-
|
|
724
|
+
/* Surface/AI-powered/blue - Theme - Corcoran */
|
|
725
|
+
--surface-ai-powered-blue: #000000;
|
|
726
|
+
/* Surface/AI-powered/pink - Theme - Corcoran */
|
|
727
|
+
--surface-ai-powered-pink: #000000;
|
|
894
728
|
/* Typeface - Brand */
|
|
895
|
-
--typeface: 'Work Sans'
|
|
729
|
+
--typeface: 'Work Sans';
|
|
896
730
|
/* Typography/Line-height/lh-1 - Global (primitives) */
|
|
897
731
|
--typography-line-height-lh-1: 16px;
|
|
898
732
|
/* Typography/Line-height/lh-10 - Global (primitives) */
|
|
@@ -956,29 +790,29 @@ body {
|
|
|
956
790
|
/* Typography/Size/xxxlg - Global (primitives) */
|
|
957
791
|
--typography-size-xxxlg: 40px;
|
|
958
792
|
/* Typography/Typeface/Arial - Global (primitives) */
|
|
959
|
-
--typography-typeface-arial: 'Arial'
|
|
793
|
+
--typography-typeface-arial: 'Arial';
|
|
960
794
|
/* Typography/Typeface/Geist - Global (primitives) */
|
|
961
|
-
--typography-typeface-geist: 'Geist'
|
|
795
|
+
--typography-typeface-geist: 'Geist';
|
|
962
796
|
/* Typography/Typeface/Helvetica - Global (primitives) */
|
|
963
|
-
--typography-typeface-helvetica: 'Helvetica'
|
|
797
|
+
--typography-typeface-helvetica: 'Helvetica';
|
|
964
798
|
/* Typography/Typeface/Inter - Global (primitives) */
|
|
965
|
-
--typography-typeface-inter: 'Inter'
|
|
799
|
+
--typography-typeface-inter: 'Inter';
|
|
966
800
|
/* Typography/Typeface/Lato - Global (primitives) */
|
|
967
|
-
--typography-typeface-lato: 'Lato'
|
|
801
|
+
--typography-typeface-lato: 'Lato';
|
|
968
802
|
/* Typography/Typeface/Manrope - Global (primitives) */
|
|
969
|
-
--typography-typeface-manrope: 'Manrope'
|
|
803
|
+
--typography-typeface-manrope: 'Manrope';
|
|
970
804
|
/* Typography/Typeface/Open Sans - Global (primitives) */
|
|
971
|
-
--typography-typeface-open-sans: 'Open Sans'
|
|
805
|
+
--typography-typeface-open-sans: 'Open Sans';
|
|
972
806
|
/* Typography/Typeface/Red Hat Text - Global (primitives) */
|
|
973
|
-
--typography-typeface-red-hat-text: 'Red Hat Text'
|
|
807
|
+
--typography-typeface-red-hat-text: 'Red Hat Text';
|
|
974
808
|
/* Typography/Typeface/Roboto - Global (primitives) */
|
|
975
|
-
--typography-typeface-roboto: 'Roboto'
|
|
809
|
+
--typography-typeface-roboto: 'Roboto';
|
|
976
810
|
/* Typography/Typeface/SF Pro - Global (primitives) */
|
|
977
|
-
--typography-typeface-sf-pro: 'SF Pro'
|
|
811
|
+
--typography-typeface-sf-pro: 'SF Pro';
|
|
978
812
|
/* Typography/Typeface/Typold - Global (primitives) */
|
|
979
|
-
--typography-typeface-typold: 'Typold'
|
|
813
|
+
--typography-typeface-typold: 'Typold';
|
|
980
814
|
/* Typography/Typeface/Work Sans - Global (primitives) */
|
|
981
|
-
--typography-typeface-work-sans: 'Work Sans'
|
|
815
|
+
--typography-typeface-work-sans: 'Work Sans';
|
|
982
816
|
/* Typography/Weight/300 - Global (primitives) */
|
|
983
817
|
--typography-weight-300: 300;
|
|
984
818
|
/* Typography/Weight/400 - Global (primitives) */
|
|
@@ -989,52 +823,52 @@ body {
|
|
|
989
823
|
--typography-weight-600: 600;
|
|
990
824
|
/* Mobile/Display/Regular/Large */
|
|
991
825
|
--display-regular-large: 400 56px/72px var(--typeface);
|
|
992
|
-
/* Mobile/Display/Regular/Large -
|
|
826
|
+
/* Mobile/Display/Regular/Large - line height */
|
|
993
827
|
--display-regular-large-line-height: 72px;
|
|
994
|
-
/* Mobile/Display/Regular/Large -
|
|
828
|
+
/* Mobile/Display/Regular/Large - size */
|
|
995
829
|
--display-regular-large-size: 56px;
|
|
996
|
-
/* Mobile/Display/Regular/Large -
|
|
830
|
+
/* Mobile/Display/Regular/Large - style */
|
|
997
831
|
--display-regular-large-style: regular;
|
|
998
832
|
/* Mobile/Display/Regular/Medium */
|
|
999
833
|
--display-regular-medium: 400 48px/60px var(--typeface);
|
|
1000
|
-
/* Mobile/Display/Regular/Medium -
|
|
834
|
+
/* Mobile/Display/Regular/Medium - line height */
|
|
1001
835
|
--display-regular-medium-line-height: 60px;
|
|
1002
|
-
/* Mobile/Display/Regular/Medium -
|
|
836
|
+
/* Mobile/Display/Regular/Medium - size */
|
|
1003
837
|
--display-regular-medium-size: 48px;
|
|
1004
|
-
/* Mobile/Display/Regular/Medium -
|
|
838
|
+
/* Mobile/Display/Regular/Medium - style */
|
|
1005
839
|
--display-regular-medium-style: regular;
|
|
1006
840
|
/* Mobile/Display/Regular/Small */
|
|
1007
841
|
--display-regular-small: 400 40px/48px var(--typeface);
|
|
1008
|
-
/* Mobile/Display/Regular/Small -
|
|
842
|
+
/* Mobile/Display/Regular/Small - line height */
|
|
1009
843
|
--display-regular-small-line-height: 48px;
|
|
1010
|
-
/* Mobile/Display/Regular/Small -
|
|
844
|
+
/* Mobile/Display/Regular/Small - size */
|
|
1011
845
|
--display-regular-small-size: 40px;
|
|
1012
|
-
/* Mobile/Display/Regular/Small -
|
|
846
|
+
/* Mobile/Display/Regular/Small - style */
|
|
1013
847
|
--display-regular-small-style: regular;
|
|
1014
848
|
/* Mobile/Display/Semibold/Large */
|
|
1015
849
|
--display-semibold-large: 600 56px/72px var(--typeface);
|
|
1016
|
-
/* Mobile/Display/Semibold/Large -
|
|
850
|
+
/* Mobile/Display/Semibold/Large - line height */
|
|
1017
851
|
--display-semibold-large-line-height: 72px;
|
|
1018
|
-
/* Mobile/Display/Semibold/Large -
|
|
852
|
+
/* Mobile/Display/Semibold/Large - size */
|
|
1019
853
|
--display-semibold-large-size: 56px;
|
|
1020
|
-
/* Mobile/Display/Semibold/Large -
|
|
1021
|
-
--display-semibold-large-style:
|
|
854
|
+
/* Mobile/Display/Semibold/Large - style */
|
|
855
|
+
--display-semibold-large-style: 600;
|
|
1022
856
|
/* Mobile/Display/Semibold/Medium */
|
|
1023
857
|
--display-semibold-medium: 600 48px/60px var(--typeface);
|
|
1024
|
-
/* Mobile/Display/Semibold/Medium -
|
|
858
|
+
/* Mobile/Display/Semibold/Medium - line height */
|
|
1025
859
|
--display-semibold-medium-line-height: 60px;
|
|
1026
|
-
/* Mobile/Display/Semibold/Medium -
|
|
860
|
+
/* Mobile/Display/Semibold/Medium - size */
|
|
1027
861
|
--display-semibold-medium-size: 48px;
|
|
1028
|
-
/* Mobile/Display/Semibold/Medium -
|
|
1029
|
-
--display-semibold-medium-style:
|
|
862
|
+
/* Mobile/Display/Semibold/Medium - style */
|
|
863
|
+
--display-semibold-medium-style: 600;
|
|
1030
864
|
/* Mobile/Display/Semibold/Small */
|
|
1031
865
|
--display-semibold-small: 600 40px/48px var(--typeface);
|
|
1032
|
-
/* Mobile/Display/Semibold/Small -
|
|
866
|
+
/* Mobile/Display/Semibold/Small - line height */
|
|
1033
867
|
--display-semibold-small-line-height: 48px;
|
|
1034
|
-
/* Mobile/Display/Semibold/Small -
|
|
868
|
+
/* Mobile/Display/Semibold/Small - size */
|
|
1035
869
|
--display-semibold-small-size: 40px;
|
|
1036
|
-
/* Mobile/Display/Semibold/Small -
|
|
1037
|
-
--display-semibold-small-style:
|
|
870
|
+
/* Mobile/Display/Semibold/Small - style */
|
|
871
|
+
--display-semibold-small-style: 600;
|
|
1038
872
|
/* Mobile/Heading/H1 - Large Headline */
|
|
1039
873
|
--heading-h1: 600 32px/40px var(--typeface);
|
|
1040
874
|
/* Mobile/Heading/H1 - Large Headline line height */
|
|
@@ -1042,7 +876,7 @@ body {
|
|
|
1042
876
|
/* Mobile/Heading/H1 - Large Headline size */
|
|
1043
877
|
--heading-h1-size: 32px;
|
|
1044
878
|
/* Mobile/Heading/H1 - Large Headline style */
|
|
1045
|
-
--heading-h1-style:
|
|
879
|
+
--heading-h1-style: 600;
|
|
1046
880
|
/* Mobile/Heading/H2 - Headline */
|
|
1047
881
|
--heading-h2: 600 28px/36px var(--typeface);
|
|
1048
882
|
/* Mobile/Heading/H2 - Headline line height */
|
|
@@ -1050,7 +884,7 @@ body {
|
|
|
1050
884
|
/* Mobile/Heading/H2 - Headline size */
|
|
1051
885
|
--heading-h2-size: 28px;
|
|
1052
886
|
/* Mobile/Heading/H2 - Headline style */
|
|
1053
|
-
--heading-h2-style:
|
|
887
|
+
--heading-h2-style: 600;
|
|
1054
888
|
/* Mobile/Heading/H3 - Headline */
|
|
1055
889
|
--heading-h3: 600 24px/32px var(--typeface);
|
|
1056
890
|
/* Mobile/Heading/H3 - Headline line height */
|
|
@@ -1058,7 +892,7 @@ body {
|
|
|
1058
892
|
/* Mobile/Heading/H3 - Headline size */
|
|
1059
893
|
--heading-h3-size: 24px;
|
|
1060
894
|
/* Mobile/Heading/H3 - Headline style */
|
|
1061
|
-
--heading-h3-style:
|
|
895
|
+
--heading-h3-style: 600;
|
|
1062
896
|
/* Mobile/Heading/H4 - Headline */
|
|
1063
897
|
--heading-h4: 600 20px/28px var(--typeface);
|
|
1064
898
|
/* Mobile/Heading/H4 - Headline line height */
|
|
@@ -1066,22 +900,22 @@ body {
|
|
|
1066
900
|
/* Mobile/Heading/H4 - Headline size */
|
|
1067
901
|
--heading-h4-size: 20px;
|
|
1068
902
|
/* Mobile/Heading/H4 - Headline style */
|
|
1069
|
-
--heading-h4-style:
|
|
903
|
+
--heading-h4-style: 600;
|
|
1070
904
|
/* Mobile/Heading/H5 */
|
|
1071
905
|
--heading-h5: 600 18px/24px var(--typeface);
|
|
1072
|
-
/* Mobile/Heading/H5 -
|
|
906
|
+
/* Mobile/Heading/H5 - line height */
|
|
1073
907
|
--heading-h5-line-height: 24px;
|
|
1074
|
-
/* Mobile/Heading/H5 -
|
|
908
|
+
/* Mobile/Heading/H5 - size */
|
|
1075
909
|
--heading-h5-size: 18px;
|
|
1076
|
-
/* Mobile/Heading/H5 -
|
|
1077
|
-
--heading-h5-style:
|
|
910
|
+
/* Mobile/Heading/H5 - style */
|
|
911
|
+
--heading-h5-style: 600;
|
|
1078
912
|
/* Mobile/Heading/H6 */
|
|
1079
913
|
--heading-h6: 500 16px/20px var(--typeface);
|
|
1080
|
-
/* Mobile/Heading/H6 -
|
|
914
|
+
/* Mobile/Heading/H6 - line height */
|
|
1081
915
|
--heading-h6-line-height: 20px;
|
|
1082
|
-
/* Mobile/Heading/H6 -
|
|
916
|
+
/* Mobile/Heading/H6 - size */
|
|
1083
917
|
--heading-h6-size: 16px;
|
|
1084
|
-
/* Mobile/Heading/H6 -
|
|
918
|
+
/* Mobile/Heading/H6 - style */
|
|
1085
919
|
--heading-h6-style: medium;
|
|
1086
920
|
/* Mobile/Subheader/Large - Headline */
|
|
1087
921
|
--subheader-large: 400 20px/28px var(--typeface);
|
|
@@ -1123,206 +957,66 @@ body {
|
|
|
1123
957
|
--subheader-xxx-large-size: 32px;
|
|
1124
958
|
/* Mobile/Subheader/XXX-Large - Large Headline style */
|
|
1125
959
|
--subheader-xxx-large-style: regular;
|
|
1126
|
-
|
|
1127
|
-
|
|
1128
|
-
/* Desktop/Display/Regular/Large - Used in landing hero or marketing sections. */
|
|
1129
|
-
--display-regular-large: 400 64px/88px var(--typeface);
|
|
1130
|
-
/* Desktop/Display/Regular/Large - Used in landing hero or marketing sections. line height */
|
|
1131
|
-
--display-regular-large-line-height: 88px;
|
|
1132
|
-
/* Desktop/Display/Regular/Large - Used in landing hero or marketing sections. size */
|
|
1133
|
-
--display-regular-large-size: 64px;
|
|
1134
|
-
/* Desktop/Display/Regular/Large - Used in landing hero or marketing sections. style */
|
|
1135
|
-
--display-regular-large-style: regular;
|
|
1136
|
-
/* Desktop/Display/Regular/Medium - Used in landing hero or marketing sections. */
|
|
1137
|
-
--display-regular-medium: 400 56px/72px var(--typeface);
|
|
1138
|
-
/* Desktop/Display/Regular/Medium - Used in landing hero or marketing sections. line height */
|
|
1139
|
-
--display-regular-medium-line-height: 72px;
|
|
1140
|
-
/* Desktop/Display/Regular/Medium - Used in landing hero or marketing sections. size */
|
|
1141
|
-
--display-regular-medium-size: 56px;
|
|
1142
|
-
/* Desktop/Display/Regular/Medium - Used in landing hero or marketing sections. style */
|
|
1143
|
-
--display-regular-medium-style: regular;
|
|
1144
|
-
/* Desktop/Display/Regular/Small - Used in landing hero or marketing sections. */
|
|
1145
|
-
--display-regular-small: 400 48px/60px var(--typeface);
|
|
1146
|
-
/* Desktop/Display/Regular/Small - Used in landing hero or marketing sections. line height */
|
|
1147
|
-
--display-regular-small-line-height: 60px;
|
|
1148
|
-
/* Desktop/Display/Regular/Small - Used in landing hero or marketing sections. size */
|
|
1149
|
-
--display-regular-small-size: 48px;
|
|
1150
|
-
/* Desktop/Display/Regular/Small - Used in landing hero or marketing sections. style */
|
|
1151
|
-
--display-regular-small-style: regular;
|
|
1152
|
-
/* Desktop/Display/SemiBold/Large - Used in landing hero or marketing sections. */
|
|
1153
|
-
--display-semibold-large: 600 64px/88px var(--typeface);
|
|
1154
|
-
/* Desktop/Display/SemiBold/Large - Used in landing hero or marketing sections. line height */
|
|
1155
|
-
--display-semibold-large-line-height: 88px;
|
|
1156
|
-
/* Desktop/Display/SemiBold/Large - Used in landing hero or marketing sections. size */
|
|
1157
|
-
--display-semibold-large-size: 64px;
|
|
1158
|
-
/* Desktop/Display/SemiBold/Large - Used in landing hero or marketing sections. style */
|
|
1159
|
-
--display-semibold-large-style: semibold;
|
|
1160
|
-
/* Desktop/Display/SemiBold/Medium - Used in landing hero or marketing sections. */
|
|
1161
|
-
--display-semibold-medium: 600 56px/72px var(--typeface);
|
|
1162
|
-
/* Desktop/Display/SemiBold/Medium - Used in landing hero or marketing sections. line height */
|
|
1163
|
-
--display-semibold-medium-line-height: 72px;
|
|
1164
|
-
/* Desktop/Display/SemiBold/Medium - Used in landing hero or marketing sections. size */
|
|
1165
|
-
--display-semibold-medium-size: 56px;
|
|
1166
|
-
/* Desktop/Display/SemiBold/Medium - Used in landing hero or marketing sections. style */
|
|
1167
|
-
--display-semibold-medium-style: semibold;
|
|
1168
|
-
/* Desktop/Display/SemiBold/Small - Used in landing hero or marketing sections. */
|
|
1169
|
-
--display-semibold-small: 600 48px/60px var(--typeface);
|
|
1170
|
-
/* Desktop/Display/SemiBold/Small - Used in landing hero or marketing sections. line height */
|
|
1171
|
-
--display-semibold-small-line-height: 60px;
|
|
1172
|
-
/* Desktop/Display/SemiBold/Small - Used in landing hero or marketing sections. size */
|
|
1173
|
-
--display-semibold-small-size: 48px;
|
|
1174
|
-
/* Desktop/Display/SemiBold/Small - Used in landing hero or marketing sections. style */
|
|
1175
|
-
--display-semibold-small-style: semibold;
|
|
1176
|
-
/* Desktop/Heading/H1 */
|
|
1177
|
-
--heading-h1: 600 40px/48px var(--typeface);
|
|
1178
|
-
/* Desktop/Heading/H1 - line height */
|
|
1179
|
-
--heading-h1-line-height: 48px;
|
|
1180
|
-
/* Desktop/Heading/H1 - size */
|
|
1181
|
-
--heading-h1-size: 40px;
|
|
1182
|
-
/* Desktop/Heading/H1 - style */
|
|
1183
|
-
--heading-h1-style: semibold;
|
|
1184
|
-
/* Desktop/Heading/H2 */
|
|
1185
|
-
--heading-h2: 600 32px/40px var(--typeface);
|
|
1186
|
-
/* Desktop/Heading/H2 - line height */
|
|
1187
|
-
--heading-h2-line-height: 40px;
|
|
1188
|
-
/* Desktop/Heading/H2 - size */
|
|
1189
|
-
--heading-h2-size: 32px;
|
|
1190
|
-
/* Desktop/Heading/H2 - style */
|
|
1191
|
-
--heading-h2-style: semibold;
|
|
1192
|
-
/* Desktop/Heading/H3 */
|
|
1193
|
-
--heading-h3: 600 28px/36px var(--typeface);
|
|
1194
|
-
/* Desktop/Heading/H3 - line height */
|
|
1195
|
-
--heading-h3-line-height: 36px;
|
|
1196
|
-
/* Desktop/Heading/H3 - size */
|
|
1197
|
-
--heading-h3-size: 28px;
|
|
1198
|
-
/* Desktop/Heading/H3 - style */
|
|
1199
|
-
--heading-h3-style: semibold;
|
|
1200
|
-
/* Desktop/Heading/H4 */
|
|
1201
|
-
--heading-h4: 600 24px/32px var(--typeface);
|
|
1202
|
-
/* Desktop/Heading/H4 - line height */
|
|
1203
|
-
--heading-h4-line-height: 32px;
|
|
1204
|
-
/* Desktop/Heading/H4 - size */
|
|
1205
|
-
--heading-h4-size: 24px;
|
|
1206
|
-
/* Desktop/Heading/H4 - style */
|
|
1207
|
-
--heading-h4-style: semibold;
|
|
1208
|
-
/* Desktop/Heading/H5 */
|
|
1209
|
-
--heading-h5: 600 20px/28px var(--typeface);
|
|
1210
|
-
/* Desktop/Heading/H5 - line height */
|
|
1211
|
-
--heading-h5-line-height: 28px;
|
|
1212
|
-
/* Desktop/Heading/H5 - size */
|
|
1213
|
-
--heading-h5-size: 20px;
|
|
1214
|
-
/* Desktop/Heading/H5 - style */
|
|
1215
|
-
--heading-h5-style: semibold;
|
|
1216
|
-
/* Desktop/Heading/H6 */
|
|
1217
|
-
--heading-h6: 500 18px/24px var(--typeface);
|
|
1218
|
-
/* Desktop/Heading/H6 - line height */
|
|
1219
|
-
--heading-h6-line-height: 24px;
|
|
1220
|
-
/* Desktop/Heading/H6 - size */
|
|
1221
|
-
--heading-h6-size: 18px;
|
|
1222
|
-
/* Desktop/Heading/H6 - style */
|
|
1223
|
-
--heading-h6-style: medium;
|
|
1224
|
-
/* Desktop/Subheader/Large - Headline */
|
|
1225
|
-
--subheader-large: 400 24px/32px var(--typeface);
|
|
1226
|
-
/* Desktop/Subheader/Large - Headline line height */
|
|
1227
|
-
--subheader-large-line-height: 32px;
|
|
1228
|
-
/* Desktop/Subheader/Large - Headline size */
|
|
1229
|
-
--subheader-large-size: 24px;
|
|
1230
|
-
/* Desktop/Subheader/Large - Headline style */
|
|
1231
|
-
--subheader-large-style: regular;
|
|
1232
|
-
/* Desktop/Subheader/Medium */
|
|
1233
|
-
--subheader-medium: 400 20px/28px var(--typeface);
|
|
1234
|
-
/* Desktop/Subheader/Medium - line height */
|
|
1235
|
-
--subheader-medium-line-height: 28px;
|
|
1236
|
-
/* Desktop/Subheader/Medium - size */
|
|
1237
|
-
--subheader-medium-size: 20px;
|
|
1238
|
-
/* Desktop/Subheader/Medium - style */
|
|
1239
|
-
--subheader-medium-style: regular;
|
|
1240
|
-
/* Desktop/Subheader/X-Large - Headline */
|
|
1241
|
-
--subheader-x-large: 400 28px/36px var(--typeface);
|
|
1242
|
-
/* Desktop/Subheader/X-Large - Headline line height */
|
|
1243
|
-
--subheader-x-large-line-height: 36px;
|
|
1244
|
-
/* Desktop/Subheader/X-Large - Headline size */
|
|
1245
|
-
--subheader-x-large-size: 28px;
|
|
1246
|
-
/* Desktop/Subheader/X-Large - Headline style */
|
|
1247
|
-
--subheader-x-large-style: regular;
|
|
1248
|
-
/* Desktop/Subheader/XX-Large - Headline */
|
|
1249
|
-
--subheader-xx-large: 400 32px/40px var(--typeface);
|
|
1250
|
-
/* Desktop/Subheader/XX-Large - Headline line height */
|
|
1251
|
-
--subheader-xx-large-line-height: 40px;
|
|
1252
|
-
/* Desktop/Subheader/XX-Large - Headline size */
|
|
1253
|
-
--subheader-xx-large-size: 32px;
|
|
1254
|
-
/* Desktop/Subheader/XX-Large - Headline style */
|
|
1255
|
-
--subheader-xx-large-style: regular;
|
|
1256
|
-
/* Desktop/Subheader/XXX-Large - Large Headline */
|
|
1257
|
-
--subheader-xxx-large: 400 40px/48px var(--typeface);
|
|
1258
|
-
/* Desktop/Subheader/XXX-Large - Large Headline line height */
|
|
1259
|
-
--subheader-xxx-large-line-height: 48px;
|
|
1260
|
-
/* Desktop/Subheader/XXX-Large - Large Headline size */
|
|
1261
|
-
--subheader-xxx-large-size: 40px;
|
|
1262
|
-
/* Desktop/Subheader/XXX-Large - Large Headline style */
|
|
1263
|
-
--subheader-xxx-large-style: regular;
|
|
1264
|
-
}
|
|
1265
|
-
|
|
1266
|
-
/** Light theme (default) **/
|
|
1267
|
-
/* Background/base - Theme - Corcoran */
|
|
960
|
+
/* light theme (default) */
|
|
961
|
+
/* Background/base - Brand */
|
|
1268
962
|
--background-base: #ffffff;
|
|
1269
963
|
/* Background/scrim - Theme - Corcoran */
|
|
1270
964
|
--background-scrim: #00000040;
|
|
1271
|
-
/* Background/shade -
|
|
965
|
+
/* Background/shade - Brand */
|
|
1272
966
|
--background-shade: #f5f5f5;
|
|
1273
|
-
/* Data visual/category-01 -
|
|
967
|
+
/* Data visual/category-01 - Brand */
|
|
1274
968
|
--data-visual-category-01: #0a466c;
|
|
1275
|
-
/* Data visual/category-01-highlight -
|
|
969
|
+
/* Data visual/category-01-highlight - Brand */
|
|
1276
970
|
--data-visual-category-01-highlight: #0a466c4d;
|
|
1277
|
-
/* Data visual/category-02 -
|
|
971
|
+
/* Data visual/category-02 - Brand */
|
|
1278
972
|
--data-visual-category-02: #299de0;
|
|
1279
|
-
/* Data visual/category-02-highlight -
|
|
973
|
+
/* Data visual/category-02-highlight - Brand */
|
|
1280
974
|
--data-visual-category-02-highlight: #299de04d;
|
|
1281
|
-
/* Data visual/category-03 -
|
|
975
|
+
/* Data visual/category-03 - Brand */
|
|
1282
976
|
--data-visual-category-03: #130033;
|
|
1283
|
-
/* Data visual/category-03-highlight -
|
|
977
|
+
/* Data visual/category-03-highlight - Brand */
|
|
1284
978
|
--data-visual-category-03-highlight: #1300334d;
|
|
1285
|
-
/* Data visual/category-04 -
|
|
979
|
+
/* Data visual/category-04 - Brand */
|
|
1286
980
|
--data-visual-category-04: #389e7a;
|
|
1287
|
-
/* Data visual/category-04-highlight -
|
|
981
|
+
/* Data visual/category-04-highlight - Brand */
|
|
1288
982
|
--data-visual-category-04-highlight: #389e7a4d;
|
|
1289
|
-
/* Data visual/category-05 -
|
|
983
|
+
/* Data visual/category-05 - Brand */
|
|
1290
984
|
--data-visual-category-05: #094a53;
|
|
1291
|
-
/* Data visual/category-05-highlight -
|
|
985
|
+
/* Data visual/category-05-highlight - Brand */
|
|
1292
986
|
--data-visual-category-05-highlight: #094a534d;
|
|
1293
|
-
/* Data visual/category-06 -
|
|
987
|
+
/* Data visual/category-06 - Brand */
|
|
1294
988
|
--data-visual-category-06: #7f7f7f;
|
|
1295
|
-
/* Data visual/category-06-highlight -
|
|
989
|
+
/* Data visual/category-06-highlight - Brand */
|
|
1296
990
|
--data-visual-category-06-highlight: #7f7f7f4d;
|
|
1297
|
-
/* Data visual/category-07 -
|
|
991
|
+
/* Data visual/category-07 - Brand */
|
|
1298
992
|
--data-visual-category-07: #433479;
|
|
1299
|
-
/* Data visual/category-07-highlight -
|
|
993
|
+
/* Data visual/category-07-highlight - Brand */
|
|
1300
994
|
--data-visual-category-07-highlight: #4334794d;
|
|
1301
|
-
/* Data visual/category-1 - Theme -
|
|
995
|
+
/* Data visual/category-1 - Theme - Better Home & Garden */
|
|
1302
996
|
--data-visual-category-1: #0a466c;
|
|
1303
997
|
/* Data visual/category-1-highlight - Theme - Corcoran */
|
|
1304
998
|
--data-visual-category-1-highlight: #0a466c4d;
|
|
1305
|
-
/* Data visual/category-2 - Theme -
|
|
999
|
+
/* Data visual/category-2 - Theme - Better Home & Garden */
|
|
1306
1000
|
--data-visual-category-2: #299de0;
|
|
1307
1001
|
/* Data visual/category-2-highlight - Theme - Corcoran */
|
|
1308
1002
|
--data-visual-category-2-highlight: #299de04d;
|
|
1309
|
-
/* Data visual/category-3 - Theme -
|
|
1003
|
+
/* Data visual/category-3 - Theme - Better Home & Garden */
|
|
1310
1004
|
--data-visual-category-3: #130033;
|
|
1311
1005
|
/* Data visual/category-3-highlight - Theme - Corcoran */
|
|
1312
1006
|
--data-visual-category-3-highlight: #1300334d;
|
|
1313
|
-
/* Data visual/category-4 - Theme -
|
|
1007
|
+
/* Data visual/category-4 - Theme - Better Home & Garden */
|
|
1314
1008
|
--data-visual-category-4: #389e7a;
|
|
1315
1009
|
/* Data visual/category-4-highlight - Theme - Corcoran */
|
|
1316
1010
|
--data-visual-category-4-highlight: #389e7a4d;
|
|
1317
|
-
/* Data visual/category-5 - Theme -
|
|
1011
|
+
/* Data visual/category-5 - Theme - Better Home & Garden */
|
|
1318
1012
|
--data-visual-category-5: #094a53;
|
|
1319
1013
|
/* Data visual/category-5-highlight - Theme - Corcoran */
|
|
1320
1014
|
--data-visual-category-5-highlight: #094a534d;
|
|
1321
|
-
/* Data visual/category-6 - Theme -
|
|
1015
|
+
/* Data visual/category-6 - Theme - Better Home & Garden */
|
|
1322
1016
|
--data-visual-category-6: #7f7f7f;
|
|
1323
1017
|
/* Data visual/category-6-highlight - Theme - Corcoran */
|
|
1324
1018
|
--data-visual-category-6-highlight: #7f7f7f4d;
|
|
1325
|
-
/* Data visual/category-7 - Theme -
|
|
1019
|
+
/* Data visual/category-7 - Theme - Better Home & Garden */
|
|
1326
1020
|
--data-visual-category-7: #433479;
|
|
1327
1021
|
/* Data visual/category-7-highlight - Theme - Corcoran */
|
|
1328
1022
|
--data-visual-category-7-highlight: #4334794d;
|
|
@@ -1332,13 +1026,13 @@ body {
|
|
|
1332
1026
|
--data-visual-green: #258750;
|
|
1333
1027
|
/* Data visual/green-highlight - Theme - Corcoran */
|
|
1334
1028
|
--data-visual-green-highlight: #deede5;
|
|
1335
|
-
/* Data visual/negative -
|
|
1029
|
+
/* Data visual/negative - Brand */
|
|
1336
1030
|
--data-visual-negative: #d83a52;
|
|
1337
|
-
/* Data visual/negative-highlight -
|
|
1031
|
+
/* Data visual/negative-highlight - Brand */
|
|
1338
1032
|
--data-visual-negative-highlight: #f9e1e5;
|
|
1339
|
-
/* Data visual/positive -
|
|
1033
|
+
/* Data visual/positive - Brand */
|
|
1340
1034
|
--data-visual-positive: #258750;
|
|
1341
|
-
/* Data visual/positive-highlight -
|
|
1035
|
+
/* Data visual/positive-highlight - Brand */
|
|
1342
1036
|
--data-visual-positive-highlight: #deede5;
|
|
1343
1037
|
/* Data visual/red - Theme - Corcoran */
|
|
1344
1038
|
--data-visual-red: #d83a52;
|
|
@@ -1347,55 +1041,71 @@ body {
|
|
|
1347
1041
|
/* Foreground/Brand/on-inverse-primary - Theme - Corcoran */
|
|
1348
1042
|
--foreground-brand-on-inverse-primary: #92adc4;
|
|
1349
1043
|
/* Foreground/Brand/on-inverse-secondary - Theme - Corcoran */
|
|
1350
|
-
--foreground-brand-on-inverse-secondary: #
|
|
1351
|
-
/* Foreground/Brand/on-brand-primary -
|
|
1044
|
+
--foreground-brand-on-inverse-secondary: #eba691;
|
|
1045
|
+
/* Foreground/Brand/on-brand-primary - Brand */
|
|
1046
|
+
/* Foreground color used on Brand's primary color (non neutral color) */
|
|
1352
1047
|
--foreground-brand-on-primary: #ffffff;
|
|
1353
|
-
/* Foreground/Brand/on-brand-secondary -
|
|
1048
|
+
/* Foreground/Brand/on-brand-secondary - Brand */
|
|
1049
|
+
/* Foreground color used on Brand's primary color (non neutral color) */
|
|
1354
1050
|
--foreground-brand-on-secondary: #ffffff;
|
|
1355
|
-
/* Foreground/Brand/brand-primary -
|
|
1051
|
+
/* Foreground/Brand/brand-primary - Brand */
|
|
1052
|
+
/* Foreground text and icons that match the brand's primary color */
|
|
1356
1053
|
--foreground-brand-primary: #4a769d;
|
|
1357
|
-
/* Foreground/Brand/brand-primary-depth - Theme -
|
|
1358
|
-
--foreground-brand-primary-depth: #
|
|
1359
|
-
/* Foreground/Brand/brand-secondary -
|
|
1054
|
+
/* Foreground/Brand/brand-primary-depth - Theme - Better Home & Garden */
|
|
1055
|
+
--foreground-brand-primary-depth: #217221;
|
|
1056
|
+
/* Foreground/Brand/brand-secondary - Brand */
|
|
1057
|
+
/* Foreground text and icons that match the brand's secondary color */
|
|
1360
1058
|
--foreground-brand-secondary: #c0535c;
|
|
1361
1059
|
/* Foreground/Brand/brand-secondary-depth - Theme - Corcoran */
|
|
1362
1060
|
--foreground-brand-secondary-depth: #a3474e;
|
|
1363
|
-
/* Foreground/Link text/default -
|
|
1061
|
+
/* Foreground/Link text/default - Brand */
|
|
1364
1062
|
--foreground-link-text-default: #215ecd;
|
|
1365
|
-
/* Foreground/Link text/default-disabled -
|
|
1063
|
+
/* Foreground/Link text/default-disabled - Brand */
|
|
1366
1064
|
--foreground-link-text-default-disabled: #7a9ee1;
|
|
1367
1065
|
/* Foreground/Link text/default-hovered - Theme - Corcoran */
|
|
1368
1066
|
--foreground-link-text-default-hovered: #1e55b9;
|
|
1369
1067
|
/* Foreground/Link text/default-pressed - Theme - Corcoran */
|
|
1370
1068
|
--foreground-link-text-default-pressed: #1a4ba4;
|
|
1371
|
-
/* Foreground/Link text/default-visited -
|
|
1069
|
+
/* Foreground/Link text/default-visited - Brand */
|
|
1372
1070
|
--foreground-link-text-default-visited: #7a3e7a;
|
|
1373
|
-
/* Foreground/Link text/subtle-disabled -
|
|
1071
|
+
/* Foreground/Link text/subtle-disabled - Brand */
|
|
1374
1072
|
--foreground-link-text-subtle-disabled: #bdbdbd;
|
|
1375
1073
|
/* Foreground/Link text/subtle-hovered - Theme - Corcoran */
|
|
1376
1074
|
--foreground-link-text-subtle-hovered: #292929;
|
|
1377
|
-
/* Foreground/Link text/subtle-
|
|
1075
|
+
/* Foreground/Link text/subtle-inverse-hovered - Theme - Corcoran */
|
|
1076
|
+
--foreground-link-text-subtle-inverse-hovered: #e6e6e6;
|
|
1077
|
+
/* Foreground/Link text/subtle-inverse-pressed - Theme - Corcoran */
|
|
1078
|
+
--foreground-link-text-subtle-inverse-pressed: #d1d1d1;
|
|
1079
|
+
/* Foreground/Link text/subtle-inversed-disabled - Brand */
|
|
1378
1080
|
--foreground-link-text-subtle-inversed-disabled: #757575;
|
|
1379
1081
|
/* Foreground/Link text/subtle-pressed - Theme - Corcoran */
|
|
1380
|
-
--foreground-link-text-subtle-pressed: #
|
|
1381
|
-
/* Foreground/Neutral/disabled-on-color-surface -
|
|
1082
|
+
--foreground-link-text-subtle-pressed: #3d3d3d;
|
|
1083
|
+
/* Foreground/Neutral/disabled-on-color-surface - Brand */
|
|
1382
1084
|
--foreground-neutral-disabled-on-color-surface: #757575;
|
|
1383
|
-
/* Foreground/Neutral/disabled-on-surface -
|
|
1085
|
+
/* Foreground/Neutral/disabled-on-surface - Brand */
|
|
1384
1086
|
--foreground-neutral-disabled-on-surface: #bdbdbd;
|
|
1385
1087
|
/* Foreground/Neutral/inverse-on-surface - Theme - Corcoran */
|
|
1386
|
-
--foreground-neutral-inverse-on-surface: #
|
|
1387
|
-
/* Foreground/Neutral/on-
|
|
1088
|
+
--foreground-neutral-inverse-on-surface: #fafafa;
|
|
1089
|
+
/* Foreground/Neutral/on-color - Brand */
|
|
1090
|
+
/* Interactive controls */
|
|
1091
|
+
--foreground-neutral-on-color: #ffffff;
|
|
1092
|
+
/* Foreground/Neutral/on-inverse-surface - Brand */
|
|
1093
|
+
/* Text and icons against inverse surface */
|
|
1388
1094
|
--foreground-neutral-on-inverse-surface: #ffffff;
|
|
1389
|
-
/* Foreground/Neutral/on-surface -
|
|
1095
|
+
/* Foreground/Neutral/on-surface - Brand */
|
|
1096
|
+
/* Default foreground text and icons against any surface color */
|
|
1390
1097
|
--foreground-neutral-on-surface: #141414;
|
|
1391
|
-
/* Foreground/Neutral/on-surface-variant-01 -
|
|
1392
|
-
|
|
1393
|
-
|
|
1098
|
+
/* Foreground/Neutral/on-surface-variant-01 - Brand */
|
|
1099
|
+
/* Secondary foreground color for icons and text */
|
|
1100
|
+
--foreground-neutral-on-surface-variant-01: #707070;
|
|
1101
|
+
/* Foreground/Neutral/on-surface-variant-02 - Brand */
|
|
1102
|
+
/* Tertiary foreground color for icons and text */
|
|
1394
1103
|
--foreground-neutral-on-surface-variant-02: #757575;
|
|
1395
|
-
/* Foreground/Neutral/on-surface-variant-03 -
|
|
1104
|
+
/* Foreground/Neutral/on-surface-variant-03 - Brand */
|
|
1105
|
+
/* Quaternary foreground color for icons and text. Only for placeholder text */
|
|
1396
1106
|
--foreground-neutral-on-surface-variant-03: #8a8a8a;
|
|
1397
|
-
/* Foreground/Neutral/skeleton-element -
|
|
1398
|
-
--foreground-neutral-skeleton-element: #
|
|
1107
|
+
/* Foreground/Neutral/skeleton-element - Brand */
|
|
1108
|
+
--foreground-neutral-skeleton-element: #e0e0e0;
|
|
1399
1109
|
/* Foreground/Spectrum/blue - Theme - Corcoran */
|
|
1400
1110
|
--foreground-spectrum-blue: #143778;
|
|
1401
1111
|
/* Foreground/Spectrum/green - Theme - Corcoran */
|
|
@@ -1404,30 +1114,18 @@ body {
|
|
|
1404
1114
|
--foreground-spectrum-lime: #60651a;
|
|
1405
1115
|
/* Foreground/Spectrum/magenta - Theme - Corcoran */
|
|
1406
1116
|
--foreground-spectrum-magenta: #63076f;
|
|
1407
|
-
/* Foreground/Spectrum/orange -
|
|
1117
|
+
/* Foreground/Spectrum/orange - Brand */
|
|
1408
1118
|
--foreground-spectrum-orange: #773001;
|
|
1409
1119
|
/* Foreground/Spectrum/pink - Theme - Corcoran */
|
|
1410
1120
|
--foreground-spectrum-pink: #6c1240;
|
|
1411
1121
|
/* Foreground/Spectrum/purple - Theme - Corcoran */
|
|
1412
1122
|
--foreground-spectrum-purple: #310077;
|
|
1413
|
-
/* Foreground/Spectrum/red -
|
|
1123
|
+
/* Foreground/Spectrum/red - Brand */
|
|
1414
1124
|
--foreground-spectrum-red: #6c1d29;
|
|
1415
1125
|
/* Foreground/Spectrum/teal - Theme - Corcoran */
|
|
1416
1126
|
--foreground-spectrum-teal: #01413c;
|
|
1417
1127
|
/* Foreground/Spectrum/yellow - Theme - Corcoran */
|
|
1418
1128
|
--foreground-spectrum-yellow: #7b5e18;
|
|
1419
|
-
/* Interaction/brand-disabled-opacity - Theme - 3.0 */
|
|
1420
|
-
--interaction-brand-disabled-opacity: #0000000f;
|
|
1421
|
-
/* Interaction/brand-hover-opacity - Theme - 3.0 */
|
|
1422
|
-
--interaction-brand-hover-opacity: #0000001a;
|
|
1423
|
-
/* Interaction/brand-press-opacity - Theme - 3.0 */
|
|
1424
|
-
--interaction-brand-press-opacity: #00000033;
|
|
1425
|
-
/* Interaction/hover-opacity - Theme - 3.0 */
|
|
1426
|
-
--interaction-hover-opacity: #00000014;
|
|
1427
|
-
/* Interaction/link-active-opacity - Theme - 3.0 */
|
|
1428
|
-
--interaction-link-active-opacity: #0000004d;
|
|
1429
|
-
/* Interaction/press-opacity - Theme - 3.0 */
|
|
1430
|
-
--interaction-press-opacity: #00000029;
|
|
1431
1129
|
/* Interactions/brand-disabled-opacity - Theme - Corcoran */
|
|
1432
1130
|
--interactions-brand-disabled-opacity: #0000000f;
|
|
1433
1131
|
/* Interactions/brand-hover-opacity - Theme - Corcoran */
|
|
@@ -1438,11 +1136,13 @@ body {
|
|
|
1438
1136
|
--interactions-disabled-opacity: #0000000f;
|
|
1439
1137
|
/* Interactions/hover-opacity - Theme - Corcoran */
|
|
1440
1138
|
--interactions-hover-opacity: #00000014;
|
|
1441
|
-
/* Interactions/link-active-opacity -
|
|
1139
|
+
/* Interactions/link-active-opacity - Brand */
|
|
1442
1140
|
--interactions-link-active-opacity: #0000004d;
|
|
1443
|
-
/* Interactions/neutral-hover-opacity -
|
|
1141
|
+
/* Interactions/neutral-hover-opacity - Brand */
|
|
1142
|
+
/* surfaces using neutral tones */
|
|
1444
1143
|
--interactions-neutral-hover-opacity: #00000014;
|
|
1445
|
-
/* Interactions/neutral-press-opacity -
|
|
1144
|
+
/* Interactions/neutral-press-opacity - Brand */
|
|
1145
|
+
/* surfaces using neutral tones */
|
|
1446
1146
|
--interactions-neutral-press-opacity: #00000029;
|
|
1447
1147
|
/* Interactions/press-opacity - Theme - Corcoran */
|
|
1448
1148
|
--interactions-press-opacity: #00000029;
|
|
@@ -1462,96 +1162,123 @@ body {
|
|
|
1462
1162
|
--shadow-25: #00000040;
|
|
1463
1163
|
/* Shadow/shadow-32 - Theme - Corcoran */
|
|
1464
1164
|
--shadow-32: #00000052;
|
|
1465
|
-
/* Shadow/inner-shadow -
|
|
1165
|
+
/* Shadow/inner-shadow - Brand */
|
|
1466
1166
|
--shadow-inner: #ffffff;
|
|
1467
|
-
/* Shadow/inner-shadow-100 - Theme -
|
|
1167
|
+
/* Shadow/inner-shadow-100 - Theme - Better Home & Garden */
|
|
1468
1168
|
--shadow-inner-100: #ffffff;
|
|
1469
|
-
/* Shadow/variant-01 -
|
|
1169
|
+
/* Shadow/variant-01 - Brand */
|
|
1470
1170
|
--shadow-variant-01: #0000001a;
|
|
1471
|
-
/* Shadow/variant-02 -
|
|
1171
|
+
/* Shadow/variant-02 - Brand */
|
|
1472
1172
|
--shadow-variant-02: #0000001f;
|
|
1473
|
-
/* Shadow/variant-03 -
|
|
1173
|
+
/* Shadow/variant-03 - Brand */
|
|
1474
1174
|
--shadow-variant-03: #00000026;
|
|
1475
|
-
/* Shadow/variant-04 -
|
|
1175
|
+
/* Shadow/variant-04 - Brand */
|
|
1476
1176
|
--shadow-variant-04: #00000040;
|
|
1477
|
-
/* Shadow/variant-05 -
|
|
1177
|
+
/* Shadow/variant-05 - Brand */
|
|
1478
1178
|
--shadow-variant-05: #00000052;
|
|
1479
|
-
/* Status/error -
|
|
1179
|
+
/* Status/error - Brand */
|
|
1180
|
+
/* Foreground error text and icons */
|
|
1480
1181
|
--status-error: #d83a52;
|
|
1481
|
-
/* Status/information - Theme -
|
|
1182
|
+
/* Status/information - Theme - Better Home & Garden */
|
|
1482
1183
|
--status-information: #276ef1;
|
|
1483
|
-
/* Status/informational -
|
|
1184
|
+
/* Status/informational - Brand */
|
|
1185
|
+
/* Foreground informational text and icons */
|
|
1484
1186
|
--status-informational: #276ef1;
|
|
1485
|
-
/* Status/
|
|
1187
|
+
/* Status/on-error - Brand */
|
|
1188
|
+
/* Foreground error text and icons */
|
|
1189
|
+
--status-on-error: #ffffff;
|
|
1190
|
+
/* Status/on-information - Theme - Better Home & Garden */
|
|
1191
|
+
--status-on-information: #ffffff;
|
|
1192
|
+
/* Status/on-informational - Brand */
|
|
1193
|
+
/* Foreground informational text and icons */
|
|
1194
|
+
--status-on-informational: #ffffff;
|
|
1195
|
+
/* Status/on-success - Brand */
|
|
1196
|
+
/* Foreground success icons and text */
|
|
1197
|
+
--status-on-success: #ffffff;
|
|
1198
|
+
/* Status/on-warning - Brand */
|
|
1199
|
+
/* Foreground warning icons */
|
|
1200
|
+
--status-on-warning: #141414;
|
|
1201
|
+
/* Status/success - Brand */
|
|
1202
|
+
/* Foreground success icons and text */
|
|
1486
1203
|
--status-success: #258750;
|
|
1487
|
-
/* Status/warning -
|
|
1204
|
+
/* Status/warning - Brand */
|
|
1205
|
+
/* Foreground warning icons */
|
|
1488
1206
|
--status-warning: #f6bc2f;
|
|
1489
|
-
/* Stroke/Brand/brand-primary -
|
|
1207
|
+
/* Stroke/Brand/brand-primary - Brand */
|
|
1208
|
+
/* Outline variant - decorative elements such as dividers */
|
|
1490
1209
|
--stroke-brand-primary: #4a769d;
|
|
1491
|
-
/* Stroke/Brand/brand-primary-depth -
|
|
1210
|
+
/* Stroke/Brand/brand-primary-depth - Brand */
|
|
1211
|
+
/* Outline variant - decorative elements such as dividers */
|
|
1492
1212
|
--stroke-brand-primary-depth: #3f6485;
|
|
1493
|
-
/* Stroke/Brand/brand-secondary - Theme -
|
|
1494
|
-
--stroke-brand-secondary: #
|
|
1213
|
+
/* Stroke/Brand/brand-secondary - Theme - Better Home & Garden */
|
|
1214
|
+
--stroke-brand-secondary: #dd6b47;
|
|
1495
1215
|
/* Stroke/Brand/brand-secondary-depth - Theme - Corcoran */
|
|
1496
|
-
--stroke-brand-secondary-depth: #
|
|
1497
|
-
/* Stroke/Neutral/neutral-base -
|
|
1216
|
+
--stroke-brand-secondary-depth: #bc5b3c;
|
|
1217
|
+
/* Stroke/Neutral/neutral-base - Brand */
|
|
1218
|
+
/* For control components */
|
|
1498
1219
|
--stroke-neutral-base: #949494;
|
|
1499
|
-
/* Stroke/Neutral/disabled-dark -
|
|
1220
|
+
/* Stroke/Neutral/disabled-dark - Brand */
|
|
1221
|
+
/* Disabled outline separating the fill and surface background */
|
|
1500
1222
|
--stroke-neutral-disabled-dark: #757575;
|
|
1501
|
-
/* Stroke/Neutral/disabled-light -
|
|
1223
|
+
/* Stroke/Neutral/disabled-light - Brand */
|
|
1224
|
+
/* Disabled outline separating the fill and surface background */
|
|
1502
1225
|
--stroke-neutral-disabled-light: #bdbdbd;
|
|
1503
|
-
/* Stroke/Neutral/focus -
|
|
1226
|
+
/* Stroke/Neutral/focus - Brand */
|
|
1227
|
+
/* Highlight focus element */
|
|
1504
1228
|
--stroke-neutral-focus: #000000;
|
|
1505
|
-
/* Stroke/Neutral/
|
|
1229
|
+
/* Stroke/Neutral/focus-on-inverse - Brand */
|
|
1230
|
+
/* Highlight focus element */
|
|
1231
|
+
--stroke-neutral-focus-on-inverse: #ffffff;
|
|
1232
|
+
/* Stroke/Neutral/neutral-high - Brand */
|
|
1506
1233
|
--stroke-neutral-high: #141414;
|
|
1507
1234
|
/* Stroke/Neutral/neutral-high-contrast - Theme - Corcoran */
|
|
1508
1235
|
--stroke-neutral-high-contrast: #141414;
|
|
1509
|
-
/* Stroke/Neutral/Interaction/disabled-dark - Theme - 3.0 */
|
|
1510
|
-
--stroke-neutral-interaction-disabled-dark: #48566a;
|
|
1511
|
-
/* Stroke/Neutral/Interaction/disabled-light - Theme - 3.0 */
|
|
1512
|
-
--stroke-neutral-interaction-disabled-light: #c8d6e5;
|
|
1513
|
-
/* Stroke/Neutral/Interaction/focus - Theme - 3.0 */
|
|
1514
|
-
--stroke-neutral-interaction-focus: #000000;
|
|
1515
1236
|
/* Stroke/Neutral/Interactions/disabled-dark - Theme - Corcoran */
|
|
1516
1237
|
--stroke-neutral-interactions-disabled-dark: #757575;
|
|
1517
1238
|
/* Stroke/Neutral/Interactions/disabled-light - Theme - Corcoran */
|
|
1518
1239
|
--stroke-neutral-interactions-disabled-light: #bdbdbd;
|
|
1519
1240
|
/* Stroke/Neutral/Interactions/focus - Theme - Corcoran */
|
|
1520
1241
|
--stroke-neutral-interactions-focus: #000000;
|
|
1521
|
-
/* Stroke/Neutral/
|
|
1242
|
+
/* Stroke/Neutral/Interactions/inverse-focus - Theme - Corcoran */
|
|
1243
|
+
--stroke-neutral-interactions-inverse-focus: #ffffff;
|
|
1244
|
+
/* Stroke/Neutral/neutral-low - Brand */
|
|
1245
|
+
/* Outline variant - decorative elements such as dividers */
|
|
1522
1246
|
--stroke-neutral-low: #e0e0e0;
|
|
1523
1247
|
/* Stroke/Neutral/neutral-low-contrast - Theme - Corcoran */
|
|
1524
1248
|
--stroke-neutral-low-contrast: #e0e0e0;
|
|
1525
|
-
/* Surface/Brand/primary -
|
|
1249
|
+
/* Surface/Brand/primary - Brand */
|
|
1526
1250
|
--surface-brand-primary: #4a769d;
|
|
1527
1251
|
/* Surface/Brand/primary-highlight - Theme - Corcoran */
|
|
1528
|
-
--surface-brand-primary-highlight: #
|
|
1529
|
-
/* Surface/Brand/secondary -
|
|
1252
|
+
--surface-brand-primary-highlight: #dfeddf;
|
|
1253
|
+
/* Surface/Brand/secondary - Brand */
|
|
1530
1254
|
--surface-brand-secondary: #c0535c;
|
|
1531
1255
|
/* Surface/Brand/secondary-highlight - Theme - Corcoran */
|
|
1532
1256
|
--surface-brand-secondary-highlight: #f6e5e7;
|
|
1533
|
-
/* Surface/Neutral/Interactions/dark-disabled - Theme -
|
|
1257
|
+
/* Surface/Neutral/Interactions/dark-disabled - Theme - Better Home & Garden */
|
|
1534
1258
|
--surface-neutral-interactions-dark-disabled: #d6d6d6;
|
|
1535
|
-
/* Surface/Neutral/Interactions/light-disabled - Theme -
|
|
1259
|
+
/* Surface/Neutral/Interactions/light-disabled - Theme - Better Home & Garden */
|
|
1536
1260
|
--surface-neutral-interactions-light-disabled: #f5f5f5;
|
|
1537
|
-
/* Surface/Neutral/
|
|
1538
|
-
|
|
1539
|
-
/* Surface/Neutral/inverse - Theme - Corcoran */
|
|
1261
|
+
/* Surface/Neutral/inverse - Brand */
|
|
1262
|
+
/* Inverted. Use for toasts notification & snackbars */
|
|
1540
1263
|
--surface-neutral-inverse: #1f1f1f;
|
|
1541
|
-
/* Surface/Neutral/inverse-dark - Theme -
|
|
1264
|
+
/* Surface/Neutral/inverse-dark - Theme - Better Home & Garden */
|
|
1542
1265
|
--surface-neutral-inverse-dark: #1f1f1f;
|
|
1543
1266
|
/* Surface/Neutral/inverse-light - Theme - Corcoran */
|
|
1544
1267
|
--surface-neutral-inverse-light: #ffffff;
|
|
1545
|
-
/* Surface/Neutral/
|
|
1546
|
-
--surface-neutral-skeleton: #e0e0e0;
|
|
1547
|
-
/* Surface/Neutral/T1-base - Theme - Corcoran */
|
|
1268
|
+
/* Surface/Neutral/T1-base - Brand */
|
|
1548
1269
|
--surface-neutral-t1-base: #ffffff;
|
|
1549
|
-
/* Surface/Neutral/T2-lowest -
|
|
1270
|
+
/* Surface/Neutral/T2-lowest - Brand */
|
|
1550
1271
|
--surface-neutral-t2-lowest: #f5f5f5;
|
|
1551
|
-
/* Surface/Neutral/T3-low -
|
|
1272
|
+
/* Surface/Neutral/T3-low - Brand */
|
|
1273
|
+
/* Navigations, app bar etc */
|
|
1552
1274
|
--surface-neutral-t3-low: #dbdbdb;
|
|
1553
|
-
/* Surface/Neutral/T4-high -
|
|
1554
|
-
|
|
1275
|
+
/* Surface/Neutral/T4-high - Brand */
|
|
1276
|
+
/* Navigations, app bar etc */
|
|
1277
|
+
--surface-neutral-t4-high: #8a8a8a;
|
|
1278
|
+
/* Surface/Neutral/T4-high 2 - Theme - Better Home & Garden */
|
|
1279
|
+
--surface-neutral-t4-high-2: #8a8a8a;
|
|
1280
|
+
/* Surface/Neutral/transparent - Brand */
|
|
1281
|
+
--surface-neutral-transparent: #ffffff00;
|
|
1555
1282
|
/* Surface/Spectrum/blue - Theme - Corcoran */
|
|
1556
1283
|
--surface-spectrum-blue: #dfe9fd;
|
|
1557
1284
|
/* Surface/Spectrum/green - Theme - Corcoran */
|
|
@@ -1560,7 +1287,7 @@ body {
|
|
|
1560
1287
|
--surface-spectrum-lime: #f6f7e0;
|
|
1561
1288
|
/* Surface/Spectrum/magenta - Theme - Corcoran */
|
|
1562
1289
|
--surface-spectrum-magenta: #f6dbfa;
|
|
1563
|
-
/* Surface/Spectrum/orange - Theme -
|
|
1290
|
+
/* Surface/Spectrum/orange - Theme - Better Home & Garden */
|
|
1564
1291
|
--surface-spectrum-orange: #fce7d9;
|
|
1565
1292
|
/* Surface/Spectrum/pink - Theme - Corcoran */
|
|
1566
1293
|
--surface-spectrum-pink: #f9deec;
|
|
@@ -1572,68 +1299,207 @@ body {
|
|
|
1572
1299
|
--surface-spectrum-teal: #d9eceb;
|
|
1573
1300
|
/* Surface/Spectrum/yellow - Theme - Corcoran */
|
|
1574
1301
|
--surface-spectrum-yellow: #fef5e0;
|
|
1575
|
-
}
|
|
1576
1302
|
|
|
1303
|
+
@media (width >= 640px) {
|
|
1304
|
+
/* Desktop/Display/Regular/Large - Used in landing hero or marketing sections. */
|
|
1305
|
+
--display-regular-large: 400 64px/88px var(--typeface);
|
|
1306
|
+
/* Desktop/Display/Regular/Large - Used in landing hero or marketing sections. line height */
|
|
1307
|
+
--display-regular-large-line-height: 88px;
|
|
1308
|
+
/* Desktop/Display/Regular/Large - Used in landing hero or marketing sections. size */
|
|
1309
|
+
--display-regular-large-size: 64px;
|
|
1310
|
+
/* Desktop/Display/Regular/Large - Used in landing hero or marketing sections. style */
|
|
1311
|
+
--display-regular-large-style: regular;
|
|
1312
|
+
/* Desktop/Display/Regular/Medium - Used in landing hero or marketing sections. */
|
|
1313
|
+
--display-regular-medium: 400 56px/72px var(--typeface);
|
|
1314
|
+
/* Desktop/Display/Regular/Medium - Used in landing hero or marketing sections. line height */
|
|
1315
|
+
--display-regular-medium-line-height: 72px;
|
|
1316
|
+
/* Desktop/Display/Regular/Medium - Used in landing hero or marketing sections. size */
|
|
1317
|
+
--display-regular-medium-size: 56px;
|
|
1318
|
+
/* Desktop/Display/Regular/Medium - Used in landing hero or marketing sections. style */
|
|
1319
|
+
--display-regular-medium-style: regular;
|
|
1320
|
+
/* Desktop/Display/Regular/Small - Used in landing hero or marketing sections. */
|
|
1321
|
+
--display-regular-small: 400 48px/60px var(--typeface);
|
|
1322
|
+
/* Desktop/Display/Regular/Small - Used in landing hero or marketing sections. line height */
|
|
1323
|
+
--display-regular-small-line-height: 60px;
|
|
1324
|
+
/* Desktop/Display/Regular/Small - Used in landing hero or marketing sections. size */
|
|
1325
|
+
--display-regular-small-size: 48px;
|
|
1326
|
+
/* Desktop/Display/Regular/Small - Used in landing hero or marketing sections. style */
|
|
1327
|
+
--display-regular-small-style: regular;
|
|
1328
|
+
/* Desktop/Display/SemiBold/Large - Used in landing hero or marketing sections. */
|
|
1329
|
+
--display-semibold-large: 600 64px/88px var(--typeface);
|
|
1330
|
+
/* Desktop/Display/SemiBold/Large - Used in landing hero or marketing sections. line height */
|
|
1331
|
+
--display-semibold-large-line-height: 88px;
|
|
1332
|
+
/* Desktop/Display/SemiBold/Large - Used in landing hero or marketing sections. size */
|
|
1333
|
+
--display-semibold-large-size: 64px;
|
|
1334
|
+
/* Desktop/Display/SemiBold/Large - Used in landing hero or marketing sections. style */
|
|
1335
|
+
--display-semibold-large-style: 600;
|
|
1336
|
+
/* Desktop/Display/SemiBold/Medium - Used in landing hero or marketing sections. */
|
|
1337
|
+
--display-semibold-medium: 600 56px/72px var(--typeface);
|
|
1338
|
+
/* Desktop/Display/SemiBold/Medium - Used in landing hero or marketing sections. line height */
|
|
1339
|
+
--display-semibold-medium-line-height: 72px;
|
|
1340
|
+
/* Desktop/Display/SemiBold/Medium - Used in landing hero or marketing sections. size */
|
|
1341
|
+
--display-semibold-medium-size: 56px;
|
|
1342
|
+
/* Desktop/Display/SemiBold/Medium - Used in landing hero or marketing sections. style */
|
|
1343
|
+
--display-semibold-medium-style: 600;
|
|
1344
|
+
/* Desktop/Display/SemiBold/Small - Used in landing hero or marketing sections. */
|
|
1345
|
+
--display-semibold-small: 600 48px/60px var(--typeface);
|
|
1346
|
+
/* Desktop/Display/SemiBold/Small - Used in landing hero or marketing sections. line height */
|
|
1347
|
+
--display-semibold-small-line-height: 60px;
|
|
1348
|
+
/* Desktop/Display/SemiBold/Small - Used in landing hero or marketing sections. size */
|
|
1349
|
+
--display-semibold-small-size: 48px;
|
|
1350
|
+
/* Desktop/Display/SemiBold/Small - Used in landing hero or marketing sections. style */
|
|
1351
|
+
--display-semibold-small-style: 600;
|
|
1352
|
+
/* Desktop/Heading/H1 */
|
|
1353
|
+
--heading-h1: 600 40px/48px var(--typeface);
|
|
1354
|
+
/* Desktop/Heading/H1 - line height */
|
|
1355
|
+
--heading-h1-line-height: 48px;
|
|
1356
|
+
/* Desktop/Heading/H1 - size */
|
|
1357
|
+
--heading-h1-size: 40px;
|
|
1358
|
+
/* Desktop/Heading/H1 - style */
|
|
1359
|
+
--heading-h1-style: 600;
|
|
1360
|
+
/* Desktop/Heading/H2 */
|
|
1361
|
+
--heading-h2: 600 32px/40px var(--typeface);
|
|
1362
|
+
/* Desktop/Heading/H2 - line height */
|
|
1363
|
+
--heading-h2-line-height: 40px;
|
|
1364
|
+
/* Desktop/Heading/H2 - size */
|
|
1365
|
+
--heading-h2-size: 32px;
|
|
1366
|
+
/* Desktop/Heading/H2 - style */
|
|
1367
|
+
--heading-h2-style: 600;
|
|
1368
|
+
/* Desktop/Heading/H3 */
|
|
1369
|
+
--heading-h3: 600 28px/36px var(--typeface);
|
|
1370
|
+
/* Desktop/Heading/H3 - line height */
|
|
1371
|
+
--heading-h3-line-height: 36px;
|
|
1372
|
+
/* Desktop/Heading/H3 - size */
|
|
1373
|
+
--heading-h3-size: 28px;
|
|
1374
|
+
/* Desktop/Heading/H3 - style */
|
|
1375
|
+
--heading-h3-style: 600;
|
|
1376
|
+
/* Desktop/Heading/H4 */
|
|
1377
|
+
--heading-h4: 600 24px/32px var(--typeface);
|
|
1378
|
+
/* Desktop/Heading/H4 - line height */
|
|
1379
|
+
--heading-h4-line-height: 32px;
|
|
1380
|
+
/* Desktop/Heading/H4 - size */
|
|
1381
|
+
--heading-h4-size: 24px;
|
|
1382
|
+
/* Desktop/Heading/H4 - style */
|
|
1383
|
+
--heading-h4-style: 600;
|
|
1384
|
+
/* Desktop/Heading/H5 */
|
|
1385
|
+
--heading-h5: 600 20px/28px var(--typeface);
|
|
1386
|
+
/* Desktop/Heading/H5 - line height */
|
|
1387
|
+
--heading-h5-line-height: 28px;
|
|
1388
|
+
/* Desktop/Heading/H5 - size */
|
|
1389
|
+
--heading-h5-size: 20px;
|
|
1390
|
+
/* Desktop/Heading/H5 - style */
|
|
1391
|
+
--heading-h5-style: 600;
|
|
1392
|
+
/* Desktop/Heading/H6 */
|
|
1393
|
+
--heading-h6: 500 18px/24px var(--typeface);
|
|
1394
|
+
/* Desktop/Heading/H6 - line height */
|
|
1395
|
+
--heading-h6-line-height: 24px;
|
|
1396
|
+
/* Desktop/Heading/H6 - size */
|
|
1397
|
+
--heading-h6-size: 18px;
|
|
1398
|
+
/* Desktop/Heading/H6 - style */
|
|
1399
|
+
--heading-h6-style: medium;
|
|
1400
|
+
/* Desktop/Subheader/Large - Headline */
|
|
1401
|
+
--subheader-large: 400 24px/32px var(--typeface);
|
|
1402
|
+
/* Desktop/Subheader/Large - Headline line height */
|
|
1403
|
+
--subheader-large-line-height: 32px;
|
|
1404
|
+
/* Desktop/Subheader/Large - Headline size */
|
|
1405
|
+
--subheader-large-size: 24px;
|
|
1406
|
+
/* Desktop/Subheader/Large - Headline style */
|
|
1407
|
+
--subheader-large-style: regular;
|
|
1408
|
+
/* Desktop/Subheader/Medium */
|
|
1409
|
+
--subheader-medium: 400 20px/28px var(--typeface);
|
|
1410
|
+
/* Desktop/Subheader/Medium - line height */
|
|
1411
|
+
--subheader-medium-line-height: 28px;
|
|
1412
|
+
/* Desktop/Subheader/Medium - size */
|
|
1413
|
+
--subheader-medium-size: 20px;
|
|
1414
|
+
/* Desktop/Subheader/Medium - style */
|
|
1415
|
+
--subheader-medium-style: regular;
|
|
1416
|
+
/* Desktop/Subheader/X-Large - Headline */
|
|
1417
|
+
--subheader-x-large: 400 28px/36px var(--typeface);
|
|
1418
|
+
/* Desktop/Subheader/X-Large - Headline line height */
|
|
1419
|
+
--subheader-x-large-line-height: 36px;
|
|
1420
|
+
/* Desktop/Subheader/X-Large - Headline size */
|
|
1421
|
+
--subheader-x-large-size: 28px;
|
|
1422
|
+
/* Desktop/Subheader/X-Large - Headline style */
|
|
1423
|
+
--subheader-x-large-style: regular;
|
|
1424
|
+
/* Desktop/Subheader/XX-Large - Headline */
|
|
1425
|
+
--subheader-xx-large: 400 32px/40px var(--typeface);
|
|
1426
|
+
/* Desktop/Subheader/XX-Large - Headline line height */
|
|
1427
|
+
--subheader-xx-large-line-height: 40px;
|
|
1428
|
+
/* Desktop/Subheader/XX-Large - Headline size */
|
|
1429
|
+
--subheader-xx-large-size: 32px;
|
|
1430
|
+
/* Desktop/Subheader/XX-Large - Headline style */
|
|
1431
|
+
--subheader-xx-large-style: regular;
|
|
1432
|
+
/* Desktop/Subheader/XXX-Large - Large Headline */
|
|
1433
|
+
--subheader-xxx-large: 400 40px/48px var(--typeface);
|
|
1434
|
+
/* Desktop/Subheader/XXX-Large - Large Headline line height */
|
|
1435
|
+
--subheader-xxx-large-line-height: 48px;
|
|
1436
|
+
/* Desktop/Subheader/XXX-Large - Large Headline size */
|
|
1437
|
+
--subheader-xxx-large-size: 40px;
|
|
1438
|
+
/* Desktop/Subheader/XXX-Large - Large Headline style */
|
|
1439
|
+
--subheader-xxx-large-style: regular;
|
|
1440
|
+
}
|
|
1441
|
+
}
|
|
1442
|
+
/* dark theme */
|
|
1577
1443
|
[data-theme='dark'] {
|
|
1578
|
-
/* Background/base -
|
|
1444
|
+
/* Background/base - Brand */
|
|
1579
1445
|
--background-base: #1f1f1f;
|
|
1580
1446
|
/* Background/scrim - Theme - Corcoran */
|
|
1581
1447
|
--background-scrim: #61616180;
|
|
1582
|
-
/* Background/shade -
|
|
1448
|
+
/* Background/shade - Brand */
|
|
1583
1449
|
--background-shade: #292929;
|
|
1584
|
-
/* Data visual/category-01 -
|
|
1450
|
+
/* Data visual/category-01 - Brand */
|
|
1585
1451
|
--data-visual-category-01: #7899ae;
|
|
1586
|
-
/* Data visual/category-01-highlight -
|
|
1452
|
+
/* Data visual/category-01-highlight - Brand */
|
|
1587
1453
|
--data-visual-category-01-highlight: #7899ae4d;
|
|
1588
|
-
/* Data visual/category-02 -
|
|
1454
|
+
/* Data visual/category-02 - Brand */
|
|
1589
1455
|
--data-visual-category-02: #7fc4ec;
|
|
1590
|
-
/* Data visual/category-02-highlight -
|
|
1456
|
+
/* Data visual/category-02-highlight - Brand */
|
|
1591
1457
|
--data-visual-category-02-highlight: #7fc4ec4d;
|
|
1592
|
-
/* Data visual/category-03 -
|
|
1458
|
+
/* Data visual/category-03 - Brand */
|
|
1593
1459
|
--data-visual-category-03: #958ca3;
|
|
1594
|
-
/* Data visual/category-03-highlight -
|
|
1460
|
+
/* Data visual/category-03-highlight - Brand */
|
|
1595
1461
|
--data-visual-category-03-highlight: #958ca34d;
|
|
1596
|
-
/* Data visual/category-04 -
|
|
1462
|
+
/* Data visual/category-04 - Brand */
|
|
1597
1463
|
--data-visual-category-04: #88c5af;
|
|
1598
|
-
/* Data visual/category-04-highlight -
|
|
1464
|
+
/* Data visual/category-04-highlight - Brand */
|
|
1599
1465
|
--data-visual-category-04-highlight: #88c5af4d;
|
|
1600
|
-
/* Data visual/category-05 -
|
|
1466
|
+
/* Data visual/category-05 - Brand */
|
|
1601
1467
|
--data-visual-category-05: #789ba0;
|
|
1602
|
-
/* Data visual/category-05-highlight -
|
|
1468
|
+
/* Data visual/category-05-highlight - Brand */
|
|
1603
1469
|
--data-visual-category-05-highlight: #789ba04d;
|
|
1604
|
-
/* Data visual/category-06 -
|
|
1470
|
+
/* Data visual/category-06 - Brand */
|
|
1605
1471
|
--data-visual-category-06: #b2b2b2;
|
|
1606
|
-
/* Data visual/category-06-highlight -
|
|
1472
|
+
/* Data visual/category-06-highlight - Brand */
|
|
1607
1473
|
--data-visual-category-06-highlight: #b2b2b24d;
|
|
1608
|
-
/* Data visual/category-07 -
|
|
1474
|
+
/* Data visual/category-07 - Brand */
|
|
1609
1475
|
--data-visual-category-07: #a19abc;
|
|
1610
|
-
/* Data visual/category-07-highlight -
|
|
1476
|
+
/* Data visual/category-07-highlight - Brand */
|
|
1611
1477
|
--data-visual-category-07-highlight: #a19abc4d;
|
|
1612
|
-
/* Data visual/category-1 - Theme -
|
|
1613
|
-
--data-visual-category-1: #
|
|
1478
|
+
/* Data visual/category-1 - Theme - Better Home & Garden */
|
|
1479
|
+
--data-visual-category-1: #0a466c;
|
|
1614
1480
|
/* Data visual/category-1-highlight - Theme - Corcoran */
|
|
1615
1481
|
--data-visual-category-1-highlight: #7899ae4d;
|
|
1616
|
-
/* Data visual/category-2 - Theme -
|
|
1482
|
+
/* Data visual/category-2 - Theme - Better Home & Garden */
|
|
1617
1483
|
--data-visual-category-2: #7fc4ec;
|
|
1618
1484
|
/* Data visual/category-2-highlight - Theme - Corcoran */
|
|
1619
1485
|
--data-visual-category-2-highlight: #7fc4ec4d;
|
|
1620
|
-
/* Data visual/category-3 - Theme -
|
|
1486
|
+
/* Data visual/category-3 - Theme - Better Home & Garden */
|
|
1621
1487
|
--data-visual-category-3: #958ca3;
|
|
1622
1488
|
/* Data visual/category-3-highlight - Theme - Corcoran */
|
|
1623
1489
|
--data-visual-category-3-highlight: #958ca34d;
|
|
1624
|
-
/* Data visual/category-4 - Theme -
|
|
1490
|
+
/* Data visual/category-4 - Theme - Better Home & Garden */
|
|
1625
1491
|
--data-visual-category-4: #88c5af;
|
|
1626
1492
|
/* Data visual/category-4-highlight - Theme - Corcoran */
|
|
1627
1493
|
--data-visual-category-4-highlight: #88c5af4d;
|
|
1628
|
-
/* Data visual/category-5 - Theme -
|
|
1494
|
+
/* Data visual/category-5 - Theme - Better Home & Garden */
|
|
1629
1495
|
--data-visual-category-5: #789ba0;
|
|
1630
1496
|
/* Data visual/category-5-highlight - Theme - Corcoran */
|
|
1631
1497
|
--data-visual-category-5-highlight: #789ba04d;
|
|
1632
|
-
/* Data visual/category-6 - Theme -
|
|
1498
|
+
/* Data visual/category-6 - Theme - Better Home & Garden */
|
|
1633
1499
|
--data-visual-category-6: #b2b2b2;
|
|
1634
1500
|
/* Data visual/category-6-highlight - Theme - Corcoran */
|
|
1635
1501
|
--data-visual-category-6-highlight: #b2b2b24d;
|
|
1636
|
-
/* Data visual/category-7 - Theme -
|
|
1502
|
+
/* Data visual/category-7 - Theme - Better Home & Garden */
|
|
1637
1503
|
--data-visual-category-7: #a19abc;
|
|
1638
1504
|
/* Data visual/category-7-highlight - Theme - Corcoran */
|
|
1639
1505
|
--data-visual-category-7-highlight: #a19abc4d;
|
|
@@ -1643,13 +1509,13 @@ body {
|
|
|
1643
1509
|
--data-visual-green: #7cb796;
|
|
1644
1510
|
/* Data visual/green-highlight - Theme - Corcoran */
|
|
1645
1511
|
--data-visual-green-highlight: #0d2f1c;
|
|
1646
|
-
/* Data visual/negative -
|
|
1512
|
+
/* Data visual/negative - Brand */
|
|
1647
1513
|
--data-visual-negative: #e88997;
|
|
1648
|
-
/* Data visual/negative-highlight -
|
|
1514
|
+
/* Data visual/negative-highlight - Brand */
|
|
1649
1515
|
--data-visual-negative-highlight: #4c141d;
|
|
1650
|
-
/* Data visual/positive -
|
|
1516
|
+
/* Data visual/positive - Brand */
|
|
1651
1517
|
--data-visual-positive: #7cb796;
|
|
1652
|
-
/* Data visual/positive-highlight -
|
|
1518
|
+
/* Data visual/positive-highlight - Brand */
|
|
1653
1519
|
--data-visual-positive-highlight: #0d2f1c;
|
|
1654
1520
|
/* Data visual/red - Theme - Corcoran */
|
|
1655
1521
|
--data-visual-red: #e88997;
|
|
@@ -1658,55 +1524,71 @@ body {
|
|
|
1658
1524
|
/* Foreground/Brand/on-inverse-primary - Theme - Corcoran */
|
|
1659
1525
|
--foreground-brand-on-inverse-primary: #92adc4;
|
|
1660
1526
|
/* Foreground/Brand/on-inverse-secondary - Theme - Corcoran */
|
|
1661
|
-
--foreground-brand-on-inverse-secondary: #
|
|
1662
|
-
/* Foreground/Brand/on-brand-primary -
|
|
1527
|
+
--foreground-brand-on-inverse-secondary: #eba691;
|
|
1528
|
+
/* Foreground/Brand/on-brand-primary - Brand */
|
|
1529
|
+
/* Foreground color used on Brand's primary color (non neutral color) */
|
|
1663
1530
|
--foreground-brand-on-primary: #141414;
|
|
1664
|
-
/* Foreground/Brand/on-brand-secondary -
|
|
1531
|
+
/* Foreground/Brand/on-brand-secondary - Brand */
|
|
1532
|
+
/* Foreground color used on Brand's primary color (non neutral color) */
|
|
1665
1533
|
--foreground-brand-on-secondary: #141414;
|
|
1666
|
-
/* Foreground/Brand/brand-primary -
|
|
1534
|
+
/* Foreground/Brand/brand-primary - Brand */
|
|
1535
|
+
/* Foreground text and icons that match the brand's primary color */
|
|
1667
1536
|
--foreground-brand-primary: #92adc4;
|
|
1668
|
-
/* Foreground/Brand/brand-primary-depth - Theme -
|
|
1669
|
-
--foreground-brand-primary-depth: #
|
|
1670
|
-
/* Foreground/Brand/brand-secondary -
|
|
1537
|
+
/* Foreground/Brand/brand-primary-depth - Theme - Better Home & Garden */
|
|
1538
|
+
--foreground-brand-primary-depth: #88bc88;
|
|
1539
|
+
/* Foreground/Brand/brand-secondary - Brand */
|
|
1540
|
+
/* Foreground text and icons that match the brand's secondary color */
|
|
1671
1541
|
--foreground-brand-secondary: #d9989d;
|
|
1672
1542
|
/* Foreground/Brand/brand-secondary-depth - Theme - Corcoran */
|
|
1673
1543
|
--foreground-brand-secondary-depth: #e3b2b6;
|
|
1674
|
-
/* Foreground/Link text/default -
|
|
1544
|
+
/* Foreground/Link text/default - Brand */
|
|
1675
1545
|
--foreground-link-text-default: #7a9ee1;
|
|
1676
|
-
/* Foreground/Link text/default-disabled -
|
|
1546
|
+
/* Foreground/Link text/default-disabled - Brand */
|
|
1677
1547
|
--foreground-link-text-default-disabled: #14387b;
|
|
1678
1548
|
/* Foreground/Link text/default-hovered - Theme - Corcoran */
|
|
1679
1549
|
--foreground-link-text-default-hovered: #90afe6;
|
|
1680
1550
|
/* Foreground/Link text/default-pressed - Theme - Corcoran */
|
|
1681
1551
|
--foreground-link-text-default-pressed: #a6bfeb;
|
|
1682
|
-
/* Foreground/Link text/default-visited -
|
|
1552
|
+
/* Foreground/Link text/default-visited - Brand */
|
|
1683
1553
|
--foreground-link-text-default-visited: #af8baf;
|
|
1684
|
-
/* Foreground/Link text/subtle-disabled -
|
|
1554
|
+
/* Foreground/Link text/subtle-disabled - Brand */
|
|
1685
1555
|
--foreground-link-text-subtle-disabled: #4d4d4d;
|
|
1686
1556
|
/* Foreground/Link text/subtle-hovered - Theme - Corcoran */
|
|
1687
1557
|
--foreground-link-text-subtle-hovered: #e6e6e6;
|
|
1688
|
-
/* Foreground/Link text/subtle-
|
|
1689
|
-
--foreground-link-text-subtle-
|
|
1558
|
+
/* Foreground/Link text/subtle-inverse-hovered - Theme - Corcoran */
|
|
1559
|
+
--foreground-link-text-subtle-inverse-hovered: #e6e6e6;
|
|
1560
|
+
/* Foreground/Link text/subtle-inverse-pressed - Theme - Corcoran */
|
|
1561
|
+
--foreground-link-text-subtle-inverse-pressed: #d1d1d1;
|
|
1562
|
+
/* Foreground/Link text/subtle-inversed-disabled - Brand */
|
|
1563
|
+
--foreground-link-text-subtle-inversed-disabled: #3d3d3d;
|
|
1690
1564
|
/* Foreground/Link text/subtle-pressed - Theme - Corcoran */
|
|
1691
1565
|
--foreground-link-text-subtle-pressed: #d1d1d1;
|
|
1692
|
-
/* Foreground/Neutral/disabled-on-color-surface -
|
|
1693
|
-
--foreground-neutral-disabled-on-color-surface: #
|
|
1694
|
-
/* Foreground/Neutral/disabled-on-surface -
|
|
1566
|
+
/* Foreground/Neutral/disabled-on-color-surface - Brand */
|
|
1567
|
+
--foreground-neutral-disabled-on-color-surface: #3d3d3d;
|
|
1568
|
+
/* Foreground/Neutral/disabled-on-surface - Brand */
|
|
1695
1569
|
--foreground-neutral-disabled-on-surface: #4d4d4d;
|
|
1696
1570
|
/* Foreground/Neutral/inverse-on-surface - Theme - Corcoran */
|
|
1697
1571
|
--foreground-neutral-inverse-on-surface: #fafafa;
|
|
1698
|
-
/* Foreground/Neutral/on-
|
|
1572
|
+
/* Foreground/Neutral/on-color - Brand */
|
|
1573
|
+
/* Interactive controls */
|
|
1574
|
+
--foreground-neutral-on-color: #ffffff;
|
|
1575
|
+
/* Foreground/Neutral/on-inverse-surface - Brand */
|
|
1576
|
+
/* Text and icons against inverse surface */
|
|
1699
1577
|
--foreground-neutral-on-inverse-surface: #fafafa;
|
|
1700
|
-
/* Foreground/Neutral/on-surface -
|
|
1578
|
+
/* Foreground/Neutral/on-surface - Brand */
|
|
1579
|
+
/* Default foreground text and icons against any surface color */
|
|
1701
1580
|
--foreground-neutral-on-surface: #fafafa;
|
|
1702
|
-
/* Foreground/Neutral/on-surface-variant-01 -
|
|
1581
|
+
/* Foreground/Neutral/on-surface-variant-01 - Brand */
|
|
1582
|
+
/* Secondary foreground color for icons and text */
|
|
1703
1583
|
--foreground-neutral-on-surface-variant-01: #c2c2c2;
|
|
1704
|
-
/* Foreground/Neutral/on-surface-variant-02 -
|
|
1584
|
+
/* Foreground/Neutral/on-surface-variant-02 - Brand */
|
|
1585
|
+
/* Tertiary foreground color for icons and text */
|
|
1705
1586
|
--foreground-neutral-on-surface-variant-02: #9e9e9e;
|
|
1706
|
-
/* Foreground/Neutral/on-surface-variant-03 -
|
|
1587
|
+
/* Foreground/Neutral/on-surface-variant-03 - Brand */
|
|
1588
|
+
/* Quaternary foreground color for icons and text. Only for placeholder text */
|
|
1707
1589
|
--foreground-neutral-on-surface-variant-03: #757575;
|
|
1708
|
-
/* Foreground/Neutral/skeleton-element -
|
|
1709
|
-
--foreground-neutral-skeleton-element: #
|
|
1590
|
+
/* Foreground/Neutral/skeleton-element - Brand */
|
|
1591
|
+
--foreground-neutral-skeleton-element: #333333;
|
|
1710
1592
|
/* Foreground/Spectrum/blue - Theme - Corcoran */
|
|
1711
1593
|
--foreground-spectrum-blue: #88aff7;
|
|
1712
1594
|
/* Foreground/Spectrum/green - Theme - Corcoran */
|
|
@@ -1715,30 +1597,18 @@ body {
|
|
|
1715
1597
|
--foreground-spectrum-lime: #dce28f;
|
|
1716
1598
|
/* Foreground/Spectrum/magenta - Theme - Corcoran */
|
|
1717
1599
|
--foreground-spectrum-magenta: #e07aed;
|
|
1718
|
-
/* Foreground/Spectrum/orange -
|
|
1600
|
+
/* Foreground/Spectrum/orange - Brand */
|
|
1719
1601
|
--foreground-spectrum-orange: #f6a874;
|
|
1720
1602
|
/* Foreground/Spectrum/pink - Theme - Corcoran */
|
|
1721
1603
|
--foreground-spectrum-pink: #ea86b9;
|
|
1722
1604
|
/* Foreground/Spectrum/purple - Theme - Corcoran */
|
|
1723
1605
|
--foreground-spectrum-purple: #c8a6f9;
|
|
1724
|
-
/* Foreground/Spectrum/red -
|
|
1606
|
+
/* Foreground/Spectrum/red - Brand */
|
|
1725
1607
|
--foreground-spectrum-red: #ea93a0;
|
|
1726
1608
|
/* Foreground/Spectrum/teal - Theme - Corcoran */
|
|
1727
1609
|
--foreground-spectrum-teal: #74bbb4;
|
|
1728
1610
|
/* Foreground/Spectrum/yellow - Theme - Corcoran */
|
|
1729
1611
|
--foreground-spectrum-yellow: #fada8d;
|
|
1730
|
-
/* Interaction/brand-disabled-opacity - Theme - 3.0 */
|
|
1731
|
-
--interaction-brand-disabled-opacity: #ffffff0f;
|
|
1732
|
-
/* Interaction/brand-hover-opacity - Theme - 3.0 */
|
|
1733
|
-
--interaction-brand-hover-opacity: #ffffff1a;
|
|
1734
|
-
/* Interaction/brand-press-opacity - Theme - 3.0 */
|
|
1735
|
-
--interaction-brand-press-opacity: #ffffff33;
|
|
1736
|
-
/* Interaction/hover-opacity - Theme - 3.0 */
|
|
1737
|
-
--interaction-hover-opacity: #ffffff14;
|
|
1738
|
-
/* Interaction/link-active-opacity - Theme - 3.0 */
|
|
1739
|
-
--interaction-link-active-opacity: #ffffff4d;
|
|
1740
|
-
/* Interaction/press-opacity - Theme - 3.0 */
|
|
1741
|
-
--interaction-press-opacity: #ffffff29;
|
|
1742
1612
|
/* Interactions/brand-disabled-opacity - Theme - Corcoran */
|
|
1743
1613
|
--interactions-brand-disabled-opacity: #ffffff0f;
|
|
1744
1614
|
/* Interactions/brand-hover-opacity - Theme - Corcoran */
|
|
@@ -1749,11 +1619,13 @@ body {
|
|
|
1749
1619
|
--interactions-disabled-opacity: #ffffff0f;
|
|
1750
1620
|
/* Interactions/hover-opacity - Theme - Corcoran */
|
|
1751
1621
|
--interactions-hover-opacity: #ffffff14;
|
|
1752
|
-
/* Interactions/link-active-opacity -
|
|
1622
|
+
/* Interactions/link-active-opacity - Brand */
|
|
1753
1623
|
--interactions-link-active-opacity: #ffffff4d;
|
|
1754
|
-
/* Interactions/neutral-hover-opacity -
|
|
1624
|
+
/* Interactions/neutral-hover-opacity - Brand */
|
|
1625
|
+
/* surfaces using neutral tones */
|
|
1755
1626
|
--interactions-neutral-hover-opacity: #ffffff14;
|
|
1756
|
-
/* Interactions/neutral-press-opacity -
|
|
1627
|
+
/* Interactions/neutral-press-opacity - Brand */
|
|
1628
|
+
/* surfaces using neutral tones */
|
|
1757
1629
|
--interactions-neutral-press-opacity: #ffffff29;
|
|
1758
1630
|
/* Interactions/press-opacity - Theme - Corcoran */
|
|
1759
1631
|
--interactions-press-opacity: #ffffff29;
|
|
@@ -1773,96 +1645,123 @@ body {
|
|
|
1773
1645
|
--shadow-25: #61616140;
|
|
1774
1646
|
/* Shadow/shadow-32 - Theme - Corcoran */
|
|
1775
1647
|
--shadow-32: #61616152;
|
|
1776
|
-
/* Shadow/inner-shadow -
|
|
1648
|
+
/* Shadow/inner-shadow - Brand */
|
|
1777
1649
|
--shadow-inner: #000000;
|
|
1778
|
-
/* Shadow/inner-shadow-100 - Theme -
|
|
1650
|
+
/* Shadow/inner-shadow-100 - Theme - Better Home & Garden */
|
|
1779
1651
|
--shadow-inner-100: #000000;
|
|
1780
|
-
/* Shadow/variant-01 -
|
|
1652
|
+
/* Shadow/variant-01 - Brand */
|
|
1781
1653
|
--shadow-variant-01: #6161611a;
|
|
1782
|
-
/* Shadow/variant-02 -
|
|
1654
|
+
/* Shadow/variant-02 - Brand */
|
|
1783
1655
|
--shadow-variant-02: #6161611f;
|
|
1784
|
-
/* Shadow/variant-03 -
|
|
1656
|
+
/* Shadow/variant-03 - Brand */
|
|
1785
1657
|
--shadow-variant-03: #61616126;
|
|
1786
|
-
/* Shadow/variant-04 -
|
|
1658
|
+
/* Shadow/variant-04 - Brand */
|
|
1787
1659
|
--shadow-variant-04: #61616140;
|
|
1788
|
-
/* Shadow/variant-05 -
|
|
1660
|
+
/* Shadow/variant-05 - Brand */
|
|
1789
1661
|
--shadow-variant-05: #61616152;
|
|
1790
|
-
/* Status/error -
|
|
1662
|
+
/* Status/error - Brand */
|
|
1663
|
+
/* Foreground error text and icons */
|
|
1791
1664
|
--status-error: #e26b7d;
|
|
1792
|
-
/* Status/information - Theme -
|
|
1665
|
+
/* Status/information - Theme - Better Home & Garden */
|
|
1793
1666
|
--status-information: #5d92f5;
|
|
1794
|
-
/* Status/informational -
|
|
1667
|
+
/* Status/informational - Brand */
|
|
1668
|
+
/* Foreground informational text and icons */
|
|
1795
1669
|
--status-informational: #5d92f5;
|
|
1796
|
-
/* Status/
|
|
1670
|
+
/* Status/on-error - Brand */
|
|
1671
|
+
/* Foreground error text and icons */
|
|
1672
|
+
--status-on-error: #ffffff;
|
|
1673
|
+
/* Status/on-information - Theme - Better Home & Garden */
|
|
1674
|
+
--status-on-information: #ffffff;
|
|
1675
|
+
/* Status/on-informational - Brand */
|
|
1676
|
+
/* Foreground informational text and icons */
|
|
1677
|
+
--status-on-informational: #ffffff;
|
|
1678
|
+
/* Status/on-success - Brand */
|
|
1679
|
+
/* Foreground success icons and text */
|
|
1680
|
+
--status-on-success: #ffffff;
|
|
1681
|
+
/* Status/on-warning - Brand */
|
|
1682
|
+
/* Foreground warning icons */
|
|
1683
|
+
--status-on-warning: #141414;
|
|
1684
|
+
/* Status/success - Brand */
|
|
1685
|
+
/* Foreground success icons and text */
|
|
1797
1686
|
--status-success: #519f73;
|
|
1798
|
-
/* Status/warning -
|
|
1687
|
+
/* Status/warning - Brand */
|
|
1688
|
+
/* Foreground warning icons */
|
|
1799
1689
|
--status-warning: #f8cd63;
|
|
1800
|
-
/* Stroke/Brand/brand-primary -
|
|
1690
|
+
/* Stroke/Brand/brand-primary - Brand */
|
|
1691
|
+
/* Outline variant - decorative elements such as dividers */
|
|
1801
1692
|
--stroke-brand-primary: #92adc4;
|
|
1802
|
-
/* Stroke/Brand/brand-primary-depth -
|
|
1693
|
+
/* Stroke/Brand/brand-primary-depth - Brand */
|
|
1694
|
+
/* Outline variant - decorative elements such as dividers */
|
|
1803
1695
|
--stroke-brand-primary-depth: #aec1d3;
|
|
1804
|
-
/* Stroke/Brand/brand-secondary - Theme -
|
|
1805
|
-
--stroke-brand-secondary: #
|
|
1696
|
+
/* Stroke/Brand/brand-secondary - Theme - Better Home & Garden */
|
|
1697
|
+
--stroke-brand-secondary: #f0bcac;
|
|
1806
1698
|
/* Stroke/Brand/brand-secondary-depth - Theme - Corcoran */
|
|
1807
|
-
--stroke-brand-secondary-depth: #
|
|
1808
|
-
/* Stroke/Neutral/neutral-base -
|
|
1699
|
+
--stroke-brand-secondary-depth: #eba691;
|
|
1700
|
+
/* Stroke/Neutral/neutral-base - Brand */
|
|
1701
|
+
/* For control components */
|
|
1809
1702
|
--stroke-neutral-base: #6b6b6b;
|
|
1810
|
-
/* Stroke/Neutral/disabled-dark -
|
|
1811
|
-
|
|
1812
|
-
|
|
1703
|
+
/* Stroke/Neutral/disabled-dark - Brand */
|
|
1704
|
+
/* Disabled outline separating the fill and surface background */
|
|
1705
|
+
--stroke-neutral-disabled-dark: #3d3d3d;
|
|
1706
|
+
/* Stroke/Neutral/disabled-light - Brand */
|
|
1707
|
+
/* Disabled outline separating the fill and surface background */
|
|
1813
1708
|
--stroke-neutral-disabled-light: #4d4d4d;
|
|
1814
|
-
/* Stroke/Neutral/focus -
|
|
1709
|
+
/* Stroke/Neutral/focus - Brand */
|
|
1710
|
+
/* Highlight focus element */
|
|
1815
1711
|
--stroke-neutral-focus: #ffffff;
|
|
1816
|
-
/* Stroke/Neutral/
|
|
1712
|
+
/* Stroke/Neutral/focus-on-inverse - Brand */
|
|
1713
|
+
/* Highlight focus element */
|
|
1714
|
+
--stroke-neutral-focus-on-inverse: #ffffff;
|
|
1715
|
+
/* Stroke/Neutral/neutral-high - Brand */
|
|
1817
1716
|
--stroke-neutral-high: #fafafa;
|
|
1818
1717
|
/* Stroke/Neutral/neutral-high-contrast - Theme - Corcoran */
|
|
1819
1718
|
--stroke-neutral-high-contrast: #fafafa;
|
|
1820
|
-
/* Stroke/Neutral/Interaction/disabled-dark - Theme - 3.0 */
|
|
1821
|
-
--stroke-neutral-interaction-disabled-dark: #b1c0d2;
|
|
1822
|
-
/* Stroke/Neutral/Interaction/disabled-light - Theme - 3.0 */
|
|
1823
|
-
--stroke-neutral-interaction-disabled-light: #323b49;
|
|
1824
|
-
/* Stroke/Neutral/Interaction/focus - Theme - 3.0 */
|
|
1825
|
-
--stroke-neutral-interaction-focus: #ffffff;
|
|
1826
1719
|
/* Stroke/Neutral/Interactions/disabled-dark - Theme - Corcoran */
|
|
1827
|
-
--stroke-neutral-interactions-disabled-dark: #
|
|
1720
|
+
--stroke-neutral-interactions-disabled-dark: #3d3d3d;
|
|
1828
1721
|
/* Stroke/Neutral/Interactions/disabled-light - Theme - Corcoran */
|
|
1829
1722
|
--stroke-neutral-interactions-disabled-light: #4d4d4d;
|
|
1830
1723
|
/* Stroke/Neutral/Interactions/focus - Theme - Corcoran */
|
|
1831
1724
|
--stroke-neutral-interactions-focus: #ffffff;
|
|
1832
|
-
/* Stroke/Neutral/
|
|
1725
|
+
/* Stroke/Neutral/Interactions/inverse-focus - Theme - Corcoran */
|
|
1726
|
+
--stroke-neutral-interactions-inverse-focus: #ffffff;
|
|
1727
|
+
/* Stroke/Neutral/neutral-low - Brand */
|
|
1728
|
+
/* Outline variant - decorative elements such as dividers */
|
|
1833
1729
|
--stroke-neutral-low: #4d4d4d;
|
|
1834
1730
|
/* Stroke/Neutral/neutral-low-contrast - Theme - Corcoran */
|
|
1835
1731
|
--stroke-neutral-low-contrast: #4d4d4d;
|
|
1836
|
-
/* Surface/Brand/primary -
|
|
1732
|
+
/* Surface/Brand/primary - Brand */
|
|
1837
1733
|
--surface-brand-primary: #92adc4;
|
|
1838
1734
|
/* Surface/Brand/primary-highlight - Theme - Corcoran */
|
|
1839
|
-
--surface-brand-primary-highlight: #
|
|
1840
|
-
/* Surface/Brand/secondary -
|
|
1735
|
+
--surface-brand-primary-highlight: #0a220a;
|
|
1736
|
+
/* Surface/Brand/secondary - Brand */
|
|
1841
1737
|
--surface-brand-secondary: #d9989d;
|
|
1842
1738
|
/* Surface/Brand/secondary-highlight - Theme - Corcoran */
|
|
1843
1739
|
--surface-brand-secondary-highlight: #131e27;
|
|
1844
|
-
/* Surface/Neutral/Interactions/dark-disabled - Theme -
|
|
1740
|
+
/* Surface/Neutral/Interactions/dark-disabled - Theme - Better Home & Garden */
|
|
1845
1741
|
--surface-neutral-interactions-dark-disabled: #474747;
|
|
1846
|
-
/* Surface/Neutral/Interactions/light-disabled - Theme -
|
|
1742
|
+
/* Surface/Neutral/Interactions/light-disabled - Theme - Better Home & Garden */
|
|
1847
1743
|
--surface-neutral-interactions-light-disabled: #292929;
|
|
1848
|
-
/* Surface/Neutral/
|
|
1849
|
-
|
|
1850
|
-
/* Surface/Neutral/inverse - Theme - Corcoran */
|
|
1744
|
+
/* Surface/Neutral/inverse - Brand */
|
|
1745
|
+
/* Inverted. Use for toasts notification & snackbars */
|
|
1851
1746
|
--surface-neutral-inverse: #383838;
|
|
1852
|
-
/* Surface/Neutral/inverse-dark - Theme -
|
|
1747
|
+
/* Surface/Neutral/inverse-dark - Theme - Better Home & Garden */
|
|
1853
1748
|
--surface-neutral-inverse-dark: #383838;
|
|
1854
1749
|
/* Surface/Neutral/inverse-light - Theme - Corcoran */
|
|
1855
1750
|
--surface-neutral-inverse-light: #575757;
|
|
1856
|
-
/* Surface/Neutral/
|
|
1857
|
-
--surface-neutral-skeleton: #333333;
|
|
1858
|
-
/* Surface/Neutral/T1-base - Theme - Corcoran */
|
|
1751
|
+
/* Surface/Neutral/T1-base - Brand */
|
|
1859
1752
|
--surface-neutral-t1-base: #1f1f1f;
|
|
1860
|
-
/* Surface/Neutral/T2-lowest -
|
|
1753
|
+
/* Surface/Neutral/T2-lowest - Brand */
|
|
1861
1754
|
--surface-neutral-t2-lowest: #2e2e2e;
|
|
1862
|
-
/* Surface/Neutral/T3-low -
|
|
1755
|
+
/* Surface/Neutral/T3-low - Brand */
|
|
1756
|
+
/* Navigations, app bar etc */
|
|
1863
1757
|
--surface-neutral-t3-low: #383838;
|
|
1864
|
-
/* Surface/Neutral/T4-high -
|
|
1865
|
-
|
|
1758
|
+
/* Surface/Neutral/T4-high - Brand */
|
|
1759
|
+
/* Navigations, app bar etc */
|
|
1760
|
+
--surface-neutral-t4-high: #7a7a7a;
|
|
1761
|
+
/* Surface/Neutral/T4-high 2 - Theme - Better Home & Garden */
|
|
1762
|
+
--surface-neutral-t4-high-2: #7a7a7a;
|
|
1763
|
+
/* Surface/Neutral/transparent - Brand */
|
|
1764
|
+
--surface-neutral-transparent: #ffffff00;
|
|
1866
1765
|
/* Surface/Spectrum/blue - Theme - Corcoran */
|
|
1867
1766
|
--surface-spectrum-blue: #0e2754;
|
|
1868
1767
|
/* Surface/Spectrum/green - Theme - Corcoran */
|
|
@@ -1871,7 +1770,7 @@ body {
|
|
|
1871
1770
|
--surface-spectrum-lime: #434712;
|
|
1872
1771
|
/* Surface/Spectrum/magenta - Theme - Corcoran */
|
|
1873
1772
|
--surface-spectrum-magenta: #45054e;
|
|
1874
|
-
/* Surface/Spectrum/orange - Theme -
|
|
1773
|
+
/* Surface/Spectrum/orange - Theme - Better Home & Garden */
|
|
1875
1774
|
--surface-spectrum-orange: #532201;
|
|
1876
1775
|
/* Surface/Spectrum/pink - Theme - Corcoran */
|
|
1877
1776
|
--surface-spectrum-pink: #4c0c2d;
|