q2-tecton-theme 1.5.3 → 1.6.3

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.
@@ -1,180 +1,182 @@
1
- @import url('https://fonts.googleapis.com/css?family=Dosis:300,400,500&display=swap');
1
+ @import url("https://fonts.googleapis.com/css?family=Dosis:300,400,500&display=swap");
2
2
 
3
-
4
- /*
3
+ /*
5
4
  Tecton Normalize
6
5
  Inpsired by base q2-app _bootstrap.scss but conflicting resets are removed.
6
+ Wrapped in data-tecton-module for use in platforms
7
7
  */
8
8
 
9
- [data-tecton-module] article,
10
- [data-tecton-module] aside,
11
- [data-tecton-module] details,
12
- [data-tecton-module] figcaption,
13
- [data-tecton-module] figure,
14
- [data-tecton-module] footer,
15
- [data-tecton-module] header,
16
- [data-tecton-module] hgroup,
17
- [data-tecton-module] main,
18
- [data-tecton-module] nav,
19
- [data-tecton-module] section,
20
- [data-tecton-module] address,
21
- [data-tecton-module] summary {
9
+ [data-tecton-module] article,
10
+ [data-tecton-module] aside,
11
+ [data-tecton-module] details,
12
+ [data-tecton-module] figcaption,
13
+ [data-tecton-module] figure,
14
+ [data-tecton-module] footer,
15
+ [data-tecton-module] header,
16
+ [data-tecton-module] hgroup,
17
+ [data-tecton-module] main,
18
+ [data-tecton-module] nav,
19
+ [data-tecton-module] section,
20
+ [data-tecton-module] address,
21
+ [data-tecton-module] summary {
22
22
  display: block;
23
- }
24
- [data-tecton-module] audio,
25
- [data-tecton-module] canvas,
26
- [data-tecton-module] video {
23
+ }
24
+ [data-tecton-module] audio,
25
+ [data-tecton-module] canvas,
26
+ [data-tecton-module] video {
27
27
  display: inline-block;
28
- }
29
- [data-tecton-module] audio:not([controls]) {
28
+ }
29
+ [data-tecton-module] audio:not([controls]) {
30
30
  display: none;
31
31
  height: 0;
32
- }
33
- [data-tecton-module] [hidden] {
32
+ }
33
+ [data-tecton-module] [hidden] {
34
34
  display: none;
35
- }
36
- [data-tecton-module] html {
35
+ }
36
+ [data-tecton-module] html {
37
37
  font-family: sans-serif;
38
38
  /* stylelint-disable */
39
39
  -webkit-text-size-adjust: 100%;
40
40
  -ms-text-size-adjust: 100%;
41
41
  /* stylelint-enable */
42
- }
43
- [data-tecton-module] body {
42
+ }
43
+ [data-tecton-module] body {
44
44
  margin: 0;
45
- }
46
- [data-tecton-module] a:focus {
45
+ }
46
+ [data-tecton-module] a:focus {
47
47
  outline: thin dotted;
48
- }
49
- [data-tecton-module] a:active,
50
- [data-tecton-module] a:hover {
48
+ }
49
+ [data-tecton-module] a:active,
50
+ [data-tecton-module] a:hover {
51
51
  outline: 0;
52
- }
53
- [data-tecton-module] b,
54
- [data-tecton-module] strong {
52
+ }
53
+ [data-tecton-module] b,
54
+ [data-tecton-module] strong {
55
55
  font-weight: 700;
56
- }
57
- [data-tecton-module] dfn {
56
+ }
57
+ [data-tecton-module] dfn {
58
58
  font-style: italic;
59
- }
60
- [data-tecton-module] hr {
59
+ }
60
+ [data-tecton-module] hr {
61
61
  height: 0;
62
62
  margin-top: 20px;
63
63
  margin-bottom: 20px;
64
64
  border: 0;
65
- border-top: 1px solid #EEEEEE;
65
+ border-top: 1px solid #eeeeee;
66
66
  box-sizing: content-box;
67
- }
68
- [data-tecton-module] div, [data-tecton-module] input, [data-tecton-module] a {
67
+ }
68
+ [data-tecton-module] div,
69
+ [data-tecton-module] input,
70
+ [data-tecton-module] a {
69
71
  box-sizing: border-box;
70
- }
71
- [data-tecton-module] code,
72
- [data-tecton-module] kbd,
73
- [data-tecton-module] pre,
74
- [data-tecton-module] samp {
72
+ }
73
+ [data-tecton-module] code,
74
+ [data-tecton-module] kbd,
75
+ [data-tecton-module] pre,
76
+ [data-tecton-module] samp {
75
77
  font-family: monospace, serif;
76
78
  font-size: 1em;
77
- }
78
- [data-tecton-module] pre {
79
+ }
80
+ [data-tecton-module] pre {
79
81
  white-space: pre-wrap;
80
- }
81
- [data-tecton-module] q {
82
+ }
83
+ [data-tecton-module] q {
82
84
  quotes: "“" "”" "‘" "’";
83
- }
84
- [data-tecton-module] sub,
85
- [data-tecton-module] sup {
85
+ }
86
+ [data-tecton-module] sub,
87
+ [data-tecton-module] sup {
86
88
  position: relative;
87
89
  font-size: 75%;
88
90
  line-height: 0;
89
91
  vertical-align: baseline;
90
- }
91
- [data-tecton-module] sup {
92
+ }
93
+ [data-tecton-module] sup {
92
94
  top: -0.5em;
93
- }
94
- [data-tecton-module] sub {
95
+ }
96
+ [data-tecton-module] sub {
95
97
  bottom: -0.25em;
96
- }
97
- [data-tecton-module] img {
98
+ }
99
+ [data-tecton-module] img {
98
100
  border: 0;
99
- }
100
- [data-tecton-module] svg:not(:root) {
101
+ }
102
+ [data-tecton-module] svg:not(:root) {
101
103
  overflow: hidden;
102
- }
103
- [data-tecton-module] figure {
104
+ }
105
+ [data-tecton-module] figure {
104
106
  margin: 0;
105
- }
106
- [data-tecton-module] legend {
107
+ }
108
+ [data-tecton-module] legend {
107
109
  padding: 0;
108
110
  border: 0;
109
- }
110
- [data-tecton-module] button,
111
- [data-tecton-module] input,
112
- [data-tecton-module] select,
113
- [data-tecton-module] textarea {
111
+ }
112
+ [data-tecton-module] button,
113
+ [data-tecton-module] input,
114
+ [data-tecton-module] select,
115
+ [data-tecton-module] textarea {
114
116
  margin: 0;
115
117
  box-sizing: border-box;
116
118
  font-family: inherit;
117
119
  line-height: inherit;
118
120
  font-size: 100%;
119
- }
120
- [data-tecton-module] button,
121
- [data-tecton-module] input {
121
+ }
122
+ [data-tecton-module] button,
123
+ [data-tecton-module] input {
122
124
  line-height: normal;
123
- }
124
- [data-tecton-module] button,
125
- [data-tecton-module] select {
125
+ }
126
+ [data-tecton-module] button,
127
+ [data-tecton-module] select {
126
128
  text-transform: none;
127
- }
128
- [data-tecton-module] button,
129
- [data-tecton-module] html input[type=button],
130
- [data-tecton-module] input[type=reset],
131
- [data-tecton-module] input[type=submit] {
129
+ }
130
+ [data-tecton-module] button,
131
+ [data-tecton-module] html input[type="button"],
132
+ [data-tecton-module] input[type="reset"],
133
+ [data-tecton-module] input[type="submit"] {
132
134
  cursor: pointer;
133
135
  /* stylelint-disable */
134
136
  -webkit-appearance: button;
135
137
  /* stylelint-enable */
136
- }
137
- [data-tecton-module] button[disabled],
138
- [data-tecton-module] html input[disabled] {
138
+ }
139
+ [data-tecton-module] button[disabled],
140
+ [data-tecton-module] html input[disabled] {
139
141
  cursor: default;
140
- }
141
- [data-tecton-module] input[type=checkbox],
142
- [data-tecton-module] input[type=radio] {
142
+ }
143
+ [data-tecton-module] input[type="checkbox"],
144
+ [data-tecton-module] input[type="radio"] {
143
145
  padding: 0;
144
146
  box-sizing: border-box;
145
- }
146
- [data-tecton-module] input[type=search] {
147
+ }
148
+ [data-tecton-module] input[type="search"] {
147
149
  box-sizing: content-box;
148
150
  /* stylelint-disable */
149
151
  -webkit-appearance: textfield;
150
152
  /* stylelint-enable */
151
- }
152
- [data-tecton-module] input[type=search]::-webkit-search-cancel-button,
153
- [data-tecton-module] input[type=search]::-webkit-search-decoration {
153
+ }
154
+ [data-tecton-module] input[type="search"]::-webkit-search-cancel-button,
155
+ [data-tecton-module] input[type="search"]::-webkit-search-decoration {
154
156
  /* stylelint-disable */
155
157
  -webkit-appearance: none;
156
158
  /* stylelint-enable */
157
- }
158
- [data-tecton-module] button::-moz-focus-inner,
159
- [data-tecton-module] input::-moz-focus-inner {
159
+ }
160
+ [data-tecton-module] button::-moz-focus-inner,
161
+ [data-tecton-module] input::-moz-focus-inner {
160
162
  padding: 0;
161
163
  border: 0;
162
- }
163
- [data-tecton-module] textarea {
164
+ }
165
+ [data-tecton-module] textarea {
164
166
  overflow: auto;
165
167
  vertical-align: top;
166
- }
167
- [data-tecton-module] table {
168
+ }
169
+ [data-tecton-module] table {
168
170
  border-collapse: collapse;
169
171
  border-spacing: 0;
170
- }
171
- [data-tecton-module] button,
172
- [data-tecton-module] input,
173
- [data-tecton-module] select[multiple],
174
- [data-tecton-module] textarea {
172
+ }
173
+ [data-tecton-module] button,
174
+ [data-tecton-module] input,
175
+ [data-tecton-module] select[multiple],
176
+ [data-tecton-module] textarea {
175
177
  background-image: none;
176
- }
177
- [data-tecton-module] .sr-only {
178
+ }
179
+ [data-tecton-module] .sr-only {
178
180
  position: absolute;
179
181
  width: 1px;
180
182
  height: 1px;
@@ -183,119 +185,761 @@
183
185
  overflow: hidden;
184
186
  clip: rect(0 0 0 0);
185
187
  border: 0;
186
- }
187
- [data-tecton-module] cite {
188
+ }
189
+ [data-tecton-module] cite {
188
190
  font-style: normal;
189
- }
190
- [data-tecton-module] p {
191
+ }
192
+ [data-tecton-module] p {
191
193
  margin: 0 0 10px;
192
- }
193
- [data-tecton-module] ul,
194
- [data-tecton-module] ol {
194
+ }
195
+ [data-tecton-module] ul,
196
+ [data-tecton-module] ol {
195
197
  margin-top: 0;
196
198
  margin-bottom: 10px;
197
- }
198
- [data-tecton-module] ul ul,
199
- [data-tecton-module] ol ul,
200
- [data-tecton-module] ul ol,
201
- [data-tecton-module] ol ol {
199
+ }
200
+ [data-tecton-module] ul ul,
201
+ [data-tecton-module] ol ul,
202
+ [data-tecton-module] ul ol,
203
+ [data-tecton-module] ol ol {
202
204
  margin-bottom: 0;
203
- }
204
- [data-tecton-module] dl {
205
+ }
206
+ [data-tecton-module] dl {
205
207
  margin-bottom: 20px;
206
- }
207
- [data-tecton-module] dt,
208
- [data-tecton-module] dd {
208
+ }
209
+ [data-tecton-module] dt,
210
+ [data-tecton-module] dd {
209
211
  line-height: 1.428571429;
210
- }
211
- [data-tecton-module] dt {
212
+ }
213
+ [data-tecton-module] dt {
212
214
  font-weight: 700;
213
- }
214
- [data-tecton-module] dd {
215
+ }
216
+ [data-tecton-module] dd {
215
217
  margin-left: 0;
216
- }
217
- [data-tecton-module] address {
218
+ }
219
+ [data-tecton-module] address {
218
220
  display: block;
219
- }
220
- [data-tecton-module] h1,
221
- [data-tecton-module] h2,
222
- [data-tecton-module] h3,
223
- [data-tecton-module] .heading-1,
224
- [data-tecton-module] .heading-2,
225
- [data-tecton-module] .heading-3 {
221
+ }
222
+ [data-tecton-module] h1,
223
+ [data-tecton-module] h2,
224
+ [data-tecton-module] h3,
225
+ [data-tecton-module] .heading-1,
226
+ [data-tecton-module] .heading-2,
227
+ [data-tecton-module] .heading-3 {
226
228
  margin-top: 1.4285714286rem;
227
229
  margin-bottom: 0.7142857143rem;
228
- }
229
- [data-tecton-module] h4,
230
- [data-tecton-module] h5,
231
- [data-tecton-module] h6,
232
- [data-tecton-module] .heading-4,
233
- [data-tecton-module] .heading-5,
234
- [data-tecton-module] .heading-6 {
230
+ }
231
+ [data-tecton-module] h4,
232
+ [data-tecton-module] h5,
233
+ [data-tecton-module] h6,
234
+ [data-tecton-module] .heading-4,
235
+ [data-tecton-module] .heading-5,
236
+ [data-tecton-module] .heading-6 {
235
237
  margin-top: 0.7142857143rem;
236
238
  margin-bottom: 0.7142857143rem;
237
- }
238
- [data-tecton-module] h1,
239
- [data-tecton-module] .heading-1 {
239
+ }
240
+ [data-tecton-module] h1,
241
+ [data-tecton-module] .heading-1 {
240
242
  font-size: 2.0714285714rem;
241
243
  font-weight: 400;
242
- }
243
- @media screen and (max-width: 767px) {
244
+ }
245
+ @media screen and (max-width: 767px) {
244
246
  [data-tecton-module] h1,
245
- [data-tecton-module] .heading-1 {
246
- font-size: 1.7857142857rem;
247
+ [data-tecton-module] .heading-1 {
248
+ font-size: 1.7857142857rem;
247
249
  }
248
- }
249
- [data-tecton-module] h2,
250
- [data-tecton-module] .heading-2 {
250
+ }
251
+ [data-tecton-module] h2,
252
+ [data-tecton-module] .heading-2 {
251
253
  font-size: 1.4285714286rem;
252
254
  font-weight: 600;
253
255
  text-transform: uppercase;
254
256
  letter-spacing: 0.5px;
255
- }
256
- [data-tecton-module] h3,
257
- [data-tecton-module] .heading-3 {
257
+ }
258
+ [data-tecton-module] h3,
259
+ [data-tecton-module] .heading-3 {
258
260
  font-size: 1.2142857143rem;
259
261
  font-weight: 600;
260
- }
261
- [data-tecton-module] h4,
262
- [data-tecton-module] .heading-4 {
262
+ }
263
+ [data-tecton-module] h4,
264
+ [data-tecton-module] .heading-4 {
263
265
  font-size: 1rem;
264
266
  font-weight: 600;
265
- }
266
- [data-tecton-module] h5,
267
- [data-tecton-module] h6,
268
- [data-tecton-module] .heading-5,
269
- [data-tecton-module] .heading-6 {
267
+ }
268
+ [data-tecton-module] h5,
269
+ [data-tecton-module] h6,
270
+ [data-tecton-module] .heading-5,
271
+ [data-tecton-module] .heading-6 {
270
272
  font-size: inherit;
271
273
  font-weight: 400;
272
- }
273
- [data-tecton-module] p {
274
+ }
275
+ [data-tecton-module] p {
274
276
  font-size: 1rem;
275
277
  font-weight: 400;
276
278
  line-height: 1.5;
277
- }
278
- [data-tecton-module] small, [data-tecton-module] .small-copy {
279
+ }
280
+ [data-tecton-module] small,
281
+ [data-tecton-module] .small-copy {
279
282
  font-size: 0.8571428571rem;
280
283
  font-weight: 400;
281
- }
282
- [data-tecton-module] .light {
284
+ }
285
+ [data-tecton-module] .light {
283
286
  font-weight: 300;
284
- }
285
- [data-tecton-module] .semibold {
287
+ }
288
+ [data-tecton-module] .semibold {
286
289
  font-weight: 600;
287
- }
288
- [data-tecton-module] .bold {
290
+ }
291
+ [data-tecton-module] .bold {
289
292
  font-weight: 700;
290
- }
291
- [data-tecton-module] .empty-state,
292
- [data-tecton-module] .no-history {
293
+ }
294
+ [data-tecton-module] .empty-state,
295
+ [data-tecton-module] .no-history {
293
296
  font-style: italic;
294
- }
297
+ }
295
298
 
296
- body {
299
+ [data-tecton-module] .mrg\(a\) {
300
+ margin: auto;
301
+ }
302
+ [data-tecton-module] .mrg-y\(a\) {
303
+ margin-top: auto;
304
+ margin-bottom: auto;
305
+ }
306
+ [data-tecton-module] .mrg-x\(a\) {
307
+ margin-left: auto;
308
+ margin-right: auto;
309
+ }
310
+ [data-tecton-module] .mrg-t\(a\) {
311
+ margin-top: auto;
312
+ }
313
+ [data-tecton-module] .mrg-b\(a\) {
314
+ margin-bottom: auto;
315
+ }
316
+ [data-tecton-module] .mrg-l\(a\) {
317
+ margin-left: auto;
318
+ }
319
+ [data-tecton-module] .mrg-r\(a\) {
320
+ margin-right: auto;
321
+ }
322
+ [data-tecton-module] .pad\(a\) {
323
+ padding: auto;
324
+ }
325
+ [data-tecton-module] .pad-y\(a\) {
326
+ padding-top: auto;
327
+ padding-bottom: auto;
328
+ }
329
+ [data-tecton-module] .pad-x\(a\) {
330
+ padding-left: auto;
331
+ padding-right: auto;
332
+ }
333
+ [data-tecton-module] .pad-t\(a\) {
334
+ padding-top: auto;
335
+ }
336
+ [data-tecton-module] .pad-b\(a\) {
337
+ padding-bottom: auto;
338
+ }
339
+ [data-tecton-module] .pad-l\(a\) {
340
+ padding-left: auto;
341
+ }
342
+ [data-tecton-module] .pad-r\(a\) {
343
+ padding-right: auto;
344
+ }
345
+ [data-tecton-module] .w\(a\) {
346
+ width: auto;
347
+ }
348
+ [data-tecton-module] .h\(a\) {
349
+ height: auto;
350
+ }
351
+ [data-tecton-module] .mrg\(0\) {
352
+ margin: 0px;
353
+ }
354
+ [data-tecton-module] .mrg-y\(0\) {
355
+ margin-top: 0px;
356
+ margin-bottom: 0px;
357
+ }
358
+ [data-tecton-module] .mrg-x\(0\) {
359
+ margin-left: 0px;
360
+ margin-right: 0px;
361
+ }
362
+ [data-tecton-module] .mrg-t\(0\) {
363
+ margin-top: 0px;
364
+ }
365
+ [data-tecton-module] .mrg-b\(0\) {
366
+ margin-bottom: 0px;
367
+ }
368
+ [data-tecton-module] .mrg-l\(0\) {
369
+ margin-left: 0px;
370
+ }
371
+ [data-tecton-module] .mrg-r\(0\) {
372
+ margin-right: 0px;
373
+ }
374
+ [data-tecton-module] .pad\(0\) {
375
+ padding: 0px;
376
+ }
377
+ [data-tecton-module] .pad-y\(0\) {
378
+ padding-top: 0px;
379
+ padding-bottom: 0px;
380
+ }
381
+ [data-tecton-module] .pad-x\(0\) {
382
+ padding-left: 0px;
383
+ padding-right: 0px;
384
+ }
385
+ [data-tecton-module] .pad-t\(0\) {
386
+ padding-top: 0px;
387
+ }
388
+ [data-tecton-module] .pad-b\(0\) {
389
+ padding-bottom: 0px;
390
+ }
391
+ [data-tecton-module] .pad-l\(0\) {
392
+ padding-left: 0px;
393
+ }
394
+ [data-tecton-module] .pad-r\(0\) {
395
+ padding-right: 0px;
396
+ }
397
+ [data-tecton-module] .w\(0\) {
398
+ width: 0px;
399
+ }
400
+ [data-tecton-module] .h\(0\) {
401
+ height: 0px;
402
+ }
403
+ [data-tecton-module] .mrg\(1\) {
404
+ margin: 5px;
405
+ }
406
+ [data-tecton-module] .mrg-y\(1\) {
407
+ margin-top: 5px;
408
+ margin-bottom: 5px;
409
+ }
410
+ [data-tecton-module] .mrg-x\(1\) {
411
+ margin-left: 5px;
412
+ margin-right: 5px;
413
+ }
414
+ [data-tecton-module] .mrg-t\(1\) {
415
+ margin-top: 5px;
416
+ }
417
+ [data-tecton-module] .mrg-b\(1\) {
418
+ margin-bottom: 5px;
419
+ }
420
+ [data-tecton-module] .mrg-l\(1\) {
421
+ margin-left: 5px;
422
+ }
423
+ [data-tecton-module] .mrg-r\(1\) {
424
+ margin-right: 5px;
425
+ }
426
+ [data-tecton-module] .pad\(1\) {
427
+ padding: 5px;
428
+ }
429
+ [data-tecton-module] .pad-y\(1\) {
430
+ padding-top: 5px;
431
+ padding-bottom: 5px;
432
+ }
433
+ [data-tecton-module] .pad-x\(1\) {
434
+ padding-left: 5px;
435
+ padding-right: 5px;
436
+ }
437
+ [data-tecton-module] .pad-t\(1\) {
438
+ padding-top: 5px;
439
+ }
440
+ [data-tecton-module] .pad-b\(1\) {
441
+ padding-bottom: 5px;
442
+ }
443
+ [data-tecton-module] .pad-l\(1\) {
444
+ padding-left: 5px;
445
+ }
446
+ [data-tecton-module] .pad-r\(1\) {
447
+ padding-right: 5px;
448
+ }
449
+ [data-tecton-module] .w\(1\) {
450
+ width: 5px;
451
+ }
452
+ [data-tecton-module] .h\(1\) {
453
+ height: 5px;
454
+ }
455
+ [data-tecton-module] .mrg\(2\) {
456
+ margin: 10px;
457
+ }
458
+ [data-tecton-module] .mrg-y\(2\) {
459
+ margin-top: 10px;
460
+ margin-bottom: 10px;
461
+ }
462
+ [data-tecton-module] .mrg-x\(2\) {
463
+ margin-left: 10px;
464
+ margin-right: 10px;
465
+ }
466
+ [data-tecton-module] .mrg-t\(2\) {
467
+ margin-top: 10px;
468
+ }
469
+ [data-tecton-module] .mrg-b\(2\) {
470
+ margin-bottom: 10px;
471
+ }
472
+ [data-tecton-module] .mrg-l\(2\) {
473
+ margin-left: 10px;
474
+ }
475
+ [data-tecton-module] .mrg-r\(2\) {
476
+ margin-right: 10px;
477
+ }
478
+ [data-tecton-module] .pad\(2\) {
479
+ padding: 10px;
480
+ }
481
+ [data-tecton-module] .pad-y\(2\) {
482
+ padding-top: 10px;
483
+ padding-bottom: 10px;
484
+ }
485
+ [data-tecton-module] .pad-x\(2\) {
486
+ padding-left: 10px;
487
+ padding-right: 10px;
488
+ }
489
+ [data-tecton-module] .pad-t\(2\) {
490
+ padding-top: 10px;
491
+ }
492
+ [data-tecton-module] .pad-b\(2\) {
493
+ padding-bottom: 10px;
494
+ }
495
+ [data-tecton-module] .pad-l\(2\) {
496
+ padding-left: 10px;
497
+ }
498
+ [data-tecton-module] .pad-r\(2\) {
499
+ padding-right: 10px;
500
+ }
501
+ [data-tecton-module] .w\(2\) {
502
+ width: 10px;
503
+ }
504
+ [data-tecton-module] .h\(2\) {
505
+ height: 10px;
506
+ }
507
+ [data-tecton-module] .mrg\(3\) {
508
+ margin: 15px;
509
+ }
510
+ [data-tecton-module] .mrg-y\(3\) {
511
+ margin-top: 15px;
512
+ margin-bottom: 15px;
513
+ }
514
+ [data-tecton-module] .mrg-x\(3\) {
515
+ margin-left: 15px;
516
+ margin-right: 15px;
517
+ }
518
+ [data-tecton-module] .mrg-t\(3\) {
519
+ margin-top: 15px;
520
+ }
521
+ [data-tecton-module] .mrg-b\(3\) {
522
+ margin-bottom: 15px;
523
+ }
524
+ [data-tecton-module] .mrg-l\(3\) {
525
+ margin-left: 15px;
526
+ }
527
+ [data-tecton-module] .mrg-r\(3\) {
528
+ margin-right: 15px;
529
+ }
530
+ [data-tecton-module] .pad\(3\) {
531
+ padding: 15px;
532
+ }
533
+ [data-tecton-module] .pad-y\(3\) {
534
+ padding-top: 15px;
535
+ padding-bottom: 15px;
536
+ }
537
+ [data-tecton-module] .pad-x\(3\) {
538
+ padding-left: 15px;
539
+ padding-right: 15px;
540
+ }
541
+ [data-tecton-module] .pad-t\(3\) {
542
+ padding-top: 15px;
543
+ }
544
+ [data-tecton-module] .pad-b\(3\) {
545
+ padding-bottom: 15px;
546
+ }
547
+ [data-tecton-module] .pad-l\(3\) {
548
+ padding-left: 15px;
549
+ }
550
+ [data-tecton-module] .pad-r\(3\) {
551
+ padding-right: 15px;
552
+ }
553
+ [data-tecton-module] .w\(3\) {
554
+ width: 15px;
555
+ }
556
+ [data-tecton-module] .h\(3\) {
557
+ height: 15px;
558
+ }
559
+ [data-tecton-module] .mrg\(4\) {
560
+ margin: 30px;
561
+ }
562
+ [data-tecton-module] .mrg-y\(4\) {
563
+ margin-top: 30px;
564
+ margin-bottom: 30px;
565
+ }
566
+ [data-tecton-module] .mrg-x\(4\) {
567
+ margin-left: 30px;
568
+ margin-right: 30px;
569
+ }
570
+ [data-tecton-module] .mrg-t\(4\) {
571
+ margin-top: 30px;
572
+ }
573
+ [data-tecton-module] .mrg-b\(4\) {
574
+ margin-bottom: 30px;
575
+ }
576
+ [data-tecton-module] .mrg-l\(4\) {
577
+ margin-left: 30px;
578
+ }
579
+ [data-tecton-module] .mrg-r\(4\) {
580
+ margin-right: 30px;
581
+ }
582
+ [data-tecton-module] .pad\(4\) {
583
+ padding: 30px;
584
+ }
585
+ [data-tecton-module] .pad-y\(4\) {
586
+ padding-top: 30px;
587
+ padding-bottom: 30px;
588
+ }
589
+ [data-tecton-module] .pad-x\(4\) {
590
+ padding-left: 30px;
591
+ padding-right: 30px;
592
+ }
593
+ [data-tecton-module] .pad-t\(4\) {
594
+ padding-top: 30px;
595
+ }
596
+ [data-tecton-module] .pad-b\(4\) {
597
+ padding-bottom: 30px;
598
+ }
599
+ [data-tecton-module] .pad-l\(4\) {
600
+ padding-left: 30px;
601
+ }
602
+ [data-tecton-module] .pad-r\(4\) {
603
+ padding-right: 30px;
604
+ }
605
+ [data-tecton-module] .w\(4\) {
606
+ width: 30px;
607
+ }
608
+ [data-tecton-module] .h\(4\) {
609
+ height: 30px;
610
+ }
611
+ [data-tecton-module] .mrg\(5\) {
612
+ margin: 45px;
613
+ }
614
+ [data-tecton-module] .mrg-y\(5\) {
615
+ margin-top: 45px;
616
+ margin-bottom: 45px;
617
+ }
618
+ [data-tecton-module] .mrg-x\(5\) {
619
+ margin-left: 45px;
620
+ margin-right: 45px;
621
+ }
622
+ [data-tecton-module] .mrg-t\(5\) {
623
+ margin-top: 45px;
624
+ }
625
+ [data-tecton-module] .mrg-b\(5\) {
626
+ margin-bottom: 45px;
627
+ }
628
+ [data-tecton-module] .mrg-l\(5\) {
629
+ margin-left: 45px;
630
+ }
631
+ [data-tecton-module] .mrg-r\(5\) {
632
+ margin-right: 45px;
633
+ }
634
+ [data-tecton-module] .pad\(5\) {
635
+ padding: 45px;
636
+ }
637
+ [data-tecton-module] .pad-y\(5\) {
638
+ padding-top: 45px;
639
+ padding-bottom: 45px;
640
+ }
641
+ [data-tecton-module] .pad-x\(5\) {
642
+ padding-left: 45px;
643
+ padding-right: 45px;
644
+ }
645
+ [data-tecton-module] .pad-t\(5\) {
646
+ padding-top: 45px;
647
+ }
648
+ [data-tecton-module] .pad-b\(5\) {
649
+ padding-bottom: 45px;
650
+ }
651
+ [data-tecton-module] .pad-l\(5\) {
652
+ padding-left: 45px;
653
+ }
654
+ [data-tecton-module] .pad-r\(5\) {
655
+ padding-right: 45px;
656
+ }
657
+ [data-tecton-module] .w\(5\) {
658
+ width: 45px;
659
+ }
660
+ [data-tecton-module] .h\(5\) {
661
+ height: 45px;
662
+ }
663
+ [data-tecton-module] .mrg\(6\) {
664
+ margin: 60px;
665
+ }
666
+ [data-tecton-module] .mrg-y\(6\) {
667
+ margin-top: 60px;
668
+ margin-bottom: 60px;
669
+ }
670
+ [data-tecton-module] .mrg-x\(6\) {
671
+ margin-left: 60px;
672
+ margin-right: 60px;
673
+ }
674
+ [data-tecton-module] .mrg-t\(6\) {
675
+ margin-top: 60px;
676
+ }
677
+ [data-tecton-module] .mrg-b\(6\) {
678
+ margin-bottom: 60px;
679
+ }
680
+ [data-tecton-module] .mrg-l\(6\) {
681
+ margin-left: 60px;
682
+ }
683
+ [data-tecton-module] .mrg-r\(6\) {
684
+ margin-right: 60px;
685
+ }
686
+ [data-tecton-module] .pad\(6\) {
687
+ padding: 60px;
688
+ }
689
+ [data-tecton-module] .pad-y\(6\) {
690
+ padding-top: 60px;
691
+ padding-bottom: 60px;
692
+ }
693
+ [data-tecton-module] .pad-x\(6\) {
694
+ padding-left: 60px;
695
+ padding-right: 60px;
696
+ }
697
+ [data-tecton-module] .pad-t\(6\) {
698
+ padding-top: 60px;
699
+ }
700
+ [data-tecton-module] .pad-b\(6\) {
701
+ padding-bottom: 60px;
702
+ }
703
+ [data-tecton-module] .pad-l\(6\) {
704
+ padding-left: 60px;
705
+ }
706
+ [data-tecton-module] .pad-r\(6\) {
707
+ padding-right: 60px;
708
+ }
709
+ [data-tecton-module] .w\(6\) {
710
+ width: 60px;
711
+ }
712
+ [data-tecton-module] .h\(6\) {
713
+ height: 60px;
714
+ }
297
715
 
298
- /* default theme */
716
+ [data-tecton-module] .tooltipped {
717
+ position: relative;
718
+ overflow: visible;
719
+ }
720
+ [data-tecton-module] .tooltipped:before {
721
+ position: absolute;
722
+ z-index: 1000001;
723
+ width: 0;
724
+ height: 0;
725
+ color: rgba(0, 0, 0, 0.8);
726
+ pointer-events: none;
727
+ content: "";
728
+ border: 5px solid transparent;
729
+ }
730
+ [data-tecton-module] .tooltipped:after {
731
+ position: absolute;
732
+ z-index: 1000000;
733
+ padding: 5px 8px;
734
+ font-family: "OpenSans", "Helvetica Neue", Helvetica, Arial, sans-serif;
735
+ font-weight: 600;
736
+ font-size: 12px;
737
+ line-height: 1.5;
738
+ color: #ffffff;
739
+ text-align: center;
740
+ text-decoration: none;
741
+ text-shadow: none;
742
+ text-transform: none;
743
+ letter-spacing: normal;
744
+ word-wrap: break-word;
745
+ white-space: pre;
746
+ pointer-events: none;
747
+ content: attr(aria-label);
748
+ background: rgba(0, 0, 0, 0.8);
749
+ border-radius: 3px;
750
+ }
751
+ [data-tecton-module] .tooltipped:before,
752
+ [data-tecton-module] .tooltipped:after {
753
+ display: inline-block;
754
+ visibility: hidden;
755
+ opacity: 0;
756
+ transition: all 250ms ease-in-out 0s;
757
+ }
758
+ [data-tecton-module] .tooltipped:hover:before,
759
+ [data-tecton-module] .tooltipped:hover:after,
760
+ [data-tecton-module] .tooltipped:active:before,
761
+ [data-tecton-module] .tooltipped:active:after,
762
+ [data-tecton-module] .tooltipped:focus:before,
763
+ [data-tecton-module] .tooltipped:focus:after {
764
+ text-decoration: none;
765
+ visibility: visible;
766
+ opacity: 1;
767
+ }
768
+ [data-tecton-module] .tooltipped:hover:before,
769
+ [data-tecton-module] .tooltipped:hover:after {
770
+ transition: all 250ms ease-in-out 1s;
771
+ }
772
+ [data-tecton-module] .tooltipped:focus:before,
773
+ [data-tecton-module] .tooltipped:focus:after,
774
+ [data-tecton-module] .tooltipped:active:before,
775
+ [data-tecton-module] .tooltipped:active:after {
776
+ transition: all 250ms ease-in-out 0s;
777
+ }
778
+ [data-tecton-module] .tooltipped:focus-within:before,
779
+ [data-tecton-module] .tooltipped:focus-within:after {
780
+ text-decoration: none;
781
+ visibility: visible;
782
+ opacity: 1;
783
+ transition: all 250ms ease-in-out 0s;
784
+ }
785
+ [data-tecton-module] .tooltipped[aria-label=""]:hover:before,
786
+ [data-tecton-module] .tooltipped[aria-label=""]:hover:after,
787
+ [data-tecton-module] .tooltipped[aria-label=""]:active:before,
788
+ [data-tecton-module] .tooltipped[aria-label=""]:active:after,
789
+ [data-tecton-module] .tooltipped[aria-label=""]:focus:before,
790
+ [data-tecton-module] .tooltipped[aria-label=""]:focus:after,
791
+ [data-tecton-module] .tooltipped:not([aria-label]):hover:before,
792
+ [data-tecton-module] .tooltipped:not([aria-label]):hover:after,
793
+ [data-tecton-module] .tooltipped:not([aria-label]):active:before,
794
+ [data-tecton-module] .tooltipped:not([aria-label]):active:after,
795
+ [data-tecton-module] .tooltipped:not([aria-label]):focus:before,
796
+ [data-tecton-module] .tooltipped:not([aria-label]):focus:after {
797
+ display: none;
798
+ }
799
+ [data-tecton-module] .tooltipped[aria-label=""]:focus-within:before,
800
+ [data-tecton-module] .tooltipped[aria-label=""]:focus-within:after,
801
+ [data-tecton-module] .tooltipped:not([aria-label]):focus-within:before,
802
+ [data-tecton-module] .tooltipped:not([aria-label]):focus-within:after {
803
+ display: none;
804
+ }
805
+ [data-tecton-module] .tooltipped-multiline:after {
806
+ width: max-content;
807
+ max-width: 200px;
808
+ word-break: break-word;
809
+ word-wrap: normal;
810
+ white-space: pre-line;
811
+ border-collapse: separate;
812
+ text-align: left;
813
+ }
814
+ [data-tecton-module] .tooltipped-multiline.tooltipped-s:after,
815
+ [data-tecton-module] .tooltipped-multiline.tooltipped-n:after {
816
+ right: auto;
817
+ left: 50%;
818
+ transform: translateX(-50%);
819
+ }
820
+ [data-tecton-module] .tooltipped-multiline.tooltipped-w:after,
821
+ [data-tecton-module] .tooltipped-multiline.tooltipped-e:after {
822
+ right: 100%;
823
+ }
824
+ [data-tecton-module] .tooltipped-multiline:hover:after,
825
+ [data-tecton-module] .tooltipped-multiline:active:after,
826
+ [data-tecton-module] .tooltipped-multiline:focus:after {
827
+ display: table-cell;
828
+ }
829
+ [data-tecton-module] .tooltipped-multiline:focus-within:after {
830
+ display: table-cell;
831
+ }
832
+ [data-tecton-module] .tooltipped-sticky:before,
833
+ [data-tecton-module] .tooltipped-sticky:after {
834
+ display: inline-block;
835
+ }
836
+ [data-tecton-module] .tooltipped-sticky.tooltipped-multiline:after {
837
+ display: table-cell;
838
+ }
839
+ [data-tecton-module] .tooltipped-s:after,
840
+ [data-tecton-module] .tooltipped-se:after,
841
+ [data-tecton-module] .tooltipped-sw:after {
842
+ top: 100%;
843
+ right: 50%;
844
+ margin-top: 5px;
845
+ }
846
+ [data-tecton-module] .tooltipped-s:before,
847
+ [data-tecton-module] .tooltipped-se:before,
848
+ [data-tecton-module] .tooltipped-sw:before {
849
+ top: auto;
850
+ right: 50%;
851
+ bottom: -5px;
852
+ margin-right: -5px;
853
+ border-bottom-color: rgba(0, 0, 0, 0.8);
854
+ }
855
+ [data-tecton-module] .tooltipped-se:after {
856
+ right: auto;
857
+ left: 50%;
858
+ margin-left: -15px;
859
+ }
860
+ [data-tecton-module] .tooltipped-sw:after {
861
+ margin-right: -15px;
862
+ }
863
+ [data-tecton-module] .tooltipped-n:after,
864
+ [data-tecton-module] .tooltipped-ne:after,
865
+ [data-tecton-module] .tooltipped-nw:after {
866
+ right: 50%;
867
+ bottom: 100%;
868
+ margin-bottom: 5px;
869
+ }
870
+ [data-tecton-module] .tooltipped-n:before,
871
+ [data-tecton-module] .tooltipped-ne:before,
872
+ [data-tecton-module] .tooltipped-nw:before {
873
+ top: -5px;
874
+ right: 50%;
875
+ bottom: auto;
876
+ margin-right: -5px;
877
+ border-top-color: rgba(0, 0, 0, 0.8);
878
+ }
879
+ [data-tecton-module] .tooltipped-ne:after {
880
+ right: auto;
881
+ left: 50%;
882
+ margin-left: -15px;
883
+ }
884
+ [data-tecton-module] .tooltipped-nw:after {
885
+ margin-right: -15px;
886
+ }
887
+ [data-tecton-module] .tooltipped-s:after,
888
+ [data-tecton-module] .tooltipped-n:after {
889
+ transform: translateX(50%);
890
+ }
891
+ [data-tecton-module] .tooltipped-w:after {
892
+ right: 100%;
893
+ bottom: 50%;
894
+ margin-right: 5px;
895
+ transform: translateY(50%);
896
+ }
897
+ [data-tecton-module] .tooltipped-w:before {
898
+ top: 50%;
899
+ bottom: 50%;
900
+ left: -5px;
901
+ margin-top: -5px;
902
+ border-left-color: rgba(0, 0, 0, 0.8);
903
+ }
904
+ [data-tecton-module] .tooltipped-e:after {
905
+ bottom: 50%;
906
+ left: 100%;
907
+ margin-left: 5px;
908
+ transform: translateY(50%);
909
+ }
910
+ [data-tecton-module] .tooltipped-e:before {
911
+ top: 50%;
912
+ right: -5px;
913
+ bottom: 50%;
914
+ margin-top: -5px;
915
+ border-right-color: rgba(0, 0, 0, 0.8);
916
+ }
917
+ [data-tecton-module].phone .tooltipped:not(.tooltip-popover):hover:before,
918
+ [data-tecton-module].phone .tooltipped:not(.tooltip-popover):hover:after,
919
+ [data-tecton-module].phone .tooltipped:not(.tooltip-popover):active:before,
920
+ [data-tecton-module].phone .tooltipped:not(.tooltip-popover):active:after,
921
+ [data-tecton-module].phone .tooltipped:not(.tooltip-popover):focus:before,
922
+ [data-tecton-module].phone .tooltipped:not(.tooltip-popover):focus:after,
923
+ [data-tecton-module].phone
924
+ .tooltipped:not(.tooltip-popover):focus-within:before,
925
+ [data-tecton-module].phone .tooltipped:not(.tooltip-popover):focus-within:after,
926
+ [data-tecton-module].tablet .tooltipped:not(.tooltip-popover):hover:before,
927
+ [data-tecton-module].tablet .tooltipped:not(.tooltip-popover):hover:after,
928
+ [data-tecton-module].tablet .tooltipped:not(.tooltip-popover):active:before,
929
+ [data-tecton-module].tablet .tooltipped:not(.tooltip-popover):active:after,
930
+ [data-tecton-module].tablet .tooltipped:not(.tooltip-popover):focus:before,
931
+ [data-tecton-module].tablet .tooltipped:not(.tooltip-popover):focus:after,
932
+ [data-tecton-module].tablet
933
+ .tooltipped:not(.tooltip-popover):focus-within:before,
934
+ [data-tecton-module].tablet
935
+ .tooltipped:not(.tooltip-popover):focus-within:after {
936
+ display: none;
937
+ }
938
+
939
+ /* TODO: Merge the theme with fallback colors */
940
+
941
+ :root {
942
+ /* default theme */
299
943
 
300
944
  /*button */
301
945
  --tct-btn-font-size: 14px;
@@ -304,7 +948,7 @@
304
948
  /* primary btn */
305
949
  --tct-btn-primary-bg: #510098;
306
950
  --tct-btn-primary-font-color: #ffffff;
307
- --tct-btn-primary-box-shadow: 8px 8px 8px rgba(0,0,0,0.12);
951
+ --tct-btn-primary-box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.12);
308
952
  --tct-btn-primary-border-color: transparent;
309
953
  --tct-btn-primary-border-width: 0px;
310
954
  --tct-btn-primary-border-radius: 5px;
@@ -321,7 +965,7 @@
321
965
  /* secondary btn */
322
966
  --tct-btn-secondary-bg: #8058bc;
323
967
  --tct-btn-secondary-font-color: #ffffff;
324
- --tct-btn-secondary-box-shadow: 8px 8px 8px rgba(0,0,0,0.12);
968
+ --tct-btn-secondary-box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.12);
325
969
  --tct-btn-secondary-border-color: transparent;
326
970
  --tct-btn-secondary-border-width: 0px;
327
971
  --tct-btn-secondary-border-radius: 5px;
@@ -329,44 +973,32 @@
329
973
  --tct-btn-secondary-text-transform: none;
330
974
  --tct-btn-secondary-letter-spacing: normal;
331
975
 
332
- /* secondary btn hover effects */
976
+ /* secondary btn hover effects */
333
977
  --tct-btn-secondary-hover-bg: #8058bc;
334
978
  --tct-btn-secondary-hover-font-color: #ffffff;
335
979
  --tct-btn-secondary-hover-box-shadow: 8px 8px 8px rgba(98, 0, 255, 0.2);
336
- --tct-btn-secondary-hover-border-color: transparent;
337
980
 
338
981
  /* neutral btn */
339
- --tct-btn-neutral-bg: #ffffff;
340
- --tct-btn-neutral-font-color: #510098;
341
- --tct-btn-neutral-box-shadow: 8px 8px 8px rgba(0,0,0,0.12);
342
- --tct-btn-neutral-border-color: transparent;
343
- --tct-btn-neutral-border-width: 0px;
344
- --tct-btn-neutral-border-radius: 5px;
345
- --tct-btn-neutral-font-weight: 400;
346
- --tct-btn-neutral-text-transform: none;
347
- --tct-btn-neutral-letter-spacing: normal;
982
+ --tct-btn-default-bg: #ffffff;
983
+ --tct-btn-default-font-color: #510098;
984
+ --tct-btn-default-font-weight: 400;
348
985
 
349
986
  /* neutral btn hover effects */
350
- --tct-btn-neutral-hover-bg: #ffffff;
351
- --tct-btn-neutral-hover-font-color: #510098;
352
- --tct-btn-neutral-hover-box-shadow: 8px 8px 8px rgba(98, 0, 255, 0.2);
353
- --tct-btn-neutral-hover-border-color: transparent;
987
+ --tct-btn-default-hover-bg: #ffffff;
988
+ --tct-btn-default-hover-font-color: #510098;
989
+ --tct-btn-default-hover-box-shadow: 8px 8px 8px rgba(98, 0, 255, 0.2);
354
990
 
355
991
  /*icon buttons */
356
992
  --tct-btn-icon-width: 50px;
357
993
  --tct-btn-icon-height: 50px;
358
994
  --tct-btn-icon-color: #510098;
359
- --tct-btn-icon-border-radius: 50%;
360
995
 
361
996
  /* icon button hover effects */
362
997
  --tct-btn-icon-hover-bg: #f2f2f2;
363
998
  --tct-btn-icon-active-bg: #f2f2f2;
364
- --tct-btn-icon-hover-color: #510098;
365
999
 
366
1000
  /* badge buttons */
367
- --tct-btn-badge-padding: 5px 10px;
368
1001
  --tct-btn-badge-font-size: 14px;
369
- --tct-btn-badge-border-radius: 5px;
370
1002
  --tct-btn-badge-bg: #510098;
371
1003
  --tct-btn-badge-font-color: #ffffff;
372
1004
 
@@ -374,7 +1006,7 @@
374
1006
  --tct-btn-badge-hover-bg: #8058bc;
375
1007
  --tct-btn-badge-hover-font-color: #ffffff;
376
1008
 
377
- /* badge active */
1009
+ /* badge active */
378
1010
  --tct-btn-badge-active-bg: #8058bc;
379
1011
  --tct-btn-badge-active-font-color: #ffffff;
380
1012
 
@@ -392,423 +1024,81 @@
392
1024
  --tct-btn-neutral-disabled-font-color: #510098;
393
1025
  --tct-btn-neutral-disabled-box-shadow: transparent;
394
1026
 
395
- /* checkboxes */
396
- --tct-checkbox-vertical-padding: 10px;
397
- --tct-checkbox-outer-stroke-color: #9c7dcb;
398
- --tct-checkbox-outer-fill-color: #ffffff;
399
- --tct-checkbox-check-stroke-color: #510098;
400
- --tct-checkbox-size: 20px;
401
- --tct-checkbox-outer-border-radius: 5px;
402
- --tct-checkbox-stroke-width: 5;
403
- --tct-checkbox-focused-outer-stroke-color: #510098;
404
- --tct-checkbox-indeterminate-stroke-width: 5;
405
- --tct-checkbox-disabled-opacity: 1.5;
406
- --t-checkbox-fill: #510098;
407
- --tct-checkbox-checked-outer-fill-color: #ffffff;
408
- --tct-checkbox-checked-outer-stroke-color: #9c7dcb;
409
- --tct-checkbox-focused-outer-stroke-color: #510098;
410
-
411
1027
  /* checkbox with label */
412
1028
  --tct-checkbox-font-weight: 300;
413
- --tct-checkbox-selected-letter-spacing: .50;
414
- --tct-checkbox-selected-font-weight: 600;
415
- --tct-checkbox-selected-letter-spacing: .50;
416
- --tct-input-error-border-color: red;
417
- --tct-input-label-optional-margin-left: 10px;
418
- --tct-input-label-optional-font-color: #510098;
419
1029
  --tct-input-label-optional-font-size: 14px;
420
1030
  --tct-input-label-optional-font-weight: 300;
421
- --tct-input-error-padding: 5px;
422
-
423
1031
 
424
1032
  /* checkbox favorite */
425
- --tct-checkbox-favorite-fill-color: #8058bc;
426
- --tct-checkbox-favorite-stroke-width: 1;
427
- --tct-tween-2: 0.2s ease;
1033
+ --t-checkbox-favorite-fill-color: #8058bc;
1034
+ --t-checkbox-favorite-stroke-width: 1;
428
1035
 
429
1036
  /* checkbox disabled */
430
- --tct-checkbox-disabled-opacity: .6;
431
-
432
- /* toggle */
433
- --tct-checkbox-toggle-track-color: #8058bc;
434
- --tct-checkbox-toggle-checked-color: #510098;
435
- --tct-checkbox-toggle-circle-color: #510098;
436
- --tct-checkbox-toggle-checked-color: #510098;
437
- --tct-checkbox-toggle-icon-stroke: #ffffff;
438
- --tct-checkbox-toggle-checked-icon-stroke: #ffffff;
1037
+ --tct-checkbox-disabled-opacity: 0.6;
439
1038
 
440
1039
  /* carousels */
441
1040
  --tct-carousel-pagination-inactive-color: #f2f2f2;
442
1041
  --tct-carousel-pagination-active-color: #510098;
443
1042
  --tct-carousel-background-color: #ffffff;
444
1043
  --tct-carousel-pane-border-width: 1px;
445
- --tct-carousel-pane-border-radius: 10px;
446
- --tct-carousel-pane-padding: 1rem;
447
1044
 
448
1045
  /* calendar */
449
1046
  --tct-calendar-label-font-size: 16px;
450
- --tct-calendar-label-vertical-padding: 5px;
451
1047
  --tct-calendar-month-font-size: 14px;
452
- --tct-calendar-month-font-weight: 300;
453
1048
  --tct-calendar-day-heading-font-size: 14px;
454
- --tct-calendar-day-heading-font-weight: 300;
455
- --tct-calendar-day-hover-bg: rgba(245, 238, 255, 0.5);
1049
+ --t-calendar-day-hover-bg: rgba(245, 238, 255, 0.5);
456
1050
  --tct-calendar-day-selected-font-color: #510098;
457
- --tct-calenday-day-selected-outline-color: #8058bc;
458
1051
  --tct-calendar-activity-indicator-color: #510098;
459
- --tct-calendar-disclaimer-font-size: 14px;
460
- --tct-calendar-disclaimer-border-color: #f2f2f2;
461
- --tct-calendar-disclaimer-padding: 5px;
462
1052
 
463
1053
  /* collapsible sections */
464
1054
  --tct-section-bg: #ffffff;
465
1055
  --tct-section-font-color: #090313;
466
- --tct-section-border-radius: 7px;
467
- --tct-section-wrapper-hover-box-shadow: transparent;
468
1056
 
469
1057
  /* dropdowns */
470
- --tct-user-dropdown-width: 150px;
471
- --tct-dropdown-item-separator-color: #bdbdbd;
472
- --tct-dropdown-item-padding: 0px;
473
1058
  --tct-dropdown-item-bg: #ffffff;
474
1059
  --tct-dropdown-item-font-color: #090313;
475
1060
  --tct-dropdown-item-selected-bg: #f1f1f1;
476
- --tct-dropdown-item-selected-font-color: #510098;
477
- --tct-dropdown-element-br: 2px;
478
1061
 
479
1062
  /* icons */
480
- --tct-icon-size: 20px;
481
- --tct-icon-stroke-width: 1;
482
- --tct-icon-cap: round;
483
- --tct-icon-stroke-primary: #090313;
484
- --tct-icon-stroke-secondary: #510098;
485
- --tct-icon-fill: none;
1063
+ --t-icon-size: 20px;
1064
+ --t-icon-stroke-width: 1;
1065
+ --t-icon-cap: round;
1066
+ --t-icon-stroke-primary: #090313;
486
1067
 
487
1068
  /* inputs */
488
- --tct-input-margin-top: 20px;
489
- --tct-input-margin-bottom: 20px;
490
1069
  --tct-input-font-size: 14px;
491
- --tct-input-box-shadow: transparent;
492
1070
  --tct-input-placeholder-font-color: #797979;
493
- --tct-input-icon-stroke-primary: #090313;
494
1071
  --tct-input-height: 40px;
495
- --tct-input-horizontal-padding: 15px;
496
1072
  --tct-input-bg: #fefefe;
497
1073
  --tct-input-font-color: #4b4b4b;
498
1074
 
499
1075
  /* input label */
500
- --tct-input-label-padding-left: 10;
501
- --tct-input-label-padding-right: 10;
502
- --tct-input-label-margin-top: 10;
503
- --tct-input-label-margin-bottom: 10;
504
1076
  --tct-input-label-font-color: #090313;
505
1077
  --tct-input-label-font-size: 16px;
506
1078
  --tct-input-label-font-weight: 500;
507
- --tct-input-label-text-transform: none;
508
- --tct-input-label-letter-spacing: .50;
509
-
510
- /* error input */
511
- --tct-input-error-label-font-color: #090313;
512
- --tct-input-error-prefix-font-color: #4b4b4b;
513
- --tct-input-error-prefix-bg: #fefefe;
514
- --tct-input-error-border-color: red;
515
-
516
- /* input optional */
517
- --tct-input-label-optional-margin-left: 15;
518
- --tct-input-label-optional-font-color: #510098;
519
- --tct-input-label-optional-font-size: 12px;
520
- --tct-input-label-optional-font-weight: 300;
521
1079
 
522
1080
  /* input borders */
523
- --tct-input-border-top-left-radius: 5px;
524
- --tct-input-border-top-right-radius: 5px;
525
- --tct-input-border-bottom-right-radius: 5px;
526
- --tct-input-border-bottom-left-radius: 5px;
527
- --tct-input-border-top-width: .5px;
528
- --tct-input-border-right-width: .5px;
529
- --tct-input-border-bottom-width: .5px;
530
- --tct-input-border-left-width: .5px;
531
- --tct-input-focus-border-top-width: .5px;
532
- --tct-input-focus-border-right-width: .5px;
533
- --tct-input-focus-border-bottom-width: .5px;
534
- --tct-input-focus-border-left-width: .5px;
535
- --tct-input-focus-border-color: #8058bc;
1081
+ --tct-input-border-top-width: 0.5px;
1082
+ --tct-input-border-right-width: 0.5px;
1083
+ --tct-input-border-bottom-width: 0.5px;
1084
+ --tct-input-border-left-width: 0.5px;
536
1085
  --tct-input-border-color: #510098;
537
1086
 
538
- /* input prefixes */
539
- --tct-input-prefix-font-size: 14px;
540
- --tct-input-prefix-bg: #f1f1f1;
541
- --tct-input-prefix-font-color: #767676;
542
- --tct-input-prefix-border-color: #510098;
543
-
544
1087
  /* loaders */
545
1088
  --tct-loading-skeleton-shimmer-color: rgba(254, 254, 254, 0.5);
546
- --tct-loading-skeleton-vertical-gap: 5px;
547
- --tct-loading-skeleton-horizontal-gap: 5px;
548
- --tct-loading-primary-color: #510098;
549
- --tct-loading-secondary-color: #cdacff;
550
1089
  --tct-loading-spinner-size: 40px;
551
1090
 
552
1091
  /* messages */
553
1092
  --tct-message-bg: #f5f5f5;
554
- --tct-input-message-box-shadow: transparent;
555
- --tct-input-messages-tween: .4s ease;
556
1093
  --tct-input-messages-font-color: #090313;
557
- --tct-input-disabled-opacity: .6;
558
1094
  --tct-message-bar-width: 6px;
559
- --tct-message-border-radius: 3px;
560
1095
  --tct-message-padding: 15px;
561
- --tct-message-minimal-padding: 10px;
562
1096
 
563
1097
  /* options */
564
1098
  --tct-tab-alt-active-color: #510098;
565
- --tct-option-active-bg: rgba(245, 238, 255, 0.5);
566
- --tct-option-active-font-color: #510098;
567
- --tct-optgroup-header-bg: transparent;
568
1099
  --tct-optgroup-header-font-weight: 400;
569
- --tct-optgroup-header-text-transform: none;
570
-
571
- /* radio buttons */
572
- --tct-radio-margin-vertical: 5px;
573
- --tct-radio-margin-horizontal: 10px;
574
- --tct-radio-stroke-color: #9c7dcb;
575
- --tct-radio-checked-bg: #ffffff;
576
- --tct-radio-checked-stroke-color: #510098;
577
- --tct-checkbox-selected-font-weight: 300;
578
- --tct-checkbox-selected-letter-spacing: .50;
579
- --tct-radio-focus-stroke-color: #510098;
580
- --tct-radio-font-weight: 300;
581
1100
 
582
1101
  /* selects */
583
1102
  --tct-select-margin-top: 20px;
584
1103
  --tct-select-margin-bottom: 20px;
585
-
586
- /* tabs */
587
- --tct-tab-container-border-color: transparent;
588
- --tct-tab-inactive-color: #8058bc;
589
- --tct-tab-font-size: 16px;
590
- --tct-tab-active-color: #510098;
591
- --tct-tab-hover-bg-color: rgba(245, 238, 255, 0.5);
592
- --tct-tab-hover-width: 100%;
593
- --tct-tab-active-width: 100%;
594
- --tct-tab-active-bg-color: rgba(245, 238, 255, 0.5);
595
- --tct-tab-alt-inactive-color: #8058bc;
596
- --tct-tab-alt-active-color: #510098;
597
-
598
- /* style constants */
599
- --tct-stoplight-info: #0277BD;
600
- --tct-stoplight-success: #689F38;
601
- --tct-stoplight-warning: #D32F2F;
602
- --tct-stoplight-alert: #D32F2F;
603
- --tct-global-focus: 0 0 0 transparent;
604
- --const-stoplight-info: #0277BD;
605
- --const-stoplight-success: #689F38;
606
- --const-stoplight-warning: #D32F2F;
607
- --const-stoplight-alert: #D32F2F;
608
- --const-global-focus: 0 0 0 transparent;
609
- --tct-black: #000000;
610
- --tct-gray-d3: #616161;
611
- --tct-gray-d2: #757575;
612
- --tct-gray-d1: #9E9E9E;
613
- --tct-gray: #999999;
614
- --tct-gray-l1: #F7F7F7;
615
- --tct-gray-l2: #EEEEEE;
616
- --tct-gray-l3: #E0E0E0;
617
- --tct-white: #FFFFFF;
618
- --app-black: #000000;
619
- --app-gray-d3: #616161;
620
- --app-gray-d2: #757575;
621
- --app-gray-d1: #9E9E9E;
622
- --app-gray: #999999;
623
- --app-gray-l1: #E0E0E0;
624
- --app-gray-l2: #EEEEEE;
625
- --app-gray-l3: #F7F7F7;
626
- --app-white: #FFFFFF;
627
-
628
- /* new style constants */
629
- --tct-primary-d5: #003d61;
630
- --tct-primary-d4: #004974;
631
- --tct-primary-d3: #004d7d;
632
- --tct-primary-d2: #00588e;
633
- --tct-primary-d1: #0063a0;
634
- --tct-primary: #006eb2;
635
- --tct-primary-l1: #0083d3;
636
- --tct-primary-l2: #0097f4;
637
- --tct-primary-l3: #17a6ff;
638
- --tct-primary-l4: #38b3ff;
639
- --app-primary-l5: #59c0ff;
640
- --app-primary-d5: #003d61;
641
- --app-primary-d4: #004974;
642
- --app-primary-d3: #004d7d;
643
- --app-primary-d2: #00588e;
644
- --app-primary-d1: #0063a0;
645
- --app-primary: #006eb2;
646
- --app-primary-l1: #0083d3;
647
- --app-primary-l2: #0097f4;
648
- --app-primary-l3: #17a6ff;
649
- --app-primary-l4: #38b3ff;
650
- --app-primary-l5: #59c0ff;
651
- --tct-secondary-d5: #753200;
652
- --tct-secondary-d4: #8f3d00;
653
- --tct-secondary-d3: #a34500;
654
- --tct-secondary-d2: #bd5000;
655
- --tct-secondary-d1: #d15900;
656
- --tct-secondary: #ec6400;
657
- --tct-secondary-l1: #ff6f05;
658
- --tct-secondary-l2: #ff7b1a;
659
- --tct-secondary-l3: #ff8933;
660
- --tct-secondary-l4: #ff9547;
661
- --tct-secondary-l5: #ffa461;
662
- --app-secondary-d5: #753200;
663
- --app-secondary-d4: #8f3d00;
664
- --app-secondary-d3: #a34500;
665
- --app-secondary-d2: #bd5000;
666
- --app-secondary-d1: #d15900;
667
- --app-secondary: #ec6400;
668
- --app-secondary-l1: #ff6f05;
669
- --app-secondary-l2: #ff7b1a;
670
- --app-secondary-l3: #ff8933;
671
- --app-secondary-l4: #ff9547;
672
- --app-secondary-l5: #ffa461;
673
- --tct-tertriary-d5: #805e00;
674
- --tct-tertriary-d4: #997100;
675
- --tct-tertriary-d3: #b38400;
676
- --tct-tertriary-d2: #cc9600;
677
- --tct-tertriary-d1: #e6a900;
678
- --tct-tertriary: #ffbc00;
679
- --tct-tertriary-l1: #ffc31a;
680
- --tct-tertriary-l2: #ffc933;
681
- --tct-tertriary-l3: #ffd04d;
682
- --tct-tertriary-l4: #ffd766;
683
- --tct-tertriary-l5: #ffde80;
684
- --app-tertriary-d5: #805e00;
685
- --app-tertriary-d4: #997100;
686
- --app-tertriary-d3: #b38400;
687
- --app-tertriary-d2: #cc9600;
688
- --app-tertriary-d1: #e6a900;
689
- --app-tertriary: #ffbc00;
690
- --app-tertriary-l1: #ffc31a;
691
- --app-tertriary-l2: #ffc933;
692
- --app-tertriary-l3: #ffd04d;
693
- --app-tertriary-l4: #ffd766;
694
- --app-tertriary-l5: #ffde80;
695
- --tct-accent-1: #f53d3d;
696
- --tct-accent-1-l1: #f76464;
697
- --tct-accent-1-d1: #e90c0c;
698
- --tct-accent-2: #f5993d;
699
- --tct-accent-2-l1: #f7ad64;
700
- --tct-accent-2-d1: #e97a0c;
701
- --tct-accent-3: #f5f53d;
702
- --tct-accent-3-l1: #f7f764;
703
- --tct-accent-3-d1: #e9e90c;
704
- --tct-accent-4: #99f53d;
705
- --tct-accent-4-l1: #adf764;
706
- --tct-accent-4-d1: #7ae90c;
707
- --tct-accent-5: #3df53d;
708
- --tct-accent-5-l1: #65f764;
709
- --tct-accent-5-d1: #0ce90c;
710
- --tct-accent-6: #3df599;
711
- --tct-accent-6-l1: #64f7ad;
712
- --tct-accent-6-d1: #0ce97a;
713
- --tct-accent-7: #3df5f5;
714
- --tct-accent-7-l1: #64f7f7;
715
- --tct-accent-7-d1: #0ce9e9;
716
- --tct-accent-8: #3d99f5;
717
- --tct-accent-8-l1: #64adf7;
718
- --tct-accent-8-d1: #0c7ae9;
719
- --tct-accent-9: #3d3df5;
720
- --tct-accent-9-l1: #6464f7;
721
- --tct-accent-9-d1: #0c0ce0;
722
- --tct-accent-10: #993df5;
723
- --tct-accent-10-l1: #ad64f7;
724
- --tct-accent-10-d1: #740ce9;
725
- --tct-accent-11: #f53df5;
726
- --tct-accent-11-l1: #f764f7;
727
- --tct-accent-11-d1: #e90ce9;
728
- --tct-accent-12: #f53d99;
729
- --tct-accent-12-l1: #f764ad;
730
- --tct-accent-12-d1: #e90c74;
731
- --app-accent-1: #f53d3d;
732
- --app-accent-1-l1: #f76464;
733
- --app-accent-1-d1: #e90c0c;
734
- --app-accent-2: #f5993d;
735
- --app-accent-2-l1: #f7ad64;
736
- --app-accent-2-d1: #e97a0c;
737
- --app-accent-3: #f5f53d;
738
- --app-accent-3-l1: #f7f764;
739
- --app-accent-3-d1: #e9e90c;
740
- --app-accent-4: #99f53d;
741
- --app-accent-4-l1: #adf764;
742
- --app-accent-4-d1: #7ae90c;
743
- --app-accent-5: #3df53d;
744
- --app-accent-5-l1: #65f764;
745
- --app-accent-5-d1: #0ce90c;
746
- --app-accent-6: #3df599;
747
- --app-accent-6-l1: #64f7ad;
748
- --app-accent-6-d1: #0ce97a;
749
- --app-accent-7: #3df5f5;
750
- --app-accent-7-l1: #64f7f7;
751
- --app-accent-7-d1: #0ce9e9;
752
- --app-accent-8: #3d99f5;
753
- --app-accent-8-l1: #64adf7;
754
- --app-accent-8-d1: #0c7ae9;
755
- --app-accent-9: #3d3df5;
756
- --app-accent-9-l1: #6464f7;
757
- --app-accent-9-d1: #0c0ce0;
758
- --app-accent-10: #993df5;
759
- --app-accent-10-l1: #ad64f7;
760
- --app-accent-10-d1: #740ce9;
761
- --app-accent-11: #f53df5;
762
- --app-accent-11-l1: #f764f7;
763
- --app-accent-11-d1: #e90ce9;
764
- --app-accent-12: #f53d99;
765
- --app-accent-12-l1: #f764ad;
766
- --app-accent-12-d1: #e90c74;
767
-
768
- --tct-disabled-opacity: 1;
769
- --app-disabled-opacity: 1;
770
-
771
- --tct-border-radius-1: 2px;
772
- --tct-border-radius-2: 6px;
773
- --tct-border-radius-3: 3px;
774
- --app-border-radius-1: 2px;
775
- --app-border-radius-2: 6px;
776
- --app-border-radius-3: 3px;
777
- --tct-shadow-1: 2px 2px 4px 0 #bdbdbd;
778
- --tct-shadow-2: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
779
- --app-shadow-1: 2px 2px 4px 0 #bdbdbd;
780
- --app-shadow-2: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
781
-
782
- --tct-duration-1: 0.2s;
783
- --tct-duration-2: 0.4s;
784
- --tct-duration-3: 0.6s;
785
- --app-duration-1: 0.2s;
786
- --app-duration-2: 0.4s;
787
- --app-duration-3: 0.6s;
788
- --tct-tween-1: 0.2s ease-in-out;
789
- --tct-tween-2: 0.4s ease-in-out;
790
- --tct-tween-3: 0.6s ease-in-out;
791
- --app-tween-1: 0.2s ease-in-out;
792
- --app-tween-2: 0.4s ease-in-out;
793
- --app-tween-3: 0.6s ease-in-out;
794
-
795
- --tct-font-size: 1rem;
796
- --tct-font-size-small: 0.85714rem;
797
- --tct-scale-0: 0px;
798
- --tct-scale-1: 5px;
799
- --tct-scale-2: 10px;
800
- --tct-scale-3: 15px;
801
- --tct-scale-4: 30px;
802
- --tct-scale-5: 45px;
803
- --tct-scale-6: 60px;
804
- --app-scale-0: 0px;
805
- --app-scale-1: 5px;
806
- --app-scale-2: 10px;
807
- --app-scale-3: 15px;
808
- --app-scale-4: 30px;
809
- --app-scale-5: 45px;
810
- --app-scale-6: 60px;
811
- --tct-link-color: #0277BD;
812
- --tct-link-hover-color: #0277BD;
813
- --tct-font-size-small: 12px;
814
- }
1104
+ }