-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathoutline.theme.css
278 lines (278 loc) · 8.66 KB
/
outline.theme.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
:root {
--medium-blue: #0047c7;
--brand-primary: var(--medium-blue);
--dark-blue: #00308c;
--dark-green: #008c3c;
--brand-secondary: var(--dark-green);
--core-blue: #428fec;
--dark-violet: #490e67;
--brand-tertiary: var(--dark-violet);
--medium-violet: #60269e;
--light-blue: #69b4f6;
--light-blue-25: #cfe3fa;
--light-blue-10: #edf5fc;
--black-800: #171717;
--black-700: #515151;
--black-600: #8b8b8b;
--black-500: #aeaeae;
--black-400: #d1d3d4;
--black-450: #d1d1d1;
--black-300: #dcddde;
--black-200: #e6e7e8;
--black-100: #f1f2f2;
--white: #fff;
--status-success: var(--dark-green);
--status-error: #e1251b;
--status-warning: var(--status-erro);
--status-info: var(--medium-blue);
--outline-phase2-blue: #0080ff;
--outline-karma-coral: #fa5c5c;
--outline-soft-black: #171717;
--outline-not-gray: #cfc7d4;
--outline-misty-teal: #73f2e5;
--outline-electric-violet: #9484ff;
--outline-dusty-blue: #7fc7ee;
--outline-transparent: transparent;
--outline-white: #fff;
--outline-black: #000;
--outline-gray-50: #fafafa;
--outline-gray-100: #f5f5f5;
--outline-gray-200: #e5e5e5;
--outline-gray-300: #d4d4d4;
--outline-gray-400: #a3a3a3;
--outline-gray-500: #737373;
--outline-gray-600: #525252;
--outline-gray-700: #404040;
--outline-gray-800: #262626;
--outline-gray-900: #171717;
--outline-blue-50: #eff6ff;
--outline-blue-100: #dbeafe;
--outline-blue-200: #bfdbfe;
--outline-blue-300: #93c5fd;
--outline-blue-400: #60a5fa;
--outline-blue-500: #3b82f6;
--outline-blue-600: #2563eb;
--outline-blue-700: #1d4ed8;
--outline-blue-800: #1e40af;
--outline-blue-900: #1e3a8a;
--red-50: #fef2f2;
--red-100: #fee2e2;
--red-200: #fecaca;
--red-300: #fca5a5;
--red-400: #f87171;
--red-500: #ef4444;
--red-600: #dc2626;
--red-700: #b91c1c;
--red-800: #991b1b;
--red-900: #7f1d1d;
--yellow-50: #fffbeb;
--yellow-100: #fef3c7;
--yellow-200: #fde68a;
--yellow-300: #fcd34d;
--yellow-400: #fbbf24;
--yellow-500: #f59e0b;
--yellow-600: #d97706;
--yellow-700: #b45309;
--yellow-800: #92400e;
--yellow-900: #78350f;
--green-50: #ecfdf5;
--green-100: #d1fae5;
--green-200: #a7f3d0;
--green-300: #6ee7b7;
--green-400: #34d399;
--green-500: #10b981;
--green-600: #059669;
--green-700: #047857;
--green-800: #065f46;
--green-900: #064e3b;
--indigo-50: #eef2ff;
--indigo-100: #e0e7ff;
--indigo-200: #c7d2fe;
--indigo-300: #a5b4fc;
--indigo-400: #818cf8;
--indigo-500: #6366f1;
--indigo-600: #4f46e5;
--indigo-700: #4338ca;
--indigo-800: #3730a3;
--indigo-900: #312e81;
--purple-50: #faf5ff;
--purple-100: #f3e8ff;
--purple-200: #e9d5ff;
--purple-300: #d8b4fe;
--purple-400: #c084fc;
--purple-500: #a855f7;
--purple-600: #9333ea;
--purple-700: #7e22ce;
--purple-800: #6b21a8;
--purple-900: #581c87;
--pink-50: #fdf2f8;
--pink-100: #fce7f3;
--pink-200: #fbcfe8;
--pink-300: #f9a8d4;
--pink-400: #f472b6;
--pink-500: #ec4899;
--pink-600: #db2777;
--pink-700: #be185d;
--pink-800: #9d174d;
--pink-900: #831843;
--bg-color--grey: var(--black-100);
--bg-color--tint: var(--light-blue-10);
--bg-color--white: var(--white);
--bg-color--blue: var(--medium-blue);
--bg-color--blue_dark: var(--dark-blue);
--bg-color--purple: var(--medium-violet);
--bg-color--purple_dark: var(--dark-violet);
--bg-color--green: var(--dark-green);
--bg-color--green_dark: var(--dark-green);
--bg-color--transparent: transparent;
--screen-xs: 480px;
--screen-sm: 640px;
--screen-md: 768px;
--screen-lg: 1024px;
--screen-xl: 1280px;
--screen-xxl: 1440px;
--screen-xxxl: 2180px;
--spacing-0: 0px;
--spacing-1: 0.25rem;
--spacing-2: 0.5rem;
--spacing-3: 0.75rem;
--spacing-4: 1rem;
--spacing-5: 1.25rem;
--spacing-6: 1.5rem;
--spacing-7: 1.75rem;
--spacing-8: 2rem;
--spacing-9: 2.25rem;
--spacing-10: 2.5rem;
--spacing-11: 2.75rem;
--spacing-12: 3rem;
--spacing-14: 3.5rem;
--spacing-16: 4rem;
--spacing-20: 5rem;
--spacing-24: 6rem;
--spacing-28: 7rem;
--spacing-32: 8rem;
--spacing-36: 9rem;
--spacing-40: 10rem;
--spacing-44: 11rem;
--spacing-48: 12rem;
--spacing-52: 13rem;
--spacing-56: 14rem;
--spacing-60: 15rem;
--spacing-64: 16rem;
--spacing-72: 18rem;
--spacing-80: 20rem;
--spacing-96: 24rem;
--spacing-px: 1px;
--fs-xs: 0.75rem;
--fs-sm: 0.875rem;
--fs-base: 1rem;
--fs-lg: 1.125rem;
--fs-xl: 1.25rem;
--fs-2xl: 1.5rem;
--fs-3xl: 1.875rem;
--fs-4xl: 2.25rem;
--fs-5xl: 3.5rem;
--fs-6xl: 4.5rem;
--fs-7xl: 5.5rem;
--fs-8xl: 6.5rem;
--fs-9xl: 7.5rem;
--lh-xs: 1rem;
--lh-sm: 1.25rem;
--lh-base: 1.5rem;
--lh-lg: 1.75rem;
--lh-xl: 1.75rem;
--lh-2xl: 2rem;
--lh-3xl: 2.25rem;
--lh-4xl: 2.5rem;
--lh-5xl: 3.75rem;
--lh-6xl: 4.75rem;
--lh-7xl: 5.75rem;
--lh-8xl: 6.75rem;
--lh-9xl: 7.75rem;
--ff-display: "Roboto Slab", "Helvetica", "Arial", "sans-serif";
--ff-body: "Roboto Flex", "Helvetica", "Arial", "sans-serif";
--ff-demo: "Roboto Flex", "Helvetica", "Arial", "sans-serif";
--fw-thin: 100;
--fw-extralight: 200;
--fw-light: 300;
--fw-normal: 400;
--fw-medium: 500;
--fw-semibold: 600;
--fw-bold: 700;
--fw-extrabold: 800;
--fw-black: 900;
--h1: clamp(1.875rem, 0.479rem + 3.49vw, 4.1875rem);
--h2: clamp(1.75rem, 0.55rem + 3vw, 3.25rem);
--h3: clamp(1.5rem, 0.8rem + 1.75vw, 2.375rem);
--h4: clamp(1.375rem, 1.075rem + 0.75vw, 1.75rem);
--h5: clamp(1.25rem, 1.05rem + 0.5vw, 1.5rem);
--h6: clamp(0.8125rem, 0.7625rem + 0.125vw, 0.875rem);
--lh-h1: clamp(2.25rem, 0.740rem + 3.773vw, 4.75rem);
--lh-h2: clamp(2rem, 0.7rem + 3.25vw, 3.625rem);
--lh-h3: clamp(1.875rem, 1.175rem + 1.75vw, 2.75rem);
--lh-h4: clamp(1.75rem, 1.45rem + 0.75vw, 2.125rem);
--lh-h5: clamp(1.625rem, 1.425rem + 0.5vw, 1.875rem);
--lh-h6: 1.125rem;
--ls-h1: clamp(-0.03125rem, -0.0125rem + 0.09375vw, -0.125rem);
--ls-h2: clamp(-0.03125rem, -0.025rem + 0.03125vw, -0.0625rem);
--ls-h3: clamp(0rem, -0.00625rem + 0.03125vw, -0.03125rem);
--ls-h4: clamp(0rem, -0.00625rem + 0.03125vw, -0.03125rem);
--ls-h5: 0rem;
--ls-h6: 0.03125rem;
--fs-h1: var(--h1);
--fs-h2: var(--h2);
--fs-h3: var(--h3);
--fs-h4: var(--h4);
--fs-h5: var(--h5);
--fs-h6: var(--h6);
--fs-lg-p: 1.375rem;
--fs-p: 1.125rem;
--fs-sm-p: 1rem;
--outline-ring-width: 2px;
--outline-ring-inset: ;
--outline-ring-offset-width: 2px;
--outline-ring-offset-color: var(--outline-gray-100);
--outline-ring-color: var(--outline-soft-black);
--outline-ring-offset-shadow: 0 0 transparent;
--outline-ring-shadow: 0 0 transparent;
--outline-ring-offset-shadow: var(--outline-ring-inset) 0 0 0 var(--outline-ring-offset-width) var(--outline-ring-offset-color);
--outline-ring-shadow: var(--outline-ring-inset) 0 0 0 calc(var(--outline-ring-width) + var(--outline-ring-offset-width)) var(--outline-ring-color);
--outline-shadow: 0 0 transparent;
--outline-shadow-colored: 0 0 transparent;
--step--2: clamp(0.69rem, calc(0.69rem + 0.03vw), 0.72rem);
--step--1: clamp(0.83rem, calc(0.82rem + 0.08vw), 0.90rem);
--step-0: clamp(1.00rem, calc(0.97rem + 0.15vw), 1.13rem);
--step-1: clamp(1.20rem, calc(1.15rem + 0.25vw), 1.41rem);
--step-2: clamp(1.44rem, calc(1.36rem + 0.38vw), 1.76rem);
--step-3: clamp(1.73rem, calc(1.62rem + 0.56vw), 2.20rem);
--step-4: clamp(2.07rem, calc(1.91rem + 0.8vw), 2.75rem);
--step-5: clamp(2.49rem, calc(2.26rem + 1.13vw), 3.43rem);
--step-6: clamp(2.99rem, calc(2.67rem + 1.56vw), 4.29rem);
--space-3xs: clamp(0.25rem, 0.25rem, 0.25rem);
--space-2xs: clamp(0.50rem, 0.5rem, 0.50rem);
--space-xs: clamp(0.75rem, 0.75rem, 0.75rem);
--space-s: clamp(1.00rem, 1rem, 1.00rem);
--space-m: clamp(1.50rem, 1.5rem, 1.50rem);
--space-l: clamp(2.00rem, 2rem, 2.00rem);
--space-xl: clamp(3.00rem, 3rem, 3.00rem);
--space-2xl: clamp(4.00rem, 4rem, 4.00rem);
--space-3xl: clamp(6.00rem, 6rem, 6.00rem);
--space-4xl: clamp(7.00rem, 7rem, 7.00rem);
--space-3xs-2xs: clamp(0.25rem, calc(0.19rem + 0.3vw), 0.50rem);
--space-2xs-xs: clamp(0.50rem, calc(0.44rem + 0.3vw), 0.75rem);
--space-xs-s: clamp(0.75rem, calc(0.69rem + 0.3vw), 1.00rem);
--space-s-m: clamp(1.00rem, calc(0.88rem + 0.6vw), 1.50rem);
--space-m-l: clamp(1.50rem, calc(1.38rem + 0.6vw), 2.00rem);
--space-l-xl: clamp(2.00rem, calc(1.76rem + 1.19vw), 3.00rem);
--space-xl-2xl: clamp(3.00rem, calc(2.76rem + 1.19vw), 4.00rem);
--space-2xl-3xl: clamp(4.00rem, calc(3.52rem + 2.39vw), 6.00rem);
--space-3xl-4xl: clamp(6.00rem, calc(5.76rem + 1.19vw), 7.00rem);
--space-s-4xl: clamp(1.00rem, calc(-0.43rem + 7.16vw), 7.00rem);
--space-0: 0;
--fs-p-base: 1.125rem;
--fs-p-lg: 1.375rem;
--fs-p-sm: 1rem;
--fs-p-mini: .875rem;
--lh-p-base: 150%;
--lh-p-lg: 1.9375rem
}