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