@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.
@@ -424,6 +424,40 @@ export {
424
424
  grid-column: span 2 / span 2;
425
425
  }
426
426
 
427
+ .container {
428
+ width: 100%;
429
+ }
430
+
431
+ @media (min-width: 40rem) {
432
+ .container {
433
+ max-width: 40rem;
434
+ }
435
+ }
436
+
437
+ @media (min-width: 48rem) {
438
+ .container {
439
+ max-width: 48rem;
440
+ }
441
+ }
442
+
443
+ @media (min-width: 64rem) {
444
+ .container {
445
+ max-width: 64rem;
446
+ }
447
+ }
448
+
449
+ @media (min-width: 80rem) {
450
+ .container {
451
+ max-width: 80rem;
452
+ }
453
+ }
454
+
455
+ @media (min-width: 96rem) {
456
+ .container {
457
+ max-width: 96rem;
458
+ }
459
+ }
460
+
427
461
  .-mx-1 {
428
462
  margin-inline: calc(var(--spacing) * -1);
429
463
  }
@@ -480,6 +514,10 @@ export {
480
514
  margin-bottom: calc(var(--spacing) * 3);
481
515
  }
482
516
 
517
+ .mb-5 {
518
+ margin-bottom: calc(var(--spacing) * 5);
519
+ }
520
+
483
521
  .ml-0\\.5 {
484
522
  margin-left: calc(var(--spacing) * .5);
485
523
  }
@@ -728,6 +766,10 @@ export {
728
766
  width: 100%;
729
767
  }
730
768
 
769
+ .max-w-60 {
770
+ max-width: calc(var(--spacing) * 60);
771
+ }
772
+
731
773
  .max-w-70 {
732
774
  max-width: calc(var(--spacing) * 70);
733
775
  }
@@ -744,6 +786,10 @@ export {
744
786
  min-width: calc(var(--spacing) * 0);
745
787
  }
746
788
 
789
+ .min-w-36 {
790
+ min-width: calc(var(--spacing) * 36);
791
+ }
792
+
747
793
  .min-w-\\[90px\\] {
748
794
  min-width: 90px;
749
795
  }
@@ -1050,6 +1096,16 @@ export {
1050
1096
  border-color: var(--color-coral-red);
1051
1097
  }
1052
1098
 
1099
+ .border-coral-red\\/30 {
1100
+ border-color: #ff6b6b4d;
1101
+ }
1102
+
1103
+ @supports (color: color-mix(in lab, red, red)) {
1104
+ .border-coral-red\\/30 {
1105
+ border-color: color-mix(in oklab, var(--color-coral-red) 30%, transparent);
1106
+ }
1107
+ }
1108
+
1053
1109
  .border-coral-red\\/40 {
1054
1110
  border-color: #ff6b6b66;
1055
1111
  }
@@ -1060,6 +1116,16 @@ export {
1060
1116
  }
1061
1117
  }
1062
1118
 
1119
+ .border-electric-blue\\/30 {
1120
+ border-color: #3b82f64d;
1121
+ }
1122
+
1123
+ @supports (color: color-mix(in lab, red, red)) {
1124
+ .border-electric-blue\\/30 {
1125
+ border-color: color-mix(in oklab, var(--color-electric-blue) 30%, transparent);
1126
+ }
1127
+ }
1128
+
1063
1129
  .border-electric-blue\\/40 {
1064
1130
  border-color: #3b82f666;
1065
1131
  }
@@ -1078,10 +1144,30 @@ export {
1078
1144
  border-color: var(--color-gray-700);
1079
1145
  }
1080
1146
 
1147
+ .border-hot-pink\\/30 {
1148
+ border-color: #ec48994d;
1149
+ }
1150
+
1151
+ @supports (color: color-mix(in lab, red, red)) {
1152
+ .border-hot-pink\\/30 {
1153
+ border-color: color-mix(in oklab, var(--color-hot-pink) 30%, transparent);
1154
+ }
1155
+ }
1156
+
1081
1157
  .border-neon-green {
1082
1158
  border-color: var(--color-neon-green);
1083
1159
  }
1084
1160
 
1161
+ .border-neon-green\\/30 {
1162
+ border-color: #84cc164d;
1163
+ }
1164
+
1165
+ @supports (color: color-mix(in lab, red, red)) {
1166
+ .border-neon-green\\/30 {
1167
+ border-color: color-mix(in oklab, var(--color-neon-green) 30%, transparent);
1168
+ }
1169
+ }
1170
+
1085
1171
  .border-neon-green\\/40 {
1086
1172
  border-color: #84cc1666;
1087
1173
  }
@@ -1096,6 +1182,16 @@ export {
1096
1182
  border-color: var(--color-primary);
1097
1183
  }
1098
1184
 
1185
+ .border-primary\\/30 {
1186
+ border-color: #f9b11f4d;
1187
+ }
1188
+
1189
+ @supports (color: color-mix(in lab, red, red)) {
1190
+ .border-primary\\/30 {
1191
+ border-color: color-mix(in oklab, var(--color-primary) 30%, transparent);
1192
+ }
1193
+ }
1194
+
1099
1195
  .border-primary\\/40 {
1100
1196
  border-color: #f9b11f66;
1101
1197
  }
@@ -1110,6 +1206,16 @@ export {
1110
1206
  border-color: #0000;
1111
1207
  }
1112
1208
 
1209
+ .border-vibrant-purple\\/30 {
1210
+ border-color: #a855f74d;
1211
+ }
1212
+
1213
+ @supports (color: color-mix(in lab, red, red)) {
1214
+ .border-vibrant-purple\\/30 {
1215
+ border-color: color-mix(in oklab, var(--color-vibrant-purple) 30%, transparent);
1216
+ }
1217
+ }
1218
+
1113
1219
  .border-white\\/5 {
1114
1220
  border-color: #ffffff0d;
1115
1221
  }
@@ -1206,6 +1312,16 @@ export {
1206
1312
  background-color: var(--color-electric-blue);
1207
1313
  }
1208
1314
 
1315
+ .bg-electric-blue\\/10 {
1316
+ background-color: #3b82f61a;
1317
+ }
1318
+
1319
+ @supports (color: color-mix(in lab, red, red)) {
1320
+ .bg-electric-blue\\/10 {
1321
+ background-color: color-mix(in oklab, var(--color-electric-blue) 10%, transparent);
1322
+ }
1323
+ }
1324
+
1209
1325
  .bg-electric-blue\\/20 {
1210
1326
  background-color: #3b82f633;
1211
1327
  }
@@ -1220,6 +1336,16 @@ export {
1220
1336
  background-color: var(--color-hot-pink);
1221
1337
  }
1222
1338
 
1339
+ .bg-hot-pink\\/10 {
1340
+ background-color: #ec48991a;
1341
+ }
1342
+
1343
+ @supports (color: color-mix(in lab, red, red)) {
1344
+ .bg-hot-pink\\/10 {
1345
+ background-color: color-mix(in oklab, var(--color-hot-pink) 10%, transparent);
1346
+ }
1347
+ }
1348
+
1223
1349
  .bg-neon-green {
1224
1350
  background-color: var(--color-neon-green);
1225
1351
  }
@@ -1306,6 +1432,16 @@ export {
1306
1432
  background-color: var(--color-vibrant-purple);
1307
1433
  }
1308
1434
 
1435
+ .bg-vibrant-purple\\/10 {
1436
+ background-color: #a855f71a;
1437
+ }
1438
+
1439
+ @supports (color: color-mix(in lab, red, red)) {
1440
+ .bg-vibrant-purple\\/10 {
1441
+ background-color: color-mix(in oklab, var(--color-vibrant-purple) 10%, transparent);
1442
+ }
1443
+ }
1444
+
1309
1445
  .bg-white {
1310
1446
  background-color: var(--color-white);
1311
1447
  }
@@ -1382,6 +1518,10 @@ export {
1382
1518
  padding: calc(var(--spacing) * 3);
1383
1519
  }
1384
1520
 
1521
+ .p-3\\.5 {
1522
+ padding: calc(var(--spacing) * 3.5);
1523
+ }
1524
+
1385
1525
  .p-4 {
1386
1526
  padding: calc(var(--spacing) * 4);
1387
1527
  }
@@ -1213,6 +1213,40 @@ export {
1213
1213
  grid-column: span 2 / span 2;
1214
1214
  }
1215
1215
 
1216
+ .container {
1217
+ width: 100%;
1218
+ }
1219
+
1220
+ @media (min-width: 40rem) {
1221
+ .container {
1222
+ max-width: 40rem;
1223
+ }
1224
+ }
1225
+
1226
+ @media (min-width: 48rem) {
1227
+ .container {
1228
+ max-width: 48rem;
1229
+ }
1230
+ }
1231
+
1232
+ @media (min-width: 64rem) {
1233
+ .container {
1234
+ max-width: 64rem;
1235
+ }
1236
+ }
1237
+
1238
+ @media (min-width: 80rem) {
1239
+ .container {
1240
+ max-width: 80rem;
1241
+ }
1242
+ }
1243
+
1244
+ @media (min-width: 96rem) {
1245
+ .container {
1246
+ max-width: 96rem;
1247
+ }
1248
+ }
1249
+
1216
1250
  .-mx-1 {
1217
1251
  margin-inline: calc(var(--spacing) * -1);
1218
1252
  }
@@ -1269,6 +1303,10 @@ export {
1269
1303
  margin-bottom: calc(var(--spacing) * 3);
1270
1304
  }
1271
1305
 
1306
+ .mb-5 {
1307
+ margin-bottom: calc(var(--spacing) * 5);
1308
+ }
1309
+
1272
1310
  .ml-0\\.5 {
1273
1311
  margin-left: calc(var(--spacing) * .5);
1274
1312
  }
@@ -1517,6 +1555,10 @@ export {
1517
1555
  width: 100%;
1518
1556
  }
1519
1557
 
1558
+ .max-w-60 {
1559
+ max-width: calc(var(--spacing) * 60);
1560
+ }
1561
+
1520
1562
  .max-w-70 {
1521
1563
  max-width: calc(var(--spacing) * 70);
1522
1564
  }
@@ -1533,6 +1575,10 @@ export {
1533
1575
  min-width: calc(var(--spacing) * 0);
1534
1576
  }
1535
1577
 
1578
+ .min-w-36 {
1579
+ min-width: calc(var(--spacing) * 36);
1580
+ }
1581
+
1536
1582
  .min-w-\\[90px\\] {
1537
1583
  min-width: 90px;
1538
1584
  }
@@ -1839,6 +1885,16 @@ export {
1839
1885
  border-color: var(--color-coral-red);
1840
1886
  }
1841
1887
 
1888
+ .border-coral-red\\/30 {
1889
+ border-color: #ff6b6b4d;
1890
+ }
1891
+
1892
+ @supports (color: color-mix(in lab, red, red)) {
1893
+ .border-coral-red\\/30 {
1894
+ border-color: color-mix(in oklab, var(--color-coral-red) 30%, transparent);
1895
+ }
1896
+ }
1897
+
1842
1898
  .border-coral-red\\/40 {
1843
1899
  border-color: #ff6b6b66;
1844
1900
  }
@@ -1849,6 +1905,16 @@ export {
1849
1905
  }
1850
1906
  }
1851
1907
 
1908
+ .border-electric-blue\\/30 {
1909
+ border-color: #3b82f64d;
1910
+ }
1911
+
1912
+ @supports (color: color-mix(in lab, red, red)) {
1913
+ .border-electric-blue\\/30 {
1914
+ border-color: color-mix(in oklab, var(--color-electric-blue) 30%, transparent);
1915
+ }
1916
+ }
1917
+
1852
1918
  .border-electric-blue\\/40 {
1853
1919
  border-color: #3b82f666;
1854
1920
  }
@@ -1867,10 +1933,30 @@ export {
1867
1933
  border-color: var(--color-gray-700);
1868
1934
  }
1869
1935
 
1936
+ .border-hot-pink\\/30 {
1937
+ border-color: #ec48994d;
1938
+ }
1939
+
1940
+ @supports (color: color-mix(in lab, red, red)) {
1941
+ .border-hot-pink\\/30 {
1942
+ border-color: color-mix(in oklab, var(--color-hot-pink) 30%, transparent);
1943
+ }
1944
+ }
1945
+
1870
1946
  .border-neon-green {
1871
1947
  border-color: var(--color-neon-green);
1872
1948
  }
1873
1949
 
1950
+ .border-neon-green\\/30 {
1951
+ border-color: #84cc164d;
1952
+ }
1953
+
1954
+ @supports (color: color-mix(in lab, red, red)) {
1955
+ .border-neon-green\\/30 {
1956
+ border-color: color-mix(in oklab, var(--color-neon-green) 30%, transparent);
1957
+ }
1958
+ }
1959
+
1874
1960
  .border-neon-green\\/40 {
1875
1961
  border-color: #84cc1666;
1876
1962
  }
@@ -1885,6 +1971,16 @@ export {
1885
1971
  border-color: var(--color-primary);
1886
1972
  }
1887
1973
 
1974
+ .border-primary\\/30 {
1975
+ border-color: #f9b11f4d;
1976
+ }
1977
+
1978
+ @supports (color: color-mix(in lab, red, red)) {
1979
+ .border-primary\\/30 {
1980
+ border-color: color-mix(in oklab, var(--color-primary) 30%, transparent);
1981
+ }
1982
+ }
1983
+
1888
1984
  .border-primary\\/40 {
1889
1985
  border-color: #f9b11f66;
1890
1986
  }
@@ -1899,6 +1995,16 @@ export {
1899
1995
  border-color: #0000;
1900
1996
  }
1901
1997
 
1998
+ .border-vibrant-purple\\/30 {
1999
+ border-color: #a855f74d;
2000
+ }
2001
+
2002
+ @supports (color: color-mix(in lab, red, red)) {
2003
+ .border-vibrant-purple\\/30 {
2004
+ border-color: color-mix(in oklab, var(--color-vibrant-purple) 30%, transparent);
2005
+ }
2006
+ }
2007
+
1902
2008
  .border-white\\/5 {
1903
2009
  border-color: #ffffff0d;
1904
2010
  }
@@ -1995,6 +2101,16 @@ export {
1995
2101
  background-color: var(--color-electric-blue);
1996
2102
  }
1997
2103
 
2104
+ .bg-electric-blue\\/10 {
2105
+ background-color: #3b82f61a;
2106
+ }
2107
+
2108
+ @supports (color: color-mix(in lab, red, red)) {
2109
+ .bg-electric-blue\\/10 {
2110
+ background-color: color-mix(in oklab, var(--color-electric-blue) 10%, transparent);
2111
+ }
2112
+ }
2113
+
1998
2114
  .bg-electric-blue\\/20 {
1999
2115
  background-color: #3b82f633;
2000
2116
  }
@@ -2009,6 +2125,16 @@ export {
2009
2125
  background-color: var(--color-hot-pink);
2010
2126
  }
2011
2127
 
2128
+ .bg-hot-pink\\/10 {
2129
+ background-color: #ec48991a;
2130
+ }
2131
+
2132
+ @supports (color: color-mix(in lab, red, red)) {
2133
+ .bg-hot-pink\\/10 {
2134
+ background-color: color-mix(in oklab, var(--color-hot-pink) 10%, transparent);
2135
+ }
2136
+ }
2137
+
2012
2138
  .bg-neon-green {
2013
2139
  background-color: var(--color-neon-green);
2014
2140
  }
@@ -2095,6 +2221,16 @@ export {
2095
2221
  background-color: var(--color-vibrant-purple);
2096
2222
  }
2097
2223
 
2224
+ .bg-vibrant-purple\\/10 {
2225
+ background-color: #a855f71a;
2226
+ }
2227
+
2228
+ @supports (color: color-mix(in lab, red, red)) {
2229
+ .bg-vibrant-purple\\/10 {
2230
+ background-color: color-mix(in oklab, var(--color-vibrant-purple) 10%, transparent);
2231
+ }
2232
+ }
2233
+
2098
2234
  .bg-white {
2099
2235
  background-color: var(--color-white);
2100
2236
  }
@@ -2171,6 +2307,10 @@ export {
2171
2307
  padding: calc(var(--spacing) * 3);
2172
2308
  }
2173
2309
 
2310
+ .p-3\\.5 {
2311
+ padding: calc(var(--spacing) * 3.5);
2312
+ }
2313
+
2174
2314
  .p-4 {
2175
2315
  padding: calc(var(--spacing) * 4);
2176
2316
  }
@@ -1140,6 +1140,40 @@ export {
1140
1140
  grid-column: span 2 / span 2;
1141
1141
  }
1142
1142
 
1143
+ .container {
1144
+ width: 100%;
1145
+ }
1146
+
1147
+ @media (min-width: 40rem) {
1148
+ .container {
1149
+ max-width: 40rem;
1150
+ }
1151
+ }
1152
+
1153
+ @media (min-width: 48rem) {
1154
+ .container {
1155
+ max-width: 48rem;
1156
+ }
1157
+ }
1158
+
1159
+ @media (min-width: 64rem) {
1160
+ .container {
1161
+ max-width: 64rem;
1162
+ }
1163
+ }
1164
+
1165
+ @media (min-width: 80rem) {
1166
+ .container {
1167
+ max-width: 80rem;
1168
+ }
1169
+ }
1170
+
1171
+ @media (min-width: 96rem) {
1172
+ .container {
1173
+ max-width: 96rem;
1174
+ }
1175
+ }
1176
+
1143
1177
  .-mx-1 {
1144
1178
  margin-inline: calc(var(--spacing) * -1);
1145
1179
  }
@@ -1196,6 +1230,10 @@ export {
1196
1230
  margin-bottom: calc(var(--spacing) * 3);
1197
1231
  }
1198
1232
 
1233
+ .mb-5 {
1234
+ margin-bottom: calc(var(--spacing) * 5);
1235
+ }
1236
+
1199
1237
  .ml-0\\.5 {
1200
1238
  margin-left: calc(var(--spacing) * .5);
1201
1239
  }
@@ -1444,6 +1482,10 @@ export {
1444
1482
  width: 100%;
1445
1483
  }
1446
1484
 
1485
+ .max-w-60 {
1486
+ max-width: calc(var(--spacing) * 60);
1487
+ }
1488
+
1447
1489
  .max-w-70 {
1448
1490
  max-width: calc(var(--spacing) * 70);
1449
1491
  }
@@ -1460,6 +1502,10 @@ export {
1460
1502
  min-width: calc(var(--spacing) * 0);
1461
1503
  }
1462
1504
 
1505
+ .min-w-36 {
1506
+ min-width: calc(var(--spacing) * 36);
1507
+ }
1508
+
1463
1509
  .min-w-\\[90px\\] {
1464
1510
  min-width: 90px;
1465
1511
  }
@@ -1766,6 +1812,16 @@ export {
1766
1812
  border-color: var(--color-coral-red);
1767
1813
  }
1768
1814
 
1815
+ .border-coral-red\\/30 {
1816
+ border-color: #ff6b6b4d;
1817
+ }
1818
+
1819
+ @supports (color: color-mix(in lab, red, red)) {
1820
+ .border-coral-red\\/30 {
1821
+ border-color: color-mix(in oklab, var(--color-coral-red) 30%, transparent);
1822
+ }
1823
+ }
1824
+
1769
1825
  .border-coral-red\\/40 {
1770
1826
  border-color: #ff6b6b66;
1771
1827
  }
@@ -1776,6 +1832,16 @@ export {
1776
1832
  }
1777
1833
  }
1778
1834
 
1835
+ .border-electric-blue\\/30 {
1836
+ border-color: #3b82f64d;
1837
+ }
1838
+
1839
+ @supports (color: color-mix(in lab, red, red)) {
1840
+ .border-electric-blue\\/30 {
1841
+ border-color: color-mix(in oklab, var(--color-electric-blue) 30%, transparent);
1842
+ }
1843
+ }
1844
+
1779
1845
  .border-electric-blue\\/40 {
1780
1846
  border-color: #3b82f666;
1781
1847
  }
@@ -1794,10 +1860,30 @@ export {
1794
1860
  border-color: var(--color-gray-700);
1795
1861
  }
1796
1862
 
1863
+ .border-hot-pink\\/30 {
1864
+ border-color: #ec48994d;
1865
+ }
1866
+
1867
+ @supports (color: color-mix(in lab, red, red)) {
1868
+ .border-hot-pink\\/30 {
1869
+ border-color: color-mix(in oklab, var(--color-hot-pink) 30%, transparent);
1870
+ }
1871
+ }
1872
+
1797
1873
  .border-neon-green {
1798
1874
  border-color: var(--color-neon-green);
1799
1875
  }
1800
1876
 
1877
+ .border-neon-green\\/30 {
1878
+ border-color: #84cc164d;
1879
+ }
1880
+
1881
+ @supports (color: color-mix(in lab, red, red)) {
1882
+ .border-neon-green\\/30 {
1883
+ border-color: color-mix(in oklab, var(--color-neon-green) 30%, transparent);
1884
+ }
1885
+ }
1886
+
1801
1887
  .border-neon-green\\/40 {
1802
1888
  border-color: #84cc1666;
1803
1889
  }
@@ -1812,6 +1898,16 @@ export {
1812
1898
  border-color: var(--color-primary);
1813
1899
  }
1814
1900
 
1901
+ .border-primary\\/30 {
1902
+ border-color: #f9b11f4d;
1903
+ }
1904
+
1905
+ @supports (color: color-mix(in lab, red, red)) {
1906
+ .border-primary\\/30 {
1907
+ border-color: color-mix(in oklab, var(--color-primary) 30%, transparent);
1908
+ }
1909
+ }
1910
+
1815
1911
  .border-primary\\/40 {
1816
1912
  border-color: #f9b11f66;
1817
1913
  }
@@ -1826,6 +1922,16 @@ export {
1826
1922
  border-color: #0000;
1827
1923
  }
1828
1924
 
1925
+ .border-vibrant-purple\\/30 {
1926
+ border-color: #a855f74d;
1927
+ }
1928
+
1929
+ @supports (color: color-mix(in lab, red, red)) {
1930
+ .border-vibrant-purple\\/30 {
1931
+ border-color: color-mix(in oklab, var(--color-vibrant-purple) 30%, transparent);
1932
+ }
1933
+ }
1934
+
1829
1935
  .border-white\\/5 {
1830
1936
  border-color: #ffffff0d;
1831
1937
  }
@@ -1922,6 +2028,16 @@ export {
1922
2028
  background-color: var(--color-electric-blue);
1923
2029
  }
1924
2030
 
2031
+ .bg-electric-blue\\/10 {
2032
+ background-color: #3b82f61a;
2033
+ }
2034
+
2035
+ @supports (color: color-mix(in lab, red, red)) {
2036
+ .bg-electric-blue\\/10 {
2037
+ background-color: color-mix(in oklab, var(--color-electric-blue) 10%, transparent);
2038
+ }
2039
+ }
2040
+
1925
2041
  .bg-electric-blue\\/20 {
1926
2042
  background-color: #3b82f633;
1927
2043
  }
@@ -1936,6 +2052,16 @@ export {
1936
2052
  background-color: var(--color-hot-pink);
1937
2053
  }
1938
2054
 
2055
+ .bg-hot-pink\\/10 {
2056
+ background-color: #ec48991a;
2057
+ }
2058
+
2059
+ @supports (color: color-mix(in lab, red, red)) {
2060
+ .bg-hot-pink\\/10 {
2061
+ background-color: color-mix(in oklab, var(--color-hot-pink) 10%, transparent);
2062
+ }
2063
+ }
2064
+
1939
2065
  .bg-neon-green {
1940
2066
  background-color: var(--color-neon-green);
1941
2067
  }
@@ -2022,6 +2148,16 @@ export {
2022
2148
  background-color: var(--color-vibrant-purple);
2023
2149
  }
2024
2150
 
2151
+ .bg-vibrant-purple\\/10 {
2152
+ background-color: #a855f71a;
2153
+ }
2154
+
2155
+ @supports (color: color-mix(in lab, red, red)) {
2156
+ .bg-vibrant-purple\\/10 {
2157
+ background-color: color-mix(in oklab, var(--color-vibrant-purple) 10%, transparent);
2158
+ }
2159
+ }
2160
+
2025
2161
  .bg-white {
2026
2162
  background-color: var(--color-white);
2027
2163
  }
@@ -2098,6 +2234,10 @@ export {
2098
2234
  padding: calc(var(--spacing) * 3);
2099
2235
  }
2100
2236
 
2237
+ .p-3\\.5 {
2238
+ padding: calc(var(--spacing) * 3.5);
2239
+ }
2240
+
2101
2241
  .p-4 {
2102
2242
  padding: calc(var(--spacing) * 4);
2103
2243
  }