@gem-sdk/styles 1.60.7 → 2.0.0-dev.1082
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/dist/base.css +28 -46
- package/dist/base.min.css +1 -1
- package/dist/builder.css +34 -45
- package/dist/builder.min.css +1 -1
- package/dist/toolbar.css +32 -28
- package/dist/toolbar.min.css +1 -1
- package/dist/utility.css +735 -73
- package/dist/utility.min.css +1 -1
- package/package.json +2 -2
- package/src/css/all.css +11 -0
- package/src/css/builds/base.css +18 -15
- package/src/css/builds/builder.css +30 -15
- package/src/css/builds/toolbar.css +23 -0
- package/src/css/helpers/_layout.css +26 -17
- package/src/css/medias.css +2 -2
- package/src/css/utilities/_border.css +5 -0
- package/src/css/utilities/_grid.css +3 -2
- package/src/css/utilities/_overflow.css +3 -3
- package/src/css/utilities/all.css +3 -3
- package/src/preset.js +2 -2
- package/src/properties.js +66 -18
- package/types/globals.d.ts +297 -0
- package/types/types.d.ts +11 -0
package/dist/utility.css
CHANGED
|
@@ -17,6 +17,25 @@
|
|
|
17
17
|
$(prop): var(--$(prefix)focus-$(var));
|
|
18
18
|
}
|
|
19
19
|
} */
|
|
20
|
+
[style*="--as:"] {
|
|
21
|
+
align-self: var(--as);
|
|
22
|
+
}
|
|
23
|
+
[style*="--hvr-as:"]:hover {
|
|
24
|
+
align-self: var(--hvr-as);
|
|
25
|
+
}
|
|
26
|
+
/* .group:hover {
|
|
27
|
+
[style*="--$(prefix)hvr-$(var):"] {
|
|
28
|
+
$(prop): var(--$(prefix)hvr-$(var));
|
|
29
|
+
}
|
|
30
|
+
} */
|
|
31
|
+
[style*="--focus-as:"]:focus {
|
|
32
|
+
align-self: var(--focus-as);
|
|
33
|
+
}
|
|
34
|
+
/* .group:focus {
|
|
35
|
+
[style*="--$(prefix)focus-$(var):"] {
|
|
36
|
+
$(prop): var(--$(prefix)focus-$(var));
|
|
37
|
+
}
|
|
38
|
+
} */
|
|
20
39
|
[style*="--aspect:"] {
|
|
21
40
|
aspect-ratio: var(--aspect);
|
|
22
41
|
}
|
|
@@ -226,6 +245,63 @@
|
|
|
226
245
|
$(prop): var(--$(prefix)focus-$(var));
|
|
227
246
|
}
|
|
228
247
|
} */
|
|
248
|
+
[style*="--blw:"] {
|
|
249
|
+
border-left-width: var(--blw);
|
|
250
|
+
}
|
|
251
|
+
[style*="--hvr-blw:"]:hover {
|
|
252
|
+
border-left-width: var(--hvr-blw);
|
|
253
|
+
}
|
|
254
|
+
/* .group:hover {
|
|
255
|
+
[style*="--$(prefix)hvr-$(var):"] {
|
|
256
|
+
$(prop): var(--$(prefix)hvr-$(var));
|
|
257
|
+
}
|
|
258
|
+
} */
|
|
259
|
+
[style*="--focus-blw:"]:focus {
|
|
260
|
+
border-left-width: var(--focus-blw);
|
|
261
|
+
}
|
|
262
|
+
/* .group:focus {
|
|
263
|
+
[style*="--$(prefix)focus-$(var):"] {
|
|
264
|
+
$(prop): var(--$(prefix)focus-$(var));
|
|
265
|
+
}
|
|
266
|
+
} */
|
|
267
|
+
[style*="--brw:"] {
|
|
268
|
+
border-right-width: var(--brw);
|
|
269
|
+
}
|
|
270
|
+
[style*="--hvr-brw:"]:hover {
|
|
271
|
+
border-right-width: var(--hvr-brw);
|
|
272
|
+
}
|
|
273
|
+
/* .group:hover {
|
|
274
|
+
[style*="--$(prefix)hvr-$(var):"] {
|
|
275
|
+
$(prop): var(--$(prefix)hvr-$(var));
|
|
276
|
+
}
|
|
277
|
+
} */
|
|
278
|
+
[style*="--focus-brw:"]:focus {
|
|
279
|
+
border-right-width: var(--focus-brw);
|
|
280
|
+
}
|
|
281
|
+
/* .group:focus {
|
|
282
|
+
[style*="--$(prefix)focus-$(var):"] {
|
|
283
|
+
$(prop): var(--$(prefix)focus-$(var));
|
|
284
|
+
}
|
|
285
|
+
} */
|
|
286
|
+
[style*="--btw:"] {
|
|
287
|
+
border-top-width: var(--btw);
|
|
288
|
+
}
|
|
289
|
+
[style*="--hvr-btw:"]:hover {
|
|
290
|
+
border-top-width: var(--hvr-btw);
|
|
291
|
+
}
|
|
292
|
+
/* .group:hover {
|
|
293
|
+
[style*="--$(prefix)hvr-$(var):"] {
|
|
294
|
+
$(prop): var(--$(prefix)hvr-$(var));
|
|
295
|
+
}
|
|
296
|
+
} */
|
|
297
|
+
[style*="--focus-btw:"]:focus {
|
|
298
|
+
border-top-width: var(--focus-btw);
|
|
299
|
+
}
|
|
300
|
+
/* .group:focus {
|
|
301
|
+
[style*="--$(prefix)focus-$(var):"] {
|
|
302
|
+
$(prop): var(--$(prefix)focus-$(var));
|
|
303
|
+
}
|
|
304
|
+
} */
|
|
229
305
|
[style*="--bbc:"] {
|
|
230
306
|
border-bottom-color: var(--bbc);
|
|
231
307
|
}
|
|
@@ -245,6 +321,63 @@
|
|
|
245
321
|
$(prop): var(--$(prefix)focus-$(var));
|
|
246
322
|
}
|
|
247
323
|
} */
|
|
324
|
+
[style*="--btc:"] {
|
|
325
|
+
border-top-color: var(--btc);
|
|
326
|
+
}
|
|
327
|
+
[style*="--hvr-btc:"]:hover {
|
|
328
|
+
border-top-color: var(--hvr-btc);
|
|
329
|
+
}
|
|
330
|
+
/* .group:hover {
|
|
331
|
+
[style*="--$(prefix)hvr-$(var):"] {
|
|
332
|
+
$(prop): var(--$(prefix)hvr-$(var));
|
|
333
|
+
}
|
|
334
|
+
} */
|
|
335
|
+
[style*="--focus-btc:"]:focus {
|
|
336
|
+
border-top-color: var(--focus-btc);
|
|
337
|
+
}
|
|
338
|
+
/* .group:focus {
|
|
339
|
+
[style*="--$(prefix)focus-$(var):"] {
|
|
340
|
+
$(prop): var(--$(prefix)focus-$(var));
|
|
341
|
+
}
|
|
342
|
+
} */
|
|
343
|
+
[style*="--blc:"] {
|
|
344
|
+
border-left-color: var(--blc);
|
|
345
|
+
}
|
|
346
|
+
[style*="--hvr-blc:"]:hover {
|
|
347
|
+
border-left-color: var(--hvr-blc);
|
|
348
|
+
}
|
|
349
|
+
/* .group:hover {
|
|
350
|
+
[style*="--$(prefix)hvr-$(var):"] {
|
|
351
|
+
$(prop): var(--$(prefix)hvr-$(var));
|
|
352
|
+
}
|
|
353
|
+
} */
|
|
354
|
+
[style*="--focus-blc:"]:focus {
|
|
355
|
+
border-left-color: var(--focus-blc);
|
|
356
|
+
}
|
|
357
|
+
/* .group:focus {
|
|
358
|
+
[style*="--$(prefix)focus-$(var):"] {
|
|
359
|
+
$(prop): var(--$(prefix)focus-$(var));
|
|
360
|
+
}
|
|
361
|
+
} */
|
|
362
|
+
[style*="--brc:"] {
|
|
363
|
+
border-right-color: var(--brc);
|
|
364
|
+
}
|
|
365
|
+
[style*="--hvr-brc:"]:hover {
|
|
366
|
+
border-right-color: var(--hvr-brc);
|
|
367
|
+
}
|
|
368
|
+
/* .group:hover {
|
|
369
|
+
[style*="--$(prefix)hvr-$(var):"] {
|
|
370
|
+
$(prop): var(--$(prefix)hvr-$(var));
|
|
371
|
+
}
|
|
372
|
+
} */
|
|
373
|
+
[style*="--focus-brc:"]:focus {
|
|
374
|
+
border-right-color: var(--focus-brc);
|
|
375
|
+
}
|
|
376
|
+
/* .group:focus {
|
|
377
|
+
[style*="--$(prefix)focus-$(var):"] {
|
|
378
|
+
$(prop): var(--$(prefix)focus-$(var));
|
|
379
|
+
}
|
|
380
|
+
} */
|
|
248
381
|
[style*="--bc:"] {
|
|
249
382
|
border-color: var(--bc);
|
|
250
383
|
}
|
|
@@ -512,12 +645,10 @@
|
|
|
512
645
|
}
|
|
513
646
|
} */
|
|
514
647
|
[style*="--cg:"] {
|
|
515
|
-
|
|
516
|
-
column-gap: var(--cg);
|
|
648
|
+
column-gap: var(--cg);
|
|
517
649
|
}
|
|
518
650
|
[style*="--hvr-cg:"]:hover {
|
|
519
|
-
|
|
520
|
-
column-gap: var(--hvr-cg);
|
|
651
|
+
column-gap: var(--hvr-cg);
|
|
521
652
|
}
|
|
522
653
|
/* .group:hover {
|
|
523
654
|
[style*="--$(prefix)hvr-$(var):"] {
|
|
@@ -525,8 +656,7 @@
|
|
|
525
656
|
}
|
|
526
657
|
} */
|
|
527
658
|
[style*="--focus-cg:"]:focus {
|
|
528
|
-
|
|
529
|
-
column-gap: var(--focus-cg);
|
|
659
|
+
column-gap: var(--focus-cg);
|
|
530
660
|
}
|
|
531
661
|
/* .group:focus {
|
|
532
662
|
[style*="--$(prefix)focus-$(var):"] {
|
|
@@ -761,6 +891,25 @@
|
|
|
761
891
|
$(prop): var(--$(prefix)focus-$(var));
|
|
762
892
|
}
|
|
763
893
|
} */
|
|
894
|
+
[style*="--js:"] {
|
|
895
|
+
justify-self: var(--js);
|
|
896
|
+
}
|
|
897
|
+
[style*="--hvr-js:"]:hover {
|
|
898
|
+
justify-self: var(--hvr-js);
|
|
899
|
+
}
|
|
900
|
+
/* .group:hover {
|
|
901
|
+
[style*="--$(prefix)hvr-$(var):"] {
|
|
902
|
+
$(prop): var(--$(prefix)hvr-$(var));
|
|
903
|
+
}
|
|
904
|
+
} */
|
|
905
|
+
[style*="--focus-js:"]:focus {
|
|
906
|
+
justify-self: var(--focus-js);
|
|
907
|
+
}
|
|
908
|
+
/* .group:focus {
|
|
909
|
+
[style*="--$(prefix)focus-$(var):"] {
|
|
910
|
+
$(prop): var(--$(prefix)focus-$(var));
|
|
911
|
+
}
|
|
912
|
+
} */
|
|
764
913
|
[style*="--left:"] {
|
|
765
914
|
left: var(--left);
|
|
766
915
|
}
|
|
@@ -838,10 +987,12 @@
|
|
|
838
987
|
}
|
|
839
988
|
} */
|
|
840
989
|
[style*="--tdc:"] {
|
|
841
|
-
text-decoration-color: var(--tdc);
|
|
990
|
+
-webkit-text-decoration-color: var(--tdc);
|
|
991
|
+
text-decoration-color: var(--tdc);
|
|
842
992
|
}
|
|
843
993
|
[style*="--hvr-tdc:"]:hover {
|
|
844
|
-
text-decoration-color: var(--hvr-tdc);
|
|
994
|
+
-webkit-text-decoration-color: var(--hvr-tdc);
|
|
995
|
+
text-decoration-color: var(--hvr-tdc);
|
|
845
996
|
}
|
|
846
997
|
/* .group:hover {
|
|
847
998
|
[style*="--$(prefix)hvr-$(var):"] {
|
|
@@ -849,7 +1000,8 @@
|
|
|
849
1000
|
}
|
|
850
1001
|
} */
|
|
851
1002
|
[style*="--focus-tdc:"]:focus {
|
|
852
|
-
text-decoration-color: var(--focus-tdc);
|
|
1003
|
+
-webkit-text-decoration-color: var(--focus-tdc);
|
|
1004
|
+
text-decoration-color: var(--focus-tdc);
|
|
853
1005
|
}
|
|
854
1006
|
/* .group:focus {
|
|
855
1007
|
[style*="--$(prefix)focus-$(var):"] {
|
|
@@ -857,10 +1009,12 @@
|
|
|
857
1009
|
}
|
|
858
1010
|
} */
|
|
859
1011
|
[style*="--tdl:"] {
|
|
860
|
-
text-decoration-line: var(--tdl);
|
|
1012
|
+
-webkit-text-decoration-line: var(--tdl);
|
|
1013
|
+
text-decoration-line: var(--tdl);
|
|
861
1014
|
}
|
|
862
1015
|
[style*="--hvr-tdl:"]:hover {
|
|
863
|
-
text-decoration-line: var(--hvr-tdl);
|
|
1016
|
+
-webkit-text-decoration-line: var(--hvr-tdl);
|
|
1017
|
+
text-decoration-line: var(--hvr-tdl);
|
|
864
1018
|
}
|
|
865
1019
|
/* .group:hover {
|
|
866
1020
|
[style*="--$(prefix)hvr-$(var):"] {
|
|
@@ -868,7 +1022,8 @@
|
|
|
868
1022
|
}
|
|
869
1023
|
} */
|
|
870
1024
|
[style*="--focus-tdl:"]:focus {
|
|
871
|
-
text-decoration-line: var(--focus-tdl);
|
|
1025
|
+
-webkit-text-decoration-line: var(--focus-tdl);
|
|
1026
|
+
text-decoration-line: var(--focus-tdl);
|
|
872
1027
|
}
|
|
873
1028
|
/* .group:focus {
|
|
874
1029
|
[style*="--$(prefix)focus-$(var):"] {
|
|
@@ -1103,6 +1258,63 @@
|
|
|
1103
1258
|
$(prop): var(--$(prefix)focus-$(var));
|
|
1104
1259
|
}
|
|
1105
1260
|
} */
|
|
1261
|
+
[style*="--of:"] {
|
|
1262
|
+
overflow: var(--of);
|
|
1263
|
+
}
|
|
1264
|
+
[style*="--hvr-of:"]:hover {
|
|
1265
|
+
overflow: var(--hvr-of);
|
|
1266
|
+
}
|
|
1267
|
+
/* .group:hover {
|
|
1268
|
+
[style*="--$(prefix)hvr-$(var):"] {
|
|
1269
|
+
$(prop): var(--$(prefix)hvr-$(var));
|
|
1270
|
+
}
|
|
1271
|
+
} */
|
|
1272
|
+
[style*="--focus-of:"]:focus {
|
|
1273
|
+
overflow: var(--focus-of);
|
|
1274
|
+
}
|
|
1275
|
+
/* .group:focus {
|
|
1276
|
+
[style*="--$(prefix)focus-$(var):"] {
|
|
1277
|
+
$(prop): var(--$(prefix)focus-$(var));
|
|
1278
|
+
}
|
|
1279
|
+
} */
|
|
1280
|
+
[style*="--ofx:"] {
|
|
1281
|
+
overflow-x: var(--ofx);
|
|
1282
|
+
}
|
|
1283
|
+
[style*="--hvr-ofx:"]:hover {
|
|
1284
|
+
overflow-x: var(--hvr-ofx);
|
|
1285
|
+
}
|
|
1286
|
+
/* .group:hover {
|
|
1287
|
+
[style*="--$(prefix)hvr-$(var):"] {
|
|
1288
|
+
$(prop): var(--$(prefix)hvr-$(var));
|
|
1289
|
+
}
|
|
1290
|
+
} */
|
|
1291
|
+
[style*="--focus-ofx:"]:focus {
|
|
1292
|
+
overflow-x: var(--focus-ofx);
|
|
1293
|
+
}
|
|
1294
|
+
/* .group:focus {
|
|
1295
|
+
[style*="--$(prefix)focus-$(var):"] {
|
|
1296
|
+
$(prop): var(--$(prefix)focus-$(var));
|
|
1297
|
+
}
|
|
1298
|
+
} */
|
|
1299
|
+
[style*="--ofy:"] {
|
|
1300
|
+
overflow-y: var(--ofy);
|
|
1301
|
+
}
|
|
1302
|
+
[style*="--hvr-ofy:"]:hover {
|
|
1303
|
+
overflow-y: var(--hvr-ofy);
|
|
1304
|
+
}
|
|
1305
|
+
/* .group:hover {
|
|
1306
|
+
[style*="--$(prefix)hvr-$(var):"] {
|
|
1307
|
+
$(prop): var(--$(prefix)hvr-$(var));
|
|
1308
|
+
}
|
|
1309
|
+
} */
|
|
1310
|
+
[style*="--focus-ofy:"]:focus {
|
|
1311
|
+
overflow-y: var(--focus-ofy);
|
|
1312
|
+
}
|
|
1313
|
+
/* .group:focus {
|
|
1314
|
+
[style*="--$(prefix)focus-$(var):"] {
|
|
1315
|
+
$(prop): var(--$(prefix)focus-$(var));
|
|
1316
|
+
}
|
|
1317
|
+
} */
|
|
1106
1318
|
[style*="--pc:"] {
|
|
1107
1319
|
place-content: var(--pc);
|
|
1108
1320
|
}
|
|
@@ -1370,12 +1582,10 @@
|
|
|
1370
1582
|
}
|
|
1371
1583
|
} */
|
|
1372
1584
|
[style*="--t:"] {
|
|
1373
|
-
|
|
1374
|
-
transform: var(--t);
|
|
1585
|
+
transform: var(--t);
|
|
1375
1586
|
}
|
|
1376
1587
|
[style*="--hvr-t:"]:hover {
|
|
1377
|
-
|
|
1378
|
-
transform: var(--hvr-t);
|
|
1588
|
+
transform: var(--hvr-t);
|
|
1379
1589
|
}
|
|
1380
1590
|
/* .group:hover {
|
|
1381
1591
|
[style*="--$(prefix)hvr-$(var):"] {
|
|
@@ -1383,8 +1593,7 @@
|
|
|
1383
1593
|
}
|
|
1384
1594
|
} */
|
|
1385
1595
|
[style*="--focus-t:"]:focus {
|
|
1386
|
-
|
|
1387
|
-
transform: var(--focus-t);
|
|
1596
|
+
transform: var(--focus-t);
|
|
1388
1597
|
}
|
|
1389
1598
|
/* .group:focus {
|
|
1390
1599
|
[style*="--$(prefix)focus-$(var):"] {
|
|
@@ -1468,12 +1677,10 @@
|
|
|
1468
1677
|
}
|
|
1469
1678
|
} */
|
|
1470
1679
|
[style*="--wm:"] {
|
|
1471
|
-
|
|
1472
|
-
writing-mode: var(--wm);
|
|
1680
|
+
writing-mode: var(--wm);
|
|
1473
1681
|
}
|
|
1474
1682
|
[style*="--hvr-wm:"]:hover {
|
|
1475
|
-
|
|
1476
|
-
writing-mode: var(--hvr-wm);
|
|
1683
|
+
writing-mode: var(--hvr-wm);
|
|
1477
1684
|
}
|
|
1478
1685
|
/* .group:hover {
|
|
1479
1686
|
[style*="--$(prefix)hvr-$(var):"] {
|
|
@@ -1481,8 +1688,7 @@
|
|
|
1481
1688
|
}
|
|
1482
1689
|
} */
|
|
1483
1690
|
[style*="--focus-wm:"]:focus {
|
|
1484
|
-
|
|
1485
|
-
writing-mode: var(--focus-wm);
|
|
1691
|
+
writing-mode: var(--focus-wm);
|
|
1486
1692
|
}
|
|
1487
1693
|
/* .group:focus {
|
|
1488
1694
|
[style*="--$(prefix)focus-$(var):"] {
|
|
@@ -1524,7 +1730,7 @@
|
|
|
1524
1730
|
.5px .5px var(--$(prefix)text-3d),
|
|
1525
1731
|
.25px .25px var(--$(prefix)text-3d);
|
|
1526
1732
|
} */
|
|
1527
|
-
@media only screen and (max-width:
|
|
1733
|
+
@media only screen and (max-width: 1024px) {
|
|
1528
1734
|
[style*="--ai-tablet:"] {
|
|
1529
1735
|
align-items: var(--ai-tablet);
|
|
1530
1736
|
}
|
|
@@ -1546,6 +1752,27 @@
|
|
|
1546
1752
|
$(prop): var(--$(prefix)focus-$(var)-tablet);
|
|
1547
1753
|
}
|
|
1548
1754
|
} */
|
|
1755
|
+
[style*="--as-tablet:"] {
|
|
1756
|
+
align-self: var(--as-tablet);
|
|
1757
|
+
}
|
|
1758
|
+
|
|
1759
|
+
[style*="--hvr-as-tablet:"]:hover {
|
|
1760
|
+
align-self: var(--hvr-as-tablet);
|
|
1761
|
+
}
|
|
1762
|
+
/* .group:hover {
|
|
1763
|
+
[style*="--$(prefix)hvr-$(var)-tablet:"] {
|
|
1764
|
+
$(prop): var(--$(prefix)hvr-$(var)-tablet);
|
|
1765
|
+
}
|
|
1766
|
+
} */
|
|
1767
|
+
|
|
1768
|
+
[style*="--focus-as-tablet:"]:focus {
|
|
1769
|
+
align-self: var(--focus-as-tablet);
|
|
1770
|
+
}
|
|
1771
|
+
/* .group:focus {
|
|
1772
|
+
[style*="--$(prefix)focus-$(var)-tablet:"] {
|
|
1773
|
+
$(prop): var(--$(prefix)focus-$(var)-tablet);
|
|
1774
|
+
}
|
|
1775
|
+
} */
|
|
1549
1776
|
[style*="--aspect-tablet:"] {
|
|
1550
1777
|
aspect-ratio: var(--aspect-tablet);
|
|
1551
1778
|
}
|
|
@@ -1777,6 +2004,69 @@
|
|
|
1777
2004
|
$(prop): var(--$(prefix)focus-$(var)-tablet);
|
|
1778
2005
|
}
|
|
1779
2006
|
} */
|
|
2007
|
+
[style*="--blw-tablet:"] {
|
|
2008
|
+
border-left-width: var(--blw-tablet);
|
|
2009
|
+
}
|
|
2010
|
+
|
|
2011
|
+
[style*="--hvr-blw-tablet:"]:hover {
|
|
2012
|
+
border-left-width: var(--hvr-blw-tablet);
|
|
2013
|
+
}
|
|
2014
|
+
/* .group:hover {
|
|
2015
|
+
[style*="--$(prefix)hvr-$(var)-tablet:"] {
|
|
2016
|
+
$(prop): var(--$(prefix)hvr-$(var)-tablet);
|
|
2017
|
+
}
|
|
2018
|
+
} */
|
|
2019
|
+
|
|
2020
|
+
[style*="--focus-blw-tablet:"]:focus {
|
|
2021
|
+
border-left-width: var(--focus-blw-tablet);
|
|
2022
|
+
}
|
|
2023
|
+
/* .group:focus {
|
|
2024
|
+
[style*="--$(prefix)focus-$(var)-tablet:"] {
|
|
2025
|
+
$(prop): var(--$(prefix)focus-$(var)-tablet);
|
|
2026
|
+
}
|
|
2027
|
+
} */
|
|
2028
|
+
[style*="--brw-tablet:"] {
|
|
2029
|
+
border-right-width: var(--brw-tablet);
|
|
2030
|
+
}
|
|
2031
|
+
|
|
2032
|
+
[style*="--hvr-brw-tablet:"]:hover {
|
|
2033
|
+
border-right-width: var(--hvr-brw-tablet);
|
|
2034
|
+
}
|
|
2035
|
+
/* .group:hover {
|
|
2036
|
+
[style*="--$(prefix)hvr-$(var)-tablet:"] {
|
|
2037
|
+
$(prop): var(--$(prefix)hvr-$(var)-tablet);
|
|
2038
|
+
}
|
|
2039
|
+
} */
|
|
2040
|
+
|
|
2041
|
+
[style*="--focus-brw-tablet:"]:focus {
|
|
2042
|
+
border-right-width: var(--focus-brw-tablet);
|
|
2043
|
+
}
|
|
2044
|
+
/* .group:focus {
|
|
2045
|
+
[style*="--$(prefix)focus-$(var)-tablet:"] {
|
|
2046
|
+
$(prop): var(--$(prefix)focus-$(var)-tablet);
|
|
2047
|
+
}
|
|
2048
|
+
} */
|
|
2049
|
+
[style*="--btw-tablet:"] {
|
|
2050
|
+
border-top-width: var(--btw-tablet);
|
|
2051
|
+
}
|
|
2052
|
+
|
|
2053
|
+
[style*="--hvr-btw-tablet:"]:hover {
|
|
2054
|
+
border-top-width: var(--hvr-btw-tablet);
|
|
2055
|
+
}
|
|
2056
|
+
/* .group:hover {
|
|
2057
|
+
[style*="--$(prefix)hvr-$(var)-tablet:"] {
|
|
2058
|
+
$(prop): var(--$(prefix)hvr-$(var)-tablet);
|
|
2059
|
+
}
|
|
2060
|
+
} */
|
|
2061
|
+
|
|
2062
|
+
[style*="--focus-btw-tablet:"]:focus {
|
|
2063
|
+
border-top-width: var(--focus-btw-tablet);
|
|
2064
|
+
}
|
|
2065
|
+
/* .group:focus {
|
|
2066
|
+
[style*="--$(prefix)focus-$(var)-tablet:"] {
|
|
2067
|
+
$(prop): var(--$(prefix)focus-$(var)-tablet);
|
|
2068
|
+
}
|
|
2069
|
+
} */
|
|
1780
2070
|
[style*="--bbc-tablet:"] {
|
|
1781
2071
|
border-bottom-color: var(--bbc-tablet);
|
|
1782
2072
|
}
|
|
@@ -1798,6 +2088,69 @@
|
|
|
1798
2088
|
$(prop): var(--$(prefix)focus-$(var)-tablet);
|
|
1799
2089
|
}
|
|
1800
2090
|
} */
|
|
2091
|
+
[style*="--btc-tablet:"] {
|
|
2092
|
+
border-top-color: var(--btc-tablet);
|
|
2093
|
+
}
|
|
2094
|
+
|
|
2095
|
+
[style*="--hvr-btc-tablet:"]:hover {
|
|
2096
|
+
border-top-color: var(--hvr-btc-tablet);
|
|
2097
|
+
}
|
|
2098
|
+
/* .group:hover {
|
|
2099
|
+
[style*="--$(prefix)hvr-$(var)-tablet:"] {
|
|
2100
|
+
$(prop): var(--$(prefix)hvr-$(var)-tablet);
|
|
2101
|
+
}
|
|
2102
|
+
} */
|
|
2103
|
+
|
|
2104
|
+
[style*="--focus-btc-tablet:"]:focus {
|
|
2105
|
+
border-top-color: var(--focus-btc-tablet);
|
|
2106
|
+
}
|
|
2107
|
+
/* .group:focus {
|
|
2108
|
+
[style*="--$(prefix)focus-$(var)-tablet:"] {
|
|
2109
|
+
$(prop): var(--$(prefix)focus-$(var)-tablet);
|
|
2110
|
+
}
|
|
2111
|
+
} */
|
|
2112
|
+
[style*="--blc-tablet:"] {
|
|
2113
|
+
border-left-color: var(--blc-tablet);
|
|
2114
|
+
}
|
|
2115
|
+
|
|
2116
|
+
[style*="--hvr-blc-tablet:"]:hover {
|
|
2117
|
+
border-left-color: var(--hvr-blc-tablet);
|
|
2118
|
+
}
|
|
2119
|
+
/* .group:hover {
|
|
2120
|
+
[style*="--$(prefix)hvr-$(var)-tablet:"] {
|
|
2121
|
+
$(prop): var(--$(prefix)hvr-$(var)-tablet);
|
|
2122
|
+
}
|
|
2123
|
+
} */
|
|
2124
|
+
|
|
2125
|
+
[style*="--focus-blc-tablet:"]:focus {
|
|
2126
|
+
border-left-color: var(--focus-blc-tablet);
|
|
2127
|
+
}
|
|
2128
|
+
/* .group:focus {
|
|
2129
|
+
[style*="--$(prefix)focus-$(var)-tablet:"] {
|
|
2130
|
+
$(prop): var(--$(prefix)focus-$(var)-tablet);
|
|
2131
|
+
}
|
|
2132
|
+
} */
|
|
2133
|
+
[style*="--brc-tablet:"] {
|
|
2134
|
+
border-right-color: var(--brc-tablet);
|
|
2135
|
+
}
|
|
2136
|
+
|
|
2137
|
+
[style*="--hvr-brc-tablet:"]:hover {
|
|
2138
|
+
border-right-color: var(--hvr-brc-tablet);
|
|
2139
|
+
}
|
|
2140
|
+
/* .group:hover {
|
|
2141
|
+
[style*="--$(prefix)hvr-$(var)-tablet:"] {
|
|
2142
|
+
$(prop): var(--$(prefix)hvr-$(var)-tablet);
|
|
2143
|
+
}
|
|
2144
|
+
} */
|
|
2145
|
+
|
|
2146
|
+
[style*="--focus-brc-tablet:"]:focus {
|
|
2147
|
+
border-right-color: var(--focus-brc-tablet);
|
|
2148
|
+
}
|
|
2149
|
+
/* .group:focus {
|
|
2150
|
+
[style*="--$(prefix)focus-$(var)-tablet:"] {
|
|
2151
|
+
$(prop): var(--$(prefix)focus-$(var)-tablet);
|
|
2152
|
+
}
|
|
2153
|
+
} */
|
|
1801
2154
|
[style*="--bc-tablet:"] {
|
|
1802
2155
|
border-color: var(--bc-tablet);
|
|
1803
2156
|
}
|
|
@@ -2093,13 +2446,11 @@
|
|
|
2093
2446
|
}
|
|
2094
2447
|
} */
|
|
2095
2448
|
[style*="--cg-tablet:"] {
|
|
2096
|
-
|
|
2097
|
-
column-gap: var(--cg-tablet);
|
|
2449
|
+
column-gap: var(--cg-tablet);
|
|
2098
2450
|
}
|
|
2099
2451
|
|
|
2100
2452
|
[style*="--hvr-cg-tablet:"]:hover {
|
|
2101
|
-
|
|
2102
|
-
column-gap: var(--hvr-cg-tablet);
|
|
2453
|
+
column-gap: var(--hvr-cg-tablet);
|
|
2103
2454
|
}
|
|
2104
2455
|
/* .group:hover {
|
|
2105
2456
|
[style*="--$(prefix)hvr-$(var)-tablet:"] {
|
|
@@ -2108,8 +2459,7 @@
|
|
|
2108
2459
|
} */
|
|
2109
2460
|
|
|
2110
2461
|
[style*="--focus-cg-tablet:"]:focus {
|
|
2111
|
-
|
|
2112
|
-
column-gap: var(--focus-cg-tablet);
|
|
2462
|
+
column-gap: var(--focus-cg-tablet);
|
|
2113
2463
|
}
|
|
2114
2464
|
/* .group:focus {
|
|
2115
2465
|
[style*="--$(prefix)focus-$(var)-tablet:"] {
|
|
@@ -2368,6 +2718,27 @@
|
|
|
2368
2718
|
$(prop): var(--$(prefix)focus-$(var)-tablet);
|
|
2369
2719
|
}
|
|
2370
2720
|
} */
|
|
2721
|
+
[style*="--js-tablet:"] {
|
|
2722
|
+
justify-self: var(--js-tablet);
|
|
2723
|
+
}
|
|
2724
|
+
|
|
2725
|
+
[style*="--hvr-js-tablet:"]:hover {
|
|
2726
|
+
justify-self: var(--hvr-js-tablet);
|
|
2727
|
+
}
|
|
2728
|
+
/* .group:hover {
|
|
2729
|
+
[style*="--$(prefix)hvr-$(var)-tablet:"] {
|
|
2730
|
+
$(prop): var(--$(prefix)hvr-$(var)-tablet);
|
|
2731
|
+
}
|
|
2732
|
+
} */
|
|
2733
|
+
|
|
2734
|
+
[style*="--focus-js-tablet:"]:focus {
|
|
2735
|
+
justify-self: var(--focus-js-tablet);
|
|
2736
|
+
}
|
|
2737
|
+
/* .group:focus {
|
|
2738
|
+
[style*="--$(prefix)focus-$(var)-tablet:"] {
|
|
2739
|
+
$(prop): var(--$(prefix)focus-$(var)-tablet);
|
|
2740
|
+
}
|
|
2741
|
+
} */
|
|
2371
2742
|
[style*="--left-tablet:"] {
|
|
2372
2743
|
left: var(--left-tablet);
|
|
2373
2744
|
}
|
|
@@ -2453,11 +2824,13 @@
|
|
|
2453
2824
|
}
|
|
2454
2825
|
} */
|
|
2455
2826
|
[style*="--tdc-tablet:"] {
|
|
2456
|
-
text-decoration-color: var(--tdc-tablet);
|
|
2827
|
+
-webkit-text-decoration-color: var(--tdc-tablet);
|
|
2828
|
+
text-decoration-color: var(--tdc-tablet);
|
|
2457
2829
|
}
|
|
2458
2830
|
|
|
2459
2831
|
[style*="--hvr-tdc-tablet:"]:hover {
|
|
2460
|
-
text-decoration-color: var(--hvr-tdc-tablet);
|
|
2832
|
+
-webkit-text-decoration-color: var(--hvr-tdc-tablet);
|
|
2833
|
+
text-decoration-color: var(--hvr-tdc-tablet);
|
|
2461
2834
|
}
|
|
2462
2835
|
/* .group:hover {
|
|
2463
2836
|
[style*="--$(prefix)hvr-$(var)-tablet:"] {
|
|
@@ -2466,7 +2839,8 @@
|
|
|
2466
2839
|
} */
|
|
2467
2840
|
|
|
2468
2841
|
[style*="--focus-tdc-tablet:"]:focus {
|
|
2469
|
-
text-decoration-color: var(--focus-tdc-tablet);
|
|
2842
|
+
-webkit-text-decoration-color: var(--focus-tdc-tablet);
|
|
2843
|
+
text-decoration-color: var(--focus-tdc-tablet);
|
|
2470
2844
|
}
|
|
2471
2845
|
/* .group:focus {
|
|
2472
2846
|
[style*="--$(prefix)focus-$(var)-tablet:"] {
|
|
@@ -2474,11 +2848,13 @@
|
|
|
2474
2848
|
}
|
|
2475
2849
|
} */
|
|
2476
2850
|
[style*="--tdl-tablet:"] {
|
|
2477
|
-
text-decoration-line: var(--tdl-tablet);
|
|
2851
|
+
-webkit-text-decoration-line: var(--tdl-tablet);
|
|
2852
|
+
text-decoration-line: var(--tdl-tablet);
|
|
2478
2853
|
}
|
|
2479
2854
|
|
|
2480
2855
|
[style*="--hvr-tdl-tablet:"]:hover {
|
|
2481
|
-
text-decoration-line: var(--hvr-tdl-tablet);
|
|
2856
|
+
-webkit-text-decoration-line: var(--hvr-tdl-tablet);
|
|
2857
|
+
text-decoration-line: var(--hvr-tdl-tablet);
|
|
2482
2858
|
}
|
|
2483
2859
|
/* .group:hover {
|
|
2484
2860
|
[style*="--$(prefix)hvr-$(var)-tablet:"] {
|
|
@@ -2487,7 +2863,8 @@
|
|
|
2487
2863
|
} */
|
|
2488
2864
|
|
|
2489
2865
|
[style*="--focus-tdl-tablet:"]:focus {
|
|
2490
|
-
text-decoration-line: var(--focus-tdl-tablet);
|
|
2866
|
+
-webkit-text-decoration-line: var(--focus-tdl-tablet);
|
|
2867
|
+
text-decoration-line: var(--focus-tdl-tablet);
|
|
2491
2868
|
}
|
|
2492
2869
|
/* .group:focus {
|
|
2493
2870
|
[style*="--$(prefix)focus-$(var)-tablet:"] {
|
|
@@ -2746,6 +3123,69 @@
|
|
|
2746
3123
|
$(prop): var(--$(prefix)focus-$(var)-tablet);
|
|
2747
3124
|
}
|
|
2748
3125
|
} */
|
|
3126
|
+
[style*="--of-tablet:"] {
|
|
3127
|
+
overflow: var(--of-tablet);
|
|
3128
|
+
}
|
|
3129
|
+
|
|
3130
|
+
[style*="--hvr-of-tablet:"]:hover {
|
|
3131
|
+
overflow: var(--hvr-of-tablet);
|
|
3132
|
+
}
|
|
3133
|
+
/* .group:hover {
|
|
3134
|
+
[style*="--$(prefix)hvr-$(var)-tablet:"] {
|
|
3135
|
+
$(prop): var(--$(prefix)hvr-$(var)-tablet);
|
|
3136
|
+
}
|
|
3137
|
+
} */
|
|
3138
|
+
|
|
3139
|
+
[style*="--focus-of-tablet:"]:focus {
|
|
3140
|
+
overflow: var(--focus-of-tablet);
|
|
3141
|
+
}
|
|
3142
|
+
/* .group:focus {
|
|
3143
|
+
[style*="--$(prefix)focus-$(var)-tablet:"] {
|
|
3144
|
+
$(prop): var(--$(prefix)focus-$(var)-tablet);
|
|
3145
|
+
}
|
|
3146
|
+
} */
|
|
3147
|
+
[style*="--ofx-tablet:"] {
|
|
3148
|
+
overflow-x: var(--ofx-tablet);
|
|
3149
|
+
}
|
|
3150
|
+
|
|
3151
|
+
[style*="--hvr-ofx-tablet:"]:hover {
|
|
3152
|
+
overflow-x: var(--hvr-ofx-tablet);
|
|
3153
|
+
}
|
|
3154
|
+
/* .group:hover {
|
|
3155
|
+
[style*="--$(prefix)hvr-$(var)-tablet:"] {
|
|
3156
|
+
$(prop): var(--$(prefix)hvr-$(var)-tablet);
|
|
3157
|
+
}
|
|
3158
|
+
} */
|
|
3159
|
+
|
|
3160
|
+
[style*="--focus-ofx-tablet:"]:focus {
|
|
3161
|
+
overflow-x: var(--focus-ofx-tablet);
|
|
3162
|
+
}
|
|
3163
|
+
/* .group:focus {
|
|
3164
|
+
[style*="--$(prefix)focus-$(var)-tablet:"] {
|
|
3165
|
+
$(prop): var(--$(prefix)focus-$(var)-tablet);
|
|
3166
|
+
}
|
|
3167
|
+
} */
|
|
3168
|
+
[style*="--ofy-tablet:"] {
|
|
3169
|
+
overflow-y: var(--ofy-tablet);
|
|
3170
|
+
}
|
|
3171
|
+
|
|
3172
|
+
[style*="--hvr-ofy-tablet:"]:hover {
|
|
3173
|
+
overflow-y: var(--hvr-ofy-tablet);
|
|
3174
|
+
}
|
|
3175
|
+
/* .group:hover {
|
|
3176
|
+
[style*="--$(prefix)hvr-$(var)-tablet:"] {
|
|
3177
|
+
$(prop): var(--$(prefix)hvr-$(var)-tablet);
|
|
3178
|
+
}
|
|
3179
|
+
} */
|
|
3180
|
+
|
|
3181
|
+
[style*="--focus-ofy-tablet:"]:focus {
|
|
3182
|
+
overflow-y: var(--focus-ofy-tablet);
|
|
3183
|
+
}
|
|
3184
|
+
/* .group:focus {
|
|
3185
|
+
[style*="--$(prefix)focus-$(var)-tablet:"] {
|
|
3186
|
+
$(prop): var(--$(prefix)focus-$(var)-tablet);
|
|
3187
|
+
}
|
|
3188
|
+
} */
|
|
2749
3189
|
[style*="--pc-tablet:"] {
|
|
2750
3190
|
place-content: var(--pc-tablet);
|
|
2751
3191
|
}
|
|
@@ -3041,13 +3481,11 @@
|
|
|
3041
3481
|
}
|
|
3042
3482
|
} */
|
|
3043
3483
|
[style*="--t-tablet:"] {
|
|
3044
|
-
|
|
3045
|
-
transform: var(--t-tablet);
|
|
3484
|
+
transform: var(--t-tablet);
|
|
3046
3485
|
}
|
|
3047
3486
|
|
|
3048
3487
|
[style*="--hvr-t-tablet:"]:hover {
|
|
3049
|
-
|
|
3050
|
-
transform: var(--hvr-t-tablet);
|
|
3488
|
+
transform: var(--hvr-t-tablet);
|
|
3051
3489
|
}
|
|
3052
3490
|
/* .group:hover {
|
|
3053
3491
|
[style*="--$(prefix)hvr-$(var)-tablet:"] {
|
|
@@ -3056,8 +3494,7 @@
|
|
|
3056
3494
|
} */
|
|
3057
3495
|
|
|
3058
3496
|
[style*="--focus-t-tablet:"]:focus {
|
|
3059
|
-
|
|
3060
|
-
transform: var(--focus-t-tablet);
|
|
3497
|
+
transform: var(--focus-t-tablet);
|
|
3061
3498
|
}
|
|
3062
3499
|
/* .group:focus {
|
|
3063
3500
|
[style*="--$(prefix)focus-$(var)-tablet:"] {
|
|
@@ -3149,13 +3586,11 @@
|
|
|
3149
3586
|
}
|
|
3150
3587
|
} */
|
|
3151
3588
|
[style*="--wm-tablet:"] {
|
|
3152
|
-
|
|
3153
|
-
writing-mode: var(--wm-tablet);
|
|
3589
|
+
writing-mode: var(--wm-tablet);
|
|
3154
3590
|
}
|
|
3155
3591
|
|
|
3156
3592
|
[style*="--hvr-wm-tablet:"]:hover {
|
|
3157
|
-
|
|
3158
|
-
writing-mode: var(--hvr-wm-tablet);
|
|
3593
|
+
writing-mode: var(--hvr-wm-tablet);
|
|
3159
3594
|
}
|
|
3160
3595
|
/* .group:hover {
|
|
3161
3596
|
[style*="--$(prefix)hvr-$(var)-tablet:"] {
|
|
@@ -3164,8 +3599,7 @@
|
|
|
3164
3599
|
} */
|
|
3165
3600
|
|
|
3166
3601
|
[style*="--focus-wm-tablet:"]:focus {
|
|
3167
|
-
|
|
3168
|
-
writing-mode: var(--focus-wm-tablet);
|
|
3602
|
+
writing-mode: var(--focus-wm-tablet);
|
|
3169
3603
|
}
|
|
3170
3604
|
/* .group:focus {
|
|
3171
3605
|
[style*="--$(prefix)focus-$(var)-tablet:"] {
|
|
@@ -3201,6 +3635,27 @@
|
|
|
3201
3635
|
$(prop): var(--$(prefix)focus-$(var)-mobile);
|
|
3202
3636
|
}
|
|
3203
3637
|
} */
|
|
3638
|
+
[style*="--as-mobile:"] {
|
|
3639
|
+
align-self: var(--as-mobile);
|
|
3640
|
+
}
|
|
3641
|
+
|
|
3642
|
+
[style*="--hvr-as-mobile:"]:hover {
|
|
3643
|
+
align-self: var(--hvr-as-mobile);
|
|
3644
|
+
}
|
|
3645
|
+
/* .group:hover {
|
|
3646
|
+
[style*="--$(prefix)hvr-$(var)-mobile:"] {
|
|
3647
|
+
$(prop): var(--$(prefix)hvr-$(var)-mobile);
|
|
3648
|
+
}
|
|
3649
|
+
} */
|
|
3650
|
+
|
|
3651
|
+
[style*="--focus-as-mobile:"]:focus {
|
|
3652
|
+
align-self: var(--focus-as-mobile);
|
|
3653
|
+
}
|
|
3654
|
+
/* .group:focus {
|
|
3655
|
+
[style*="--$(prefix)focus-$(var)-mobile:"] {
|
|
3656
|
+
$(prop): var(--$(prefix)focus-$(var)-mobile);
|
|
3657
|
+
}
|
|
3658
|
+
} */
|
|
3204
3659
|
[style*="--aspect-mobile:"] {
|
|
3205
3660
|
aspect-ratio: var(--aspect-mobile);
|
|
3206
3661
|
}
|
|
@@ -3432,6 +3887,69 @@
|
|
|
3432
3887
|
$(prop): var(--$(prefix)focus-$(var)-mobile);
|
|
3433
3888
|
}
|
|
3434
3889
|
} */
|
|
3890
|
+
[style*="--blw-mobile:"] {
|
|
3891
|
+
border-left-width: var(--blw-mobile);
|
|
3892
|
+
}
|
|
3893
|
+
|
|
3894
|
+
[style*="--hvr-blw-mobile:"]:hover {
|
|
3895
|
+
border-left-width: var(--hvr-blw-mobile);
|
|
3896
|
+
}
|
|
3897
|
+
/* .group:hover {
|
|
3898
|
+
[style*="--$(prefix)hvr-$(var)-mobile:"] {
|
|
3899
|
+
$(prop): var(--$(prefix)hvr-$(var)-mobile);
|
|
3900
|
+
}
|
|
3901
|
+
} */
|
|
3902
|
+
|
|
3903
|
+
[style*="--focus-blw-mobile:"]:focus {
|
|
3904
|
+
border-left-width: var(--focus-blw-mobile);
|
|
3905
|
+
}
|
|
3906
|
+
/* .group:focus {
|
|
3907
|
+
[style*="--$(prefix)focus-$(var)-mobile:"] {
|
|
3908
|
+
$(prop): var(--$(prefix)focus-$(var)-mobile);
|
|
3909
|
+
}
|
|
3910
|
+
} */
|
|
3911
|
+
[style*="--brw-mobile:"] {
|
|
3912
|
+
border-right-width: var(--brw-mobile);
|
|
3913
|
+
}
|
|
3914
|
+
|
|
3915
|
+
[style*="--hvr-brw-mobile:"]:hover {
|
|
3916
|
+
border-right-width: var(--hvr-brw-mobile);
|
|
3917
|
+
}
|
|
3918
|
+
/* .group:hover {
|
|
3919
|
+
[style*="--$(prefix)hvr-$(var)-mobile:"] {
|
|
3920
|
+
$(prop): var(--$(prefix)hvr-$(var)-mobile);
|
|
3921
|
+
}
|
|
3922
|
+
} */
|
|
3923
|
+
|
|
3924
|
+
[style*="--focus-brw-mobile:"]:focus {
|
|
3925
|
+
border-right-width: var(--focus-brw-mobile);
|
|
3926
|
+
}
|
|
3927
|
+
/* .group:focus {
|
|
3928
|
+
[style*="--$(prefix)focus-$(var)-mobile:"] {
|
|
3929
|
+
$(prop): var(--$(prefix)focus-$(var)-mobile);
|
|
3930
|
+
}
|
|
3931
|
+
} */
|
|
3932
|
+
[style*="--btw-mobile:"] {
|
|
3933
|
+
border-top-width: var(--btw-mobile);
|
|
3934
|
+
}
|
|
3935
|
+
|
|
3936
|
+
[style*="--hvr-btw-mobile:"]:hover {
|
|
3937
|
+
border-top-width: var(--hvr-btw-mobile);
|
|
3938
|
+
}
|
|
3939
|
+
/* .group:hover {
|
|
3940
|
+
[style*="--$(prefix)hvr-$(var)-mobile:"] {
|
|
3941
|
+
$(prop): var(--$(prefix)hvr-$(var)-mobile);
|
|
3942
|
+
}
|
|
3943
|
+
} */
|
|
3944
|
+
|
|
3945
|
+
[style*="--focus-btw-mobile:"]:focus {
|
|
3946
|
+
border-top-width: var(--focus-btw-mobile);
|
|
3947
|
+
}
|
|
3948
|
+
/* .group:focus {
|
|
3949
|
+
[style*="--$(prefix)focus-$(var)-mobile:"] {
|
|
3950
|
+
$(prop): var(--$(prefix)focus-$(var)-mobile);
|
|
3951
|
+
}
|
|
3952
|
+
} */
|
|
3435
3953
|
[style*="--bbc-mobile:"] {
|
|
3436
3954
|
border-bottom-color: var(--bbc-mobile);
|
|
3437
3955
|
}
|
|
@@ -3453,6 +3971,69 @@
|
|
|
3453
3971
|
$(prop): var(--$(prefix)focus-$(var)-mobile);
|
|
3454
3972
|
}
|
|
3455
3973
|
} */
|
|
3974
|
+
[style*="--btc-mobile:"] {
|
|
3975
|
+
border-top-color: var(--btc-mobile);
|
|
3976
|
+
}
|
|
3977
|
+
|
|
3978
|
+
[style*="--hvr-btc-mobile:"]:hover {
|
|
3979
|
+
border-top-color: var(--hvr-btc-mobile);
|
|
3980
|
+
}
|
|
3981
|
+
/* .group:hover {
|
|
3982
|
+
[style*="--$(prefix)hvr-$(var)-mobile:"] {
|
|
3983
|
+
$(prop): var(--$(prefix)hvr-$(var)-mobile);
|
|
3984
|
+
}
|
|
3985
|
+
} */
|
|
3986
|
+
|
|
3987
|
+
[style*="--focus-btc-mobile:"]:focus {
|
|
3988
|
+
border-top-color: var(--focus-btc-mobile);
|
|
3989
|
+
}
|
|
3990
|
+
/* .group:focus {
|
|
3991
|
+
[style*="--$(prefix)focus-$(var)-mobile:"] {
|
|
3992
|
+
$(prop): var(--$(prefix)focus-$(var)-mobile);
|
|
3993
|
+
}
|
|
3994
|
+
} */
|
|
3995
|
+
[style*="--blc-mobile:"] {
|
|
3996
|
+
border-left-color: var(--blc-mobile);
|
|
3997
|
+
}
|
|
3998
|
+
|
|
3999
|
+
[style*="--hvr-blc-mobile:"]:hover {
|
|
4000
|
+
border-left-color: var(--hvr-blc-mobile);
|
|
4001
|
+
}
|
|
4002
|
+
/* .group:hover {
|
|
4003
|
+
[style*="--$(prefix)hvr-$(var)-mobile:"] {
|
|
4004
|
+
$(prop): var(--$(prefix)hvr-$(var)-mobile);
|
|
4005
|
+
}
|
|
4006
|
+
} */
|
|
4007
|
+
|
|
4008
|
+
[style*="--focus-blc-mobile:"]:focus {
|
|
4009
|
+
border-left-color: var(--focus-blc-mobile);
|
|
4010
|
+
}
|
|
4011
|
+
/* .group:focus {
|
|
4012
|
+
[style*="--$(prefix)focus-$(var)-mobile:"] {
|
|
4013
|
+
$(prop): var(--$(prefix)focus-$(var)-mobile);
|
|
4014
|
+
}
|
|
4015
|
+
} */
|
|
4016
|
+
[style*="--brc-mobile:"] {
|
|
4017
|
+
border-right-color: var(--brc-mobile);
|
|
4018
|
+
}
|
|
4019
|
+
|
|
4020
|
+
[style*="--hvr-brc-mobile:"]:hover {
|
|
4021
|
+
border-right-color: var(--hvr-brc-mobile);
|
|
4022
|
+
}
|
|
4023
|
+
/* .group:hover {
|
|
4024
|
+
[style*="--$(prefix)hvr-$(var)-mobile:"] {
|
|
4025
|
+
$(prop): var(--$(prefix)hvr-$(var)-mobile);
|
|
4026
|
+
}
|
|
4027
|
+
} */
|
|
4028
|
+
|
|
4029
|
+
[style*="--focus-brc-mobile:"]:focus {
|
|
4030
|
+
border-right-color: var(--focus-brc-mobile);
|
|
4031
|
+
}
|
|
4032
|
+
/* .group:focus {
|
|
4033
|
+
[style*="--$(prefix)focus-$(var)-mobile:"] {
|
|
4034
|
+
$(prop): var(--$(prefix)focus-$(var)-mobile);
|
|
4035
|
+
}
|
|
4036
|
+
} */
|
|
3456
4037
|
[style*="--bc-mobile:"] {
|
|
3457
4038
|
border-color: var(--bc-mobile);
|
|
3458
4039
|
}
|
|
@@ -3748,13 +4329,11 @@
|
|
|
3748
4329
|
}
|
|
3749
4330
|
} */
|
|
3750
4331
|
[style*="--cg-mobile:"] {
|
|
3751
|
-
|
|
3752
|
-
column-gap: var(--cg-mobile);
|
|
4332
|
+
column-gap: var(--cg-mobile);
|
|
3753
4333
|
}
|
|
3754
4334
|
|
|
3755
4335
|
[style*="--hvr-cg-mobile:"]:hover {
|
|
3756
|
-
|
|
3757
|
-
column-gap: var(--hvr-cg-mobile);
|
|
4336
|
+
column-gap: var(--hvr-cg-mobile);
|
|
3758
4337
|
}
|
|
3759
4338
|
/* .group:hover {
|
|
3760
4339
|
[style*="--$(prefix)hvr-$(var)-mobile:"] {
|
|
@@ -3763,8 +4342,7 @@
|
|
|
3763
4342
|
} */
|
|
3764
4343
|
|
|
3765
4344
|
[style*="--focus-cg-mobile:"]:focus {
|
|
3766
|
-
|
|
3767
|
-
column-gap: var(--focus-cg-mobile);
|
|
4345
|
+
column-gap: var(--focus-cg-mobile);
|
|
3768
4346
|
}
|
|
3769
4347
|
/* .group:focus {
|
|
3770
4348
|
[style*="--$(prefix)focus-$(var)-mobile:"] {
|
|
@@ -4023,6 +4601,27 @@
|
|
|
4023
4601
|
$(prop): var(--$(prefix)focus-$(var)-mobile);
|
|
4024
4602
|
}
|
|
4025
4603
|
} */
|
|
4604
|
+
[style*="--js-mobile:"] {
|
|
4605
|
+
justify-self: var(--js-mobile);
|
|
4606
|
+
}
|
|
4607
|
+
|
|
4608
|
+
[style*="--hvr-js-mobile:"]:hover {
|
|
4609
|
+
justify-self: var(--hvr-js-mobile);
|
|
4610
|
+
}
|
|
4611
|
+
/* .group:hover {
|
|
4612
|
+
[style*="--$(prefix)hvr-$(var)-mobile:"] {
|
|
4613
|
+
$(prop): var(--$(prefix)hvr-$(var)-mobile);
|
|
4614
|
+
}
|
|
4615
|
+
} */
|
|
4616
|
+
|
|
4617
|
+
[style*="--focus-js-mobile:"]:focus {
|
|
4618
|
+
justify-self: var(--focus-js-mobile);
|
|
4619
|
+
}
|
|
4620
|
+
/* .group:focus {
|
|
4621
|
+
[style*="--$(prefix)focus-$(var)-mobile:"] {
|
|
4622
|
+
$(prop): var(--$(prefix)focus-$(var)-mobile);
|
|
4623
|
+
}
|
|
4624
|
+
} */
|
|
4026
4625
|
[style*="--left-mobile:"] {
|
|
4027
4626
|
left: var(--left-mobile);
|
|
4028
4627
|
}
|
|
@@ -4108,11 +4707,13 @@
|
|
|
4108
4707
|
}
|
|
4109
4708
|
} */
|
|
4110
4709
|
[style*="--tdc-mobile:"] {
|
|
4111
|
-
text-decoration-color: var(--tdc-mobile);
|
|
4710
|
+
-webkit-text-decoration-color: var(--tdc-mobile);
|
|
4711
|
+
text-decoration-color: var(--tdc-mobile);
|
|
4112
4712
|
}
|
|
4113
4713
|
|
|
4114
4714
|
[style*="--hvr-tdc-mobile:"]:hover {
|
|
4115
|
-
text-decoration-color: var(--hvr-tdc-mobile);
|
|
4715
|
+
-webkit-text-decoration-color: var(--hvr-tdc-mobile);
|
|
4716
|
+
text-decoration-color: var(--hvr-tdc-mobile);
|
|
4116
4717
|
}
|
|
4117
4718
|
/* .group:hover {
|
|
4118
4719
|
[style*="--$(prefix)hvr-$(var)-mobile:"] {
|
|
@@ -4121,7 +4722,8 @@
|
|
|
4121
4722
|
} */
|
|
4122
4723
|
|
|
4123
4724
|
[style*="--focus-tdc-mobile:"]:focus {
|
|
4124
|
-
text-decoration-color: var(--focus-tdc-mobile);
|
|
4725
|
+
-webkit-text-decoration-color: var(--focus-tdc-mobile);
|
|
4726
|
+
text-decoration-color: var(--focus-tdc-mobile);
|
|
4125
4727
|
}
|
|
4126
4728
|
/* .group:focus {
|
|
4127
4729
|
[style*="--$(prefix)focus-$(var)-mobile:"] {
|
|
@@ -4129,11 +4731,13 @@
|
|
|
4129
4731
|
}
|
|
4130
4732
|
} */
|
|
4131
4733
|
[style*="--tdl-mobile:"] {
|
|
4132
|
-
text-decoration-line: var(--tdl-mobile);
|
|
4734
|
+
-webkit-text-decoration-line: var(--tdl-mobile);
|
|
4735
|
+
text-decoration-line: var(--tdl-mobile);
|
|
4133
4736
|
}
|
|
4134
4737
|
|
|
4135
4738
|
[style*="--hvr-tdl-mobile:"]:hover {
|
|
4136
|
-
text-decoration-line: var(--hvr-tdl-mobile);
|
|
4739
|
+
-webkit-text-decoration-line: var(--hvr-tdl-mobile);
|
|
4740
|
+
text-decoration-line: var(--hvr-tdl-mobile);
|
|
4137
4741
|
}
|
|
4138
4742
|
/* .group:hover {
|
|
4139
4743
|
[style*="--$(prefix)hvr-$(var)-mobile:"] {
|
|
@@ -4142,7 +4746,8 @@
|
|
|
4142
4746
|
} */
|
|
4143
4747
|
|
|
4144
4748
|
[style*="--focus-tdl-mobile:"]:focus {
|
|
4145
|
-
text-decoration-line: var(--focus-tdl-mobile);
|
|
4749
|
+
-webkit-text-decoration-line: var(--focus-tdl-mobile);
|
|
4750
|
+
text-decoration-line: var(--focus-tdl-mobile);
|
|
4146
4751
|
}
|
|
4147
4752
|
/* .group:focus {
|
|
4148
4753
|
[style*="--$(prefix)focus-$(var)-mobile:"] {
|
|
@@ -4401,6 +5006,69 @@
|
|
|
4401
5006
|
$(prop): var(--$(prefix)focus-$(var)-mobile);
|
|
4402
5007
|
}
|
|
4403
5008
|
} */
|
|
5009
|
+
[style*="--of-mobile:"] {
|
|
5010
|
+
overflow: var(--of-mobile);
|
|
5011
|
+
}
|
|
5012
|
+
|
|
5013
|
+
[style*="--hvr-of-mobile:"]:hover {
|
|
5014
|
+
overflow: var(--hvr-of-mobile);
|
|
5015
|
+
}
|
|
5016
|
+
/* .group:hover {
|
|
5017
|
+
[style*="--$(prefix)hvr-$(var)-mobile:"] {
|
|
5018
|
+
$(prop): var(--$(prefix)hvr-$(var)-mobile);
|
|
5019
|
+
}
|
|
5020
|
+
} */
|
|
5021
|
+
|
|
5022
|
+
[style*="--focus-of-mobile:"]:focus {
|
|
5023
|
+
overflow: var(--focus-of-mobile);
|
|
5024
|
+
}
|
|
5025
|
+
/* .group:focus {
|
|
5026
|
+
[style*="--$(prefix)focus-$(var)-mobile:"] {
|
|
5027
|
+
$(prop): var(--$(prefix)focus-$(var)-mobile);
|
|
5028
|
+
}
|
|
5029
|
+
} */
|
|
5030
|
+
[style*="--ofx-mobile:"] {
|
|
5031
|
+
overflow-x: var(--ofx-mobile);
|
|
5032
|
+
}
|
|
5033
|
+
|
|
5034
|
+
[style*="--hvr-ofx-mobile:"]:hover {
|
|
5035
|
+
overflow-x: var(--hvr-ofx-mobile);
|
|
5036
|
+
}
|
|
5037
|
+
/* .group:hover {
|
|
5038
|
+
[style*="--$(prefix)hvr-$(var)-mobile:"] {
|
|
5039
|
+
$(prop): var(--$(prefix)hvr-$(var)-mobile);
|
|
5040
|
+
}
|
|
5041
|
+
} */
|
|
5042
|
+
|
|
5043
|
+
[style*="--focus-ofx-mobile:"]:focus {
|
|
5044
|
+
overflow-x: var(--focus-ofx-mobile);
|
|
5045
|
+
}
|
|
5046
|
+
/* .group:focus {
|
|
5047
|
+
[style*="--$(prefix)focus-$(var)-mobile:"] {
|
|
5048
|
+
$(prop): var(--$(prefix)focus-$(var)-mobile);
|
|
5049
|
+
}
|
|
5050
|
+
} */
|
|
5051
|
+
[style*="--ofy-mobile:"] {
|
|
5052
|
+
overflow-y: var(--ofy-mobile);
|
|
5053
|
+
}
|
|
5054
|
+
|
|
5055
|
+
[style*="--hvr-ofy-mobile:"]:hover {
|
|
5056
|
+
overflow-y: var(--hvr-ofy-mobile);
|
|
5057
|
+
}
|
|
5058
|
+
/* .group:hover {
|
|
5059
|
+
[style*="--$(prefix)hvr-$(var)-mobile:"] {
|
|
5060
|
+
$(prop): var(--$(prefix)hvr-$(var)-mobile);
|
|
5061
|
+
}
|
|
5062
|
+
} */
|
|
5063
|
+
|
|
5064
|
+
[style*="--focus-ofy-mobile:"]:focus {
|
|
5065
|
+
overflow-y: var(--focus-ofy-mobile);
|
|
5066
|
+
}
|
|
5067
|
+
/* .group:focus {
|
|
5068
|
+
[style*="--$(prefix)focus-$(var)-mobile:"] {
|
|
5069
|
+
$(prop): var(--$(prefix)focus-$(var)-mobile);
|
|
5070
|
+
}
|
|
5071
|
+
} */
|
|
4404
5072
|
[style*="--pc-mobile:"] {
|
|
4405
5073
|
place-content: var(--pc-mobile);
|
|
4406
5074
|
}
|
|
@@ -4696,13 +5364,11 @@
|
|
|
4696
5364
|
}
|
|
4697
5365
|
} */
|
|
4698
5366
|
[style*="--t-mobile:"] {
|
|
4699
|
-
|
|
4700
|
-
transform: var(--t-mobile);
|
|
5367
|
+
transform: var(--t-mobile);
|
|
4701
5368
|
}
|
|
4702
5369
|
|
|
4703
5370
|
[style*="--hvr-t-mobile:"]:hover {
|
|
4704
|
-
|
|
4705
|
-
transform: var(--hvr-t-mobile);
|
|
5371
|
+
transform: var(--hvr-t-mobile);
|
|
4706
5372
|
}
|
|
4707
5373
|
/* .group:hover {
|
|
4708
5374
|
[style*="--$(prefix)hvr-$(var)-mobile:"] {
|
|
@@ -4711,8 +5377,7 @@
|
|
|
4711
5377
|
} */
|
|
4712
5378
|
|
|
4713
5379
|
[style*="--focus-t-mobile:"]:focus {
|
|
4714
|
-
|
|
4715
|
-
transform: var(--focus-t-mobile);
|
|
5380
|
+
transform: var(--focus-t-mobile);
|
|
4716
5381
|
}
|
|
4717
5382
|
/* .group:focus {
|
|
4718
5383
|
[style*="--$(prefix)focus-$(var)-mobile:"] {
|
|
@@ -4804,13 +5469,11 @@
|
|
|
4804
5469
|
}
|
|
4805
5470
|
} */
|
|
4806
5471
|
[style*="--wm-mobile:"] {
|
|
4807
|
-
|
|
4808
|
-
writing-mode: var(--wm-mobile);
|
|
5472
|
+
writing-mode: var(--wm-mobile);
|
|
4809
5473
|
}
|
|
4810
5474
|
|
|
4811
5475
|
[style*="--hvr-wm-mobile:"]:hover {
|
|
4812
|
-
|
|
4813
|
-
writing-mode: var(--hvr-wm-mobile);
|
|
5476
|
+
writing-mode: var(--hvr-wm-mobile);
|
|
4814
5477
|
}
|
|
4815
5478
|
/* .group:hover {
|
|
4816
5479
|
[style*="--$(prefix)hvr-$(var)-mobile:"] {
|
|
@@ -4819,8 +5482,7 @@
|
|
|
4819
5482
|
} */
|
|
4820
5483
|
|
|
4821
5484
|
[style*="--focus-wm-mobile:"]:focus {
|
|
4822
|
-
|
|
4823
|
-
writing-mode: var(--focus-wm-mobile);
|
|
5485
|
+
writing-mode: var(--focus-wm-mobile);
|
|
4824
5486
|
}
|
|
4825
5487
|
/* .group:focus {
|
|
4826
5488
|
[style*="--$(prefix)focus-$(var)-mobile:"] {
|