@cnc_cbz/usefultools-plugin-official 1.1.1 → 1.1.2

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.
@@ -393,6 +393,40 @@ export {
393
393
  grid-column: span 2 / span 2;
394
394
  }
395
395
 
396
+ .container {
397
+ width: 100%;
398
+ }
399
+
400
+ @media (min-width: 40rem) {
401
+ .container {
402
+ max-width: 40rem;
403
+ }
404
+ }
405
+
406
+ @media (min-width: 48rem) {
407
+ .container {
408
+ max-width: 48rem;
409
+ }
410
+ }
411
+
412
+ @media (min-width: 64rem) {
413
+ .container {
414
+ max-width: 64rem;
415
+ }
416
+ }
417
+
418
+ @media (min-width: 80rem) {
419
+ .container {
420
+ max-width: 80rem;
421
+ }
422
+ }
423
+
424
+ @media (min-width: 96rem) {
425
+ .container {
426
+ max-width: 96rem;
427
+ }
428
+ }
429
+
396
430
  .-mx-1 {
397
431
  margin-inline: calc(var(--spacing) * -1);
398
432
  }
@@ -449,6 +483,10 @@ export {
449
483
  margin-bottom: calc(var(--spacing) * 3);
450
484
  }
451
485
 
486
+ .mb-5 {
487
+ margin-bottom: calc(var(--spacing) * 5);
488
+ }
489
+
452
490
  .ml-0\\.5 {
453
491
  margin-left: calc(var(--spacing) * .5);
454
492
  }
@@ -697,6 +735,10 @@ export {
697
735
  width: 100%;
698
736
  }
699
737
 
738
+ .max-w-60 {
739
+ max-width: calc(var(--spacing) * 60);
740
+ }
741
+
700
742
  .max-w-70 {
701
743
  max-width: calc(var(--spacing) * 70);
702
744
  }
@@ -713,6 +755,10 @@ export {
713
755
  min-width: calc(var(--spacing) * 0);
714
756
  }
715
757
 
758
+ .min-w-36 {
759
+ min-width: calc(var(--spacing) * 36);
760
+ }
761
+
716
762
  .min-w-\\[90px\\] {
717
763
  min-width: 90px;
718
764
  }
@@ -1019,6 +1065,16 @@ export {
1019
1065
  border-color: var(--color-coral-red);
1020
1066
  }
1021
1067
 
1068
+ .border-coral-red\\/30 {
1069
+ border-color: #ff6b6b4d;
1070
+ }
1071
+
1072
+ @supports (color: color-mix(in lab, red, red)) {
1073
+ .border-coral-red\\/30 {
1074
+ border-color: color-mix(in oklab, var(--color-coral-red) 30%, transparent);
1075
+ }
1076
+ }
1077
+
1022
1078
  .border-coral-red\\/40 {
1023
1079
  border-color: #ff6b6b66;
1024
1080
  }
@@ -1029,6 +1085,16 @@ export {
1029
1085
  }
1030
1086
  }
1031
1087
 
1088
+ .border-electric-blue\\/30 {
1089
+ border-color: #3b82f64d;
1090
+ }
1091
+
1092
+ @supports (color: color-mix(in lab, red, red)) {
1093
+ .border-electric-blue\\/30 {
1094
+ border-color: color-mix(in oklab, var(--color-electric-blue) 30%, transparent);
1095
+ }
1096
+ }
1097
+
1032
1098
  .border-electric-blue\\/40 {
1033
1099
  border-color: #3b82f666;
1034
1100
  }
@@ -1047,10 +1113,30 @@ export {
1047
1113
  border-color: var(--color-gray-700);
1048
1114
  }
1049
1115
 
1116
+ .border-hot-pink\\/30 {
1117
+ border-color: #ec48994d;
1118
+ }
1119
+
1120
+ @supports (color: color-mix(in lab, red, red)) {
1121
+ .border-hot-pink\\/30 {
1122
+ border-color: color-mix(in oklab, var(--color-hot-pink) 30%, transparent);
1123
+ }
1124
+ }
1125
+
1050
1126
  .border-neon-green {
1051
1127
  border-color: var(--color-neon-green);
1052
1128
  }
1053
1129
 
1130
+ .border-neon-green\\/30 {
1131
+ border-color: #84cc164d;
1132
+ }
1133
+
1134
+ @supports (color: color-mix(in lab, red, red)) {
1135
+ .border-neon-green\\/30 {
1136
+ border-color: color-mix(in oklab, var(--color-neon-green) 30%, transparent);
1137
+ }
1138
+ }
1139
+
1054
1140
  .border-neon-green\\/40 {
1055
1141
  border-color: #84cc1666;
1056
1142
  }
@@ -1065,6 +1151,16 @@ export {
1065
1151
  border-color: var(--color-primary);
1066
1152
  }
1067
1153
 
1154
+ .border-primary\\/30 {
1155
+ border-color: #f9b11f4d;
1156
+ }
1157
+
1158
+ @supports (color: color-mix(in lab, red, red)) {
1159
+ .border-primary\\/30 {
1160
+ border-color: color-mix(in oklab, var(--color-primary) 30%, transparent);
1161
+ }
1162
+ }
1163
+
1068
1164
  .border-primary\\/40 {
1069
1165
  border-color: #f9b11f66;
1070
1166
  }
@@ -1079,6 +1175,16 @@ export {
1079
1175
  border-color: #0000;
1080
1176
  }
1081
1177
 
1178
+ .border-vibrant-purple\\/30 {
1179
+ border-color: #a855f74d;
1180
+ }
1181
+
1182
+ @supports (color: color-mix(in lab, red, red)) {
1183
+ .border-vibrant-purple\\/30 {
1184
+ border-color: color-mix(in oklab, var(--color-vibrant-purple) 30%, transparent);
1185
+ }
1186
+ }
1187
+
1082
1188
  .border-white\\/5 {
1083
1189
  border-color: #ffffff0d;
1084
1190
  }
@@ -1175,6 +1281,16 @@ export {
1175
1281
  background-color: var(--color-electric-blue);
1176
1282
  }
1177
1283
 
1284
+ .bg-electric-blue\\/10 {
1285
+ background-color: #3b82f61a;
1286
+ }
1287
+
1288
+ @supports (color: color-mix(in lab, red, red)) {
1289
+ .bg-electric-blue\\/10 {
1290
+ background-color: color-mix(in oklab, var(--color-electric-blue) 10%, transparent);
1291
+ }
1292
+ }
1293
+
1178
1294
  .bg-electric-blue\\/20 {
1179
1295
  background-color: #3b82f633;
1180
1296
  }
@@ -1189,6 +1305,16 @@ export {
1189
1305
  background-color: var(--color-hot-pink);
1190
1306
  }
1191
1307
 
1308
+ .bg-hot-pink\\/10 {
1309
+ background-color: #ec48991a;
1310
+ }
1311
+
1312
+ @supports (color: color-mix(in lab, red, red)) {
1313
+ .bg-hot-pink\\/10 {
1314
+ background-color: color-mix(in oklab, var(--color-hot-pink) 10%, transparent);
1315
+ }
1316
+ }
1317
+
1192
1318
  .bg-neon-green {
1193
1319
  background-color: var(--color-neon-green);
1194
1320
  }
@@ -1275,6 +1401,16 @@ export {
1275
1401
  background-color: var(--color-vibrant-purple);
1276
1402
  }
1277
1403
 
1404
+ .bg-vibrant-purple\\/10 {
1405
+ background-color: #a855f71a;
1406
+ }
1407
+
1408
+ @supports (color: color-mix(in lab, red, red)) {
1409
+ .bg-vibrant-purple\\/10 {
1410
+ background-color: color-mix(in oklab, var(--color-vibrant-purple) 10%, transparent);
1411
+ }
1412
+ }
1413
+
1278
1414
  .bg-white {
1279
1415
  background-color: var(--color-white);
1280
1416
  }
@@ -1351,6 +1487,10 @@ export {
1351
1487
  padding: calc(var(--spacing) * 3);
1352
1488
  }
1353
1489
 
1490
+ .p-3\\.5 {
1491
+ padding: calc(var(--spacing) * 3.5);
1492
+ }
1493
+
1354
1494
  .p-4 {
1355
1495
  padding: calc(var(--spacing) * 4);
1356
1496
  }
@@ -669,6 +669,40 @@ export {
669
669
  grid-column: span 2 / span 2;
670
670
  }
671
671
 
672
+ .container {
673
+ width: 100%;
674
+ }
675
+
676
+ @media (min-width: 40rem) {
677
+ .container {
678
+ max-width: 40rem;
679
+ }
680
+ }
681
+
682
+ @media (min-width: 48rem) {
683
+ .container {
684
+ max-width: 48rem;
685
+ }
686
+ }
687
+
688
+ @media (min-width: 64rem) {
689
+ .container {
690
+ max-width: 64rem;
691
+ }
692
+ }
693
+
694
+ @media (min-width: 80rem) {
695
+ .container {
696
+ max-width: 80rem;
697
+ }
698
+ }
699
+
700
+ @media (min-width: 96rem) {
701
+ .container {
702
+ max-width: 96rem;
703
+ }
704
+ }
705
+
672
706
  .-mx-1 {
673
707
  margin-inline: calc(var(--spacing) * -1);
674
708
  }
@@ -725,6 +759,10 @@ export {
725
759
  margin-bottom: calc(var(--spacing) * 3);
726
760
  }
727
761
 
762
+ .mb-5 {
763
+ margin-bottom: calc(var(--spacing) * 5);
764
+ }
765
+
728
766
  .ml-0\\.5 {
729
767
  margin-left: calc(var(--spacing) * .5);
730
768
  }
@@ -973,6 +1011,10 @@ export {
973
1011
  width: 100%;
974
1012
  }
975
1013
 
1014
+ .max-w-60 {
1015
+ max-width: calc(var(--spacing) * 60);
1016
+ }
1017
+
976
1018
  .max-w-70 {
977
1019
  max-width: calc(var(--spacing) * 70);
978
1020
  }
@@ -989,6 +1031,10 @@ export {
989
1031
  min-width: calc(var(--spacing) * 0);
990
1032
  }
991
1033
 
1034
+ .min-w-36 {
1035
+ min-width: calc(var(--spacing) * 36);
1036
+ }
1037
+
992
1038
  .min-w-\\[90px\\] {
993
1039
  min-width: 90px;
994
1040
  }
@@ -1295,6 +1341,16 @@ export {
1295
1341
  border-color: var(--color-coral-red);
1296
1342
  }
1297
1343
 
1344
+ .border-coral-red\\/30 {
1345
+ border-color: #ff6b6b4d;
1346
+ }
1347
+
1348
+ @supports (color: color-mix(in lab, red, red)) {
1349
+ .border-coral-red\\/30 {
1350
+ border-color: color-mix(in oklab, var(--color-coral-red) 30%, transparent);
1351
+ }
1352
+ }
1353
+
1298
1354
  .border-coral-red\\/40 {
1299
1355
  border-color: #ff6b6b66;
1300
1356
  }
@@ -1305,6 +1361,16 @@ export {
1305
1361
  }
1306
1362
  }
1307
1363
 
1364
+ .border-electric-blue\\/30 {
1365
+ border-color: #3b82f64d;
1366
+ }
1367
+
1368
+ @supports (color: color-mix(in lab, red, red)) {
1369
+ .border-electric-blue\\/30 {
1370
+ border-color: color-mix(in oklab, var(--color-electric-blue) 30%, transparent);
1371
+ }
1372
+ }
1373
+
1308
1374
  .border-electric-blue\\/40 {
1309
1375
  border-color: #3b82f666;
1310
1376
  }
@@ -1323,10 +1389,30 @@ export {
1323
1389
  border-color: var(--color-gray-700);
1324
1390
  }
1325
1391
 
1392
+ .border-hot-pink\\/30 {
1393
+ border-color: #ec48994d;
1394
+ }
1395
+
1396
+ @supports (color: color-mix(in lab, red, red)) {
1397
+ .border-hot-pink\\/30 {
1398
+ border-color: color-mix(in oklab, var(--color-hot-pink) 30%, transparent);
1399
+ }
1400
+ }
1401
+
1326
1402
  .border-neon-green {
1327
1403
  border-color: var(--color-neon-green);
1328
1404
  }
1329
1405
 
1406
+ .border-neon-green\\/30 {
1407
+ border-color: #84cc164d;
1408
+ }
1409
+
1410
+ @supports (color: color-mix(in lab, red, red)) {
1411
+ .border-neon-green\\/30 {
1412
+ border-color: color-mix(in oklab, var(--color-neon-green) 30%, transparent);
1413
+ }
1414
+ }
1415
+
1330
1416
  .border-neon-green\\/40 {
1331
1417
  border-color: #84cc1666;
1332
1418
  }
@@ -1341,6 +1427,16 @@ export {
1341
1427
  border-color: var(--color-primary);
1342
1428
  }
1343
1429
 
1430
+ .border-primary\\/30 {
1431
+ border-color: #f9b11f4d;
1432
+ }
1433
+
1434
+ @supports (color: color-mix(in lab, red, red)) {
1435
+ .border-primary\\/30 {
1436
+ border-color: color-mix(in oklab, var(--color-primary) 30%, transparent);
1437
+ }
1438
+ }
1439
+
1344
1440
  .border-primary\\/40 {
1345
1441
  border-color: #f9b11f66;
1346
1442
  }
@@ -1355,6 +1451,16 @@ export {
1355
1451
  border-color: #0000;
1356
1452
  }
1357
1453
 
1454
+ .border-vibrant-purple\\/30 {
1455
+ border-color: #a855f74d;
1456
+ }
1457
+
1458
+ @supports (color: color-mix(in lab, red, red)) {
1459
+ .border-vibrant-purple\\/30 {
1460
+ border-color: color-mix(in oklab, var(--color-vibrant-purple) 30%, transparent);
1461
+ }
1462
+ }
1463
+
1358
1464
  .border-white\\/5 {
1359
1465
  border-color: #ffffff0d;
1360
1466
  }
@@ -1451,6 +1557,16 @@ export {
1451
1557
  background-color: var(--color-electric-blue);
1452
1558
  }
1453
1559
 
1560
+ .bg-electric-blue\\/10 {
1561
+ background-color: #3b82f61a;
1562
+ }
1563
+
1564
+ @supports (color: color-mix(in lab, red, red)) {
1565
+ .bg-electric-blue\\/10 {
1566
+ background-color: color-mix(in oklab, var(--color-electric-blue) 10%, transparent);
1567
+ }
1568
+ }
1569
+
1454
1570
  .bg-electric-blue\\/20 {
1455
1571
  background-color: #3b82f633;
1456
1572
  }
@@ -1465,6 +1581,16 @@ export {
1465
1581
  background-color: var(--color-hot-pink);
1466
1582
  }
1467
1583
 
1584
+ .bg-hot-pink\\/10 {
1585
+ background-color: #ec48991a;
1586
+ }
1587
+
1588
+ @supports (color: color-mix(in lab, red, red)) {
1589
+ .bg-hot-pink\\/10 {
1590
+ background-color: color-mix(in oklab, var(--color-hot-pink) 10%, transparent);
1591
+ }
1592
+ }
1593
+
1468
1594
  .bg-neon-green {
1469
1595
  background-color: var(--color-neon-green);
1470
1596
  }
@@ -1551,6 +1677,16 @@ export {
1551
1677
  background-color: var(--color-vibrant-purple);
1552
1678
  }
1553
1679
 
1680
+ .bg-vibrant-purple\\/10 {
1681
+ background-color: #a855f71a;
1682
+ }
1683
+
1684
+ @supports (color: color-mix(in lab, red, red)) {
1685
+ .bg-vibrant-purple\\/10 {
1686
+ background-color: color-mix(in oklab, var(--color-vibrant-purple) 10%, transparent);
1687
+ }
1688
+ }
1689
+
1554
1690
  .bg-white {
1555
1691
  background-color: var(--color-white);
1556
1692
  }
@@ -1627,6 +1763,10 @@ export {
1627
1763
  padding: calc(var(--spacing) * 3);
1628
1764
  }
1629
1765
 
1766
+ .p-3\\.5 {
1767
+ padding: calc(var(--spacing) * 3.5);
1768
+ }
1769
+
1630
1770
  .p-4 {
1631
1771
  padding: calc(var(--spacing) * 4);
1632
1772
  }
@@ -24452,6 +24452,40 @@ export {
24452
24452
  grid-column: span 2 / span 2;
24453
24453
  }
24454
24454
 
24455
+ .container {
24456
+ width: 100%;
24457
+ }
24458
+
24459
+ @media (min-width: 40rem) {
24460
+ .container {
24461
+ max-width: 40rem;
24462
+ }
24463
+ }
24464
+
24465
+ @media (min-width: 48rem) {
24466
+ .container {
24467
+ max-width: 48rem;
24468
+ }
24469
+ }
24470
+
24471
+ @media (min-width: 64rem) {
24472
+ .container {
24473
+ max-width: 64rem;
24474
+ }
24475
+ }
24476
+
24477
+ @media (min-width: 80rem) {
24478
+ .container {
24479
+ max-width: 80rem;
24480
+ }
24481
+ }
24482
+
24483
+ @media (min-width: 96rem) {
24484
+ .container {
24485
+ max-width: 96rem;
24486
+ }
24487
+ }
24488
+
24455
24489
  .-mx-1 {
24456
24490
  margin-inline: calc(var(--spacing) * -1);
24457
24491
  }
@@ -24508,6 +24542,10 @@ export {
24508
24542
  margin-bottom: calc(var(--spacing) * 3);
24509
24543
  }
24510
24544
 
24545
+ .mb-5 {
24546
+ margin-bottom: calc(var(--spacing) * 5);
24547
+ }
24548
+
24511
24549
  .ml-0\\.5 {
24512
24550
  margin-left: calc(var(--spacing) * .5);
24513
24551
  }
@@ -24756,6 +24794,10 @@ export {
24756
24794
  width: 100%;
24757
24795
  }
24758
24796
 
24797
+ .max-w-60 {
24798
+ max-width: calc(var(--spacing) * 60);
24799
+ }
24800
+
24759
24801
  .max-w-70 {
24760
24802
  max-width: calc(var(--spacing) * 70);
24761
24803
  }
@@ -24772,6 +24814,10 @@ export {
24772
24814
  min-width: calc(var(--spacing) * 0);
24773
24815
  }
24774
24816
 
24817
+ .min-w-36 {
24818
+ min-width: calc(var(--spacing) * 36);
24819
+ }
24820
+
24775
24821
  .min-w-\\[90px\\] {
24776
24822
  min-width: 90px;
24777
24823
  }
@@ -25078,6 +25124,16 @@ export {
25078
25124
  border-color: var(--color-coral-red);
25079
25125
  }
25080
25126
 
25127
+ .border-coral-red\\/30 {
25128
+ border-color: #ff6b6b4d;
25129
+ }
25130
+
25131
+ @supports (color: color-mix(in lab, red, red)) {
25132
+ .border-coral-red\\/30 {
25133
+ border-color: color-mix(in oklab, var(--color-coral-red) 30%, transparent);
25134
+ }
25135
+ }
25136
+
25081
25137
  .border-coral-red\\/40 {
25082
25138
  border-color: #ff6b6b66;
25083
25139
  }
@@ -25088,6 +25144,16 @@ export {
25088
25144
  }
25089
25145
  }
25090
25146
 
25147
+ .border-electric-blue\\/30 {
25148
+ border-color: #3b82f64d;
25149
+ }
25150
+
25151
+ @supports (color: color-mix(in lab, red, red)) {
25152
+ .border-electric-blue\\/30 {
25153
+ border-color: color-mix(in oklab, var(--color-electric-blue) 30%, transparent);
25154
+ }
25155
+ }
25156
+
25091
25157
  .border-electric-blue\\/40 {
25092
25158
  border-color: #3b82f666;
25093
25159
  }
@@ -25106,10 +25172,30 @@ export {
25106
25172
  border-color: var(--color-gray-700);
25107
25173
  }
25108
25174
 
25175
+ .border-hot-pink\\/30 {
25176
+ border-color: #ec48994d;
25177
+ }
25178
+
25179
+ @supports (color: color-mix(in lab, red, red)) {
25180
+ .border-hot-pink\\/30 {
25181
+ border-color: color-mix(in oklab, var(--color-hot-pink) 30%, transparent);
25182
+ }
25183
+ }
25184
+
25109
25185
  .border-neon-green {
25110
25186
  border-color: var(--color-neon-green);
25111
25187
  }
25112
25188
 
25189
+ .border-neon-green\\/30 {
25190
+ border-color: #84cc164d;
25191
+ }
25192
+
25193
+ @supports (color: color-mix(in lab, red, red)) {
25194
+ .border-neon-green\\/30 {
25195
+ border-color: color-mix(in oklab, var(--color-neon-green) 30%, transparent);
25196
+ }
25197
+ }
25198
+
25113
25199
  .border-neon-green\\/40 {
25114
25200
  border-color: #84cc1666;
25115
25201
  }
@@ -25124,6 +25210,16 @@ export {
25124
25210
  border-color: var(--color-primary);
25125
25211
  }
25126
25212
 
25213
+ .border-primary\\/30 {
25214
+ border-color: #f9b11f4d;
25215
+ }
25216
+
25217
+ @supports (color: color-mix(in lab, red, red)) {
25218
+ .border-primary\\/30 {
25219
+ border-color: color-mix(in oklab, var(--color-primary) 30%, transparent);
25220
+ }
25221
+ }
25222
+
25127
25223
  .border-primary\\/40 {
25128
25224
  border-color: #f9b11f66;
25129
25225
  }
@@ -25138,6 +25234,16 @@ export {
25138
25234
  border-color: #0000;
25139
25235
  }
25140
25236
 
25237
+ .border-vibrant-purple\\/30 {
25238
+ border-color: #a855f74d;
25239
+ }
25240
+
25241
+ @supports (color: color-mix(in lab, red, red)) {
25242
+ .border-vibrant-purple\\/30 {
25243
+ border-color: color-mix(in oklab, var(--color-vibrant-purple) 30%, transparent);
25244
+ }
25245
+ }
25246
+
25141
25247
  .border-white\\/5 {
25142
25248
  border-color: #ffffff0d;
25143
25249
  }
@@ -25234,6 +25340,16 @@ export {
25234
25340
  background-color: var(--color-electric-blue);
25235
25341
  }
25236
25342
 
25343
+ .bg-electric-blue\\/10 {
25344
+ background-color: #3b82f61a;
25345
+ }
25346
+
25347
+ @supports (color: color-mix(in lab, red, red)) {
25348
+ .bg-electric-blue\\/10 {
25349
+ background-color: color-mix(in oklab, var(--color-electric-blue) 10%, transparent);
25350
+ }
25351
+ }
25352
+
25237
25353
  .bg-electric-blue\\/20 {
25238
25354
  background-color: #3b82f633;
25239
25355
  }
@@ -25248,6 +25364,16 @@ export {
25248
25364
  background-color: var(--color-hot-pink);
25249
25365
  }
25250
25366
 
25367
+ .bg-hot-pink\\/10 {
25368
+ background-color: #ec48991a;
25369
+ }
25370
+
25371
+ @supports (color: color-mix(in lab, red, red)) {
25372
+ .bg-hot-pink\\/10 {
25373
+ background-color: color-mix(in oklab, var(--color-hot-pink) 10%, transparent);
25374
+ }
25375
+ }
25376
+
25251
25377
  .bg-neon-green {
25252
25378
  background-color: var(--color-neon-green);
25253
25379
  }
@@ -25334,6 +25460,16 @@ export {
25334
25460
  background-color: var(--color-vibrant-purple);
25335
25461
  }
25336
25462
 
25463
+ .bg-vibrant-purple\\/10 {
25464
+ background-color: #a855f71a;
25465
+ }
25466
+
25467
+ @supports (color: color-mix(in lab, red, red)) {
25468
+ .bg-vibrant-purple\\/10 {
25469
+ background-color: color-mix(in oklab, var(--color-vibrant-purple) 10%, transparent);
25470
+ }
25471
+ }
25472
+
25337
25473
  .bg-white {
25338
25474
  background-color: var(--color-white);
25339
25475
  }
@@ -25410,6 +25546,10 @@ export {
25410
25546
  padding: calc(var(--spacing) * 3);
25411
25547
  }
25412
25548
 
25549
+ .p-3\\.5 {
25550
+ padding: calc(var(--spacing) * 3.5);
25551
+ }
25552
+
25413
25553
  .p-4 {
25414
25554
  padding: calc(var(--spacing) * 4);
25415
25555
  }