@akinon/ui-utils 1.0.0 → 1.0.1

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/index.css CHANGED
@@ -6,53 +6,56 @@ TODO: fix styles for RTL compatibility and change variables to Akinon compatible
6
6
  ::backdrop,
7
7
  :after,
8
8
  :before {
9
- --tw-border-spacing-x: 0;
10
- --tw-border-spacing-y: 0;
11
- --tw-translate-x: 0;
12
- --tw-translate-y: 0;
13
- --tw-rotate: 0;
14
- --tw-skew-x: 0;
15
- --tw-skew-y: 0;
16
- --tw-scale-x: 1;
17
- --tw-scale-y: 1;
18
- --tw-pan-x: ;
19
- --tw-pan-y: ;
20
- --tw-pinch-zoom: ;
21
- --tw-scroll-snap-strictness: proximity;
22
- --tw-gradient-from-position: ;
23
- --tw-gradient-via-position: ;
24
- --tw-gradient-to-position: ;
25
- --tw-ordinal: ;
26
- --tw-slashed-zero: ;
27
- --tw-numeric-figure: ;
28
- --tw-numeric-spacing: ;
29
- --tw-numeric-fraction: ;
30
- --tw-ring-inset: ;
31
- --tw-ring-offset-width: 0px;
32
- --tw-ring-offset-color: #fff;
33
- --tw-ring-color: #3b82f680;
34
- --tw-ring-offset-shadow: 0 0 #0000;
35
- --tw-ring-shadow: 0 0 #0000;
36
- --tw-shadow: 0 0 #0000;
37
- --tw-shadow-colored: 0 0 #0000;
38
- --tw-blur: ;
39
- --tw-brightness: ;
40
- --tw-contrast: ;
41
- --tw-grayscale: ;
42
- --tw-hue-rotate: ;
43
- --tw-invert: ;
44
- --tw-saturate: ;
45
- --tw-sepia: ;
46
- --tw-drop-shadow: ;
47
- --tw-backdrop-blur: ;
48
- --tw-backdrop-brightness: ;
49
- --tw-backdrop-contrast: ;
50
- --tw-backdrop-grayscale: ;
51
- --tw-backdrop-hue-rotate: ;
52
- --tw-backdrop-invert: ;
53
- --tw-backdrop-opacity: ;
54
- --tw-backdrop-saturate: ;
55
- --tw-backdrop-sepia: ;
9
+ --aki-border-spacing-x: 0;
10
+ --aki-border-spacing-y: 0;
11
+ --aki-translate-x: 0;
12
+ --aki-translate-y: 0;
13
+ --aki-rotate: 0;
14
+ --aki-skew-x: 0;
15
+ --aki-skew-y: 0;
16
+ --aki-scale-x: 1;
17
+ --aki-scale-y: 1;
18
+ --aki-pan-x: ;
19
+ --aki-pan-y: ;
20
+ --aki-pinch-zoom: ;
21
+ --aki-scroll-snap-strictness: proximity;
22
+ --aki-gradient-from-position: ;
23
+ --aki-gradient-via-position: ;
24
+ --aki-gradient-to-position: ;
25
+ --aki-ordinal: ;
26
+ --aki-slashed-zero: ;
27
+ --aki-numeric-figure: ;
28
+ --aki-numeric-spacing: ;
29
+ --aki-numeric-fraction: ;
30
+ --aki-ring-inset: ;
31
+ --aki-ring-offset-width: 0px;
32
+ --aki-ring-offset-color: #fff;
33
+ --aki-ring-color: #3b82f680;
34
+ --aki-ring-offset-shadow: 0 0 #0000;
35
+ --aki-ring-shadow: 0 0 #0000;
36
+ --aki-shadow: 0 0 #0000;
37
+ --aki-shadow-colored: 0 0 #0000;
38
+ --aki-blur: ;
39
+ --aki-brightness: ;
40
+ --aki-contrast: ;
41
+ --aki-grayscale: ;
42
+ --aki-hue-rotate: ;
43
+ --aki-invert: ;
44
+ --aki-saturate: ;
45
+ --aki-sepia: ;
46
+ --aki-drop-shadow: ;
47
+ --aki-backdrop-blur: ;
48
+ --aki-backdrop-brightness: ;
49
+ --aki-backdrop-contrast: ;
50
+ --aki-backdrop-grayscale: ;
51
+ --aki-backdrop-hue-rotate: ;
52
+ --aki-backdrop-invert: ;
53
+ --aki-backdrop-opacity: ;
54
+ --aki-backdrop-saturate: ;
55
+ --aki-backdrop-sepia: ;
56
+ }
57
+ .static {
58
+ position: static;
56
59
  }
57
60
  .fixed {
58
61
  position: fixed;
@@ -1246,6 +1249,158 @@ TODO: fix styles for RTL compatibility and change variables to Akinon compatible
1246
1249
  .hidden {
1247
1250
  display: none;
1248
1251
  }
1252
+ .size-0 {
1253
+ width: 0;
1254
+ height: 0;
1255
+ }
1256
+ .size-1 {
1257
+ width: 0.25rem;
1258
+ height: 0.25rem;
1259
+ }
1260
+ .size-10 {
1261
+ width: 2.5rem;
1262
+ height: 2.5rem;
1263
+ }
1264
+ .size-11 {
1265
+ width: 2.75rem;
1266
+ height: 2.75rem;
1267
+ }
1268
+ .size-12 {
1269
+ width: 3rem;
1270
+ height: 3rem;
1271
+ }
1272
+ .size-14 {
1273
+ width: 3.5rem;
1274
+ height: 3.5rem;
1275
+ }
1276
+ .size-16 {
1277
+ width: 4rem;
1278
+ height: 4rem;
1279
+ }
1280
+ .size-2 {
1281
+ width: 0.5rem;
1282
+ height: 0.5rem;
1283
+ }
1284
+ .size-20 {
1285
+ width: 5rem;
1286
+ height: 5rem;
1287
+ }
1288
+ .size-24 {
1289
+ width: 6rem;
1290
+ height: 6rem;
1291
+ }
1292
+ .size-28 {
1293
+ width: 7rem;
1294
+ height: 7rem;
1295
+ }
1296
+ .size-3 {
1297
+ width: 0.75rem;
1298
+ height: 0.75rem;
1299
+ }
1300
+ .size-32 {
1301
+ width: 8rem;
1302
+ height: 8rem;
1303
+ }
1304
+ .size-36 {
1305
+ width: 9rem;
1306
+ height: 9rem;
1307
+ }
1308
+ .size-4 {
1309
+ width: 1rem;
1310
+ height: 1rem;
1311
+ }
1312
+ .size-40 {
1313
+ width: 10rem;
1314
+ height: 10rem;
1315
+ }
1316
+ .size-44 {
1317
+ width: 11rem;
1318
+ height: 11rem;
1319
+ }
1320
+ .size-48 {
1321
+ width: 12rem;
1322
+ height: 12rem;
1323
+ }
1324
+ .size-5 {
1325
+ width: 1.25rem;
1326
+ height: 1.25rem;
1327
+ }
1328
+ .size-52 {
1329
+ width: 13rem;
1330
+ height: 13rem;
1331
+ }
1332
+ .size-56 {
1333
+ width: 14rem;
1334
+ height: 14rem;
1335
+ }
1336
+ .size-6 {
1337
+ width: 1.5rem;
1338
+ height: 1.5rem;
1339
+ }
1340
+ .size-60 {
1341
+ width: 15rem;
1342
+ height: 15rem;
1343
+ }
1344
+ .size-64 {
1345
+ width: 16rem;
1346
+ height: 16rem;
1347
+ }
1348
+ .size-7 {
1349
+ width: 1.75rem;
1350
+ height: 1.75rem;
1351
+ }
1352
+ .size-72 {
1353
+ width: 18rem;
1354
+ height: 18rem;
1355
+ }
1356
+ .size-8 {
1357
+ width: 2rem;
1358
+ height: 2rem;
1359
+ }
1360
+ .size-80 {
1361
+ width: 20rem;
1362
+ height: 20rem;
1363
+ }
1364
+ .size-9 {
1365
+ width: 2.25rem;
1366
+ height: 2.25rem;
1367
+ }
1368
+ .size-96 {
1369
+ width: 24rem;
1370
+ height: 24rem;
1371
+ }
1372
+ .size-full {
1373
+ width: 100%;
1374
+ height: 100%;
1375
+ }
1376
+ .size-px {
1377
+ width: 1px;
1378
+ height: 1px;
1379
+ }
1380
+ .size-1\/5 {
1381
+ width: 20%;
1382
+ height: 20%;
1383
+ }
1384
+ .size-1\/4 {
1385
+ width: 25%;
1386
+ height: 25%;
1387
+ }
1388
+ .size-1\/3 {
1389
+ width: 33.333333%;
1390
+ height: 33.333333%;
1391
+ }
1392
+ .size-1\/2 {
1393
+ width: 50%;
1394
+ height: 50%;
1395
+ }
1396
+ .size-2\/3 {
1397
+ width: 66.666667%;
1398
+ height: 66.666667%;
1399
+ }
1400
+ .size-3\/4 {
1401
+ width: 75%;
1402
+ height: 75%;
1403
+ }
1249
1404
  .h-0 {
1250
1405
  height: 0;
1251
1406
  }
@@ -1369,6 +1524,24 @@ TODO: fix styles for RTL compatibility and change variables to Akinon compatible
1369
1524
  .h-svh {
1370
1525
  height: 100svh;
1371
1526
  }
1527
+ .h-1\/5 {
1528
+ height: 20%;
1529
+ }
1530
+ .h-1\/4 {
1531
+ height: 25%;
1532
+ }
1533
+ .h-1\/3 {
1534
+ height: 33.333333%;
1535
+ }
1536
+ .h-1\/2 {
1537
+ height: 50%;
1538
+ }
1539
+ .h-2\/3 {
1540
+ height: 66.666667%;
1541
+ }
1542
+ .h-3\/4 {
1543
+ height: 75%;
1544
+ }
1372
1545
  .w-0 {
1373
1546
  width: 0;
1374
1547
  }
@@ -1492,239 +1665,1066 @@ TODO: fix styles for RTL compatibility and change variables to Akinon compatible
1492
1665
  .w-svw {
1493
1666
  width: 100svw;
1494
1667
  }
1495
- .flex-1 {
1496
- flex: 1 1 0%;
1668
+ .w-1\/5 {
1669
+ width: 20%;
1497
1670
  }
1498
- .flex-auto {
1499
- flex: 1 1 auto;
1671
+ .w-1\/4 {
1672
+ width: 25%;
1500
1673
  }
1501
- .flex-initial {
1502
- flex: 0 1 auto;
1674
+ .w-1\/3 {
1675
+ width: 33.333333%;
1503
1676
  }
1504
- .flex-none {
1505
- flex: none;
1677
+ .w-1\/2 {
1678
+ width: 50%;
1506
1679
  }
1507
- .flex-shrink {
1508
- flex-shrink: 1;
1680
+ .w-2\/3 {
1681
+ width: 66.666667%;
1509
1682
  }
1510
- .flex-grow {
1511
- flex-grow: 1;
1683
+ .w-3\/4 {
1684
+ width: 75%;
1512
1685
  }
1513
- .cursor-alias {
1514
- cursor: alias;
1686
+ .min-w-1 {
1687
+ min-width: 0.25rem;
1515
1688
  }
1516
- .cursor-auto {
1517
- cursor: auto;
1689
+ .min-w-10 {
1690
+ min-width: 2.5rem;
1518
1691
  }
1519
- .cursor-cell {
1520
- cursor: cell;
1692
+ .min-w-11 {
1693
+ min-width: 2.75rem;
1521
1694
  }
1522
- .cursor-copy {
1523
- cursor: copy;
1695
+ .min-w-12 {
1696
+ min-width: 3rem;
1524
1697
  }
1525
- .cursor-crosshair {
1526
- cursor: crosshair;
1698
+ .min-w-14 {
1699
+ min-width: 3.5rem;
1527
1700
  }
1528
- .cursor-default {
1529
- cursor: default;
1701
+ .min-w-16 {
1702
+ min-width: 4rem;
1530
1703
  }
1531
- .cursor-grab {
1532
- cursor: grab;
1704
+ .min-w-2 {
1705
+ min-width: 0.5rem;
1533
1706
  }
1534
- .cursor-grabbing {
1535
- cursor: grabbing;
1707
+ .min-w-20 {
1708
+ min-width: 5rem;
1536
1709
  }
1537
- .cursor-help {
1538
- cursor: help;
1710
+ .min-w-24 {
1711
+ min-width: 6rem;
1539
1712
  }
1540
- .cursor-move {
1541
- cursor: move;
1713
+ .min-w-28 {
1714
+ min-width: 7rem;
1542
1715
  }
1543
- .cursor-none {
1544
- cursor: none;
1716
+ .min-w-3 {
1717
+ min-width: 0.75rem;
1545
1718
  }
1546
- .cursor-pointer {
1547
- cursor: pointer;
1719
+ .min-w-32 {
1720
+ min-width: 8rem;
1548
1721
  }
1549
- .cursor-progress {
1550
- cursor: progress;
1722
+ .min-w-36 {
1723
+ min-width: 9rem;
1551
1724
  }
1552
- .cursor-text {
1553
- cursor: text;
1725
+ .min-w-4 {
1726
+ min-width: 1rem;
1554
1727
  }
1555
- .cursor-wait {
1556
- cursor: wait;
1728
+ .min-w-40 {
1729
+ min-width: 10rem;
1557
1730
  }
1558
- .flex-row {
1559
- flex-direction: row;
1731
+ .min-w-44 {
1732
+ min-width: 11rem;
1560
1733
  }
1561
- .flex-col {
1562
- flex-direction: column;
1734
+ .min-w-48 {
1735
+ min-width: 12rem;
1563
1736
  }
1564
- .flex-wrap {
1565
- flex-wrap: wrap;
1737
+ .min-w-5 {
1738
+ min-width: 1.25rem;
1566
1739
  }
1567
- .flex-nowrap {
1568
- flex-wrap: nowrap;
1740
+ .min-w-52 {
1741
+ min-width: 13rem;
1569
1742
  }
1570
- .content-normal {
1571
- align-content: normal;
1743
+ .min-w-56 {
1744
+ min-width: 14rem;
1572
1745
  }
1573
- .content-center {
1574
- align-content: center;
1746
+ .min-w-6 {
1747
+ min-width: 1.5rem;
1575
1748
  }
1576
- .content-start {
1577
- align-content: flex-start;
1749
+ .min-w-60 {
1750
+ min-width: 15rem;
1578
1751
  }
1579
- .content-end {
1580
- align-content: flex-end;
1752
+ .min-w-64 {
1753
+ min-width: 16rem;
1581
1754
  }
1582
- .content-between {
1583
- align-content: space-between;
1755
+ .min-w-7 {
1756
+ min-width: 1.75rem;
1584
1757
  }
1585
- .content-around {
1586
- align-content: space-around;
1758
+ .min-w-72 {
1759
+ min-width: 18rem;
1587
1760
  }
1588
- .content-evenly {
1589
- align-content: space-evenly;
1761
+ .min-w-8 {
1762
+ min-width: 2rem;
1590
1763
  }
1591
- .content-baseline {
1592
- align-content: baseline;
1764
+ .min-w-80 {
1765
+ min-width: 20rem;
1593
1766
  }
1594
- .content-stretch {
1595
- align-content: stretch;
1767
+ .min-w-9 {
1768
+ min-width: 2.25rem;
1596
1769
  }
1597
- .items-start {
1598
- align-items: flex-start;
1770
+ .min-w-96 {
1771
+ min-width: 24rem;
1599
1772
  }
1600
- .items-end {
1601
- align-items: flex-end;
1773
+ .min-w-full {
1774
+ min-width: 100%;
1602
1775
  }
1603
- .items-center {
1604
- align-items: center;
1776
+ .min-w-min {
1777
+ min-width: -moz-min-content;
1778
+ min-width: min-content;
1605
1779
  }
1606
- .items-baseline {
1607
- align-items: baseline;
1780
+ .min-w-max {
1781
+ min-width: -moz-max-content;
1782
+ min-width: max-content;
1608
1783
  }
1609
- .items-stretch {
1610
- align-items: stretch;
1784
+ .min-w-0 {
1785
+ min-width: 0;
1611
1786
  }
1612
- .justify-normal {
1613
- justify-content: normal;
1787
+ .min-w-px {
1788
+ min-width: 1px;
1614
1789
  }
1615
- .justify-start {
1616
- justify-content: flex-start;
1790
+ .min-w-screen {
1791
+ min-width: 100vw;
1617
1792
  }
1618
- .justify-end {
1619
- justify-content: flex-end;
1793
+ .min-w-svw {
1794
+ min-width: 100svw;
1620
1795
  }
1621
- .justify-center {
1622
- justify-content: center;
1796
+ .min-w-lvw {
1797
+ min-width: 100lvw;
1623
1798
  }
1624
- .justify-between {
1625
- justify-content: space-between;
1799
+ .min-w-dvw {
1800
+ min-width: 100dvw;
1626
1801
  }
1627
- .justify-around {
1628
- justify-content: space-around;
1802
+ .max-w-1 {
1803
+ max-width: 0.25rem;
1629
1804
  }
1630
- .justify-evenly {
1631
- justify-content: space-evenly;
1805
+ .max-w-10 {
1806
+ max-width: 2.5rem;
1632
1807
  }
1633
- .justify-stretch {
1634
- justify-content: stretch;
1808
+ .max-w-11 {
1809
+ max-width: 2.75rem;
1635
1810
  }
1636
- .gap-0 {
1637
- gap: 0;
1811
+ .max-w-12 {
1812
+ max-width: 3rem;
1638
1813
  }
1639
- .gap-1 {
1640
- gap: 0.25rem;
1814
+ .max-w-14 {
1815
+ max-width: 3.5rem;
1641
1816
  }
1642
- .gap-10 {
1643
- gap: 2.5rem;
1817
+ .max-w-16 {
1818
+ max-width: 4rem;
1644
1819
  }
1645
- .gap-11 {
1646
- gap: 2.75rem;
1820
+ .max-w-2 {
1821
+ max-width: 0.5rem;
1647
1822
  }
1648
- .gap-12 {
1649
- gap: 3rem;
1823
+ .max-w-20 {
1824
+ max-width: 5rem;
1650
1825
  }
1651
- .gap-14 {
1652
- gap: 3.5rem;
1826
+ .max-w-24 {
1827
+ max-width: 6rem;
1653
1828
  }
1654
- .gap-16 {
1655
- gap: 4rem;
1829
+ .max-w-28 {
1830
+ max-width: 7rem;
1656
1831
  }
1657
- .gap-2 {
1658
- gap: 0.5rem;
1832
+ .max-w-3 {
1833
+ max-width: 0.75rem;
1659
1834
  }
1660
- .gap-20 {
1661
- gap: 5rem;
1835
+ .max-w-32 {
1836
+ max-width: 8rem;
1662
1837
  }
1663
- .gap-24 {
1664
- gap: 6rem;
1838
+ .max-w-36 {
1839
+ max-width: 9rem;
1665
1840
  }
1666
- .gap-28 {
1667
- gap: 7rem;
1841
+ .max-w-4 {
1842
+ max-width: 1rem;
1668
1843
  }
1669
- .gap-3 {
1670
- gap: 0.75rem;
1844
+ .max-w-40 {
1845
+ max-width: 10rem;
1671
1846
  }
1672
- .gap-32 {
1673
- gap: 8rem;
1847
+ .max-w-44 {
1848
+ max-width: 11rem;
1674
1849
  }
1675
- .gap-36 {
1676
- gap: 9rem;
1850
+ .max-w-48 {
1851
+ max-width: 12rem;
1677
1852
  }
1678
- .gap-4 {
1679
- gap: 1rem;
1853
+ .max-w-5 {
1854
+ max-width: 1.25rem;
1680
1855
  }
1681
- .gap-40 {
1682
- gap: 10rem;
1856
+ .max-w-52 {
1857
+ max-width: 13rem;
1683
1858
  }
1684
- .gap-44 {
1685
- gap: 11rem;
1859
+ .max-w-56 {
1860
+ max-width: 14rem;
1686
1861
  }
1687
- .gap-48 {
1688
- gap: 12rem;
1862
+ .max-w-6 {
1863
+ max-width: 1.5rem;
1689
1864
  }
1690
- .gap-5 {
1691
- gap: 1.25rem;
1865
+ .max-w-60 {
1866
+ max-width: 15rem;
1692
1867
  }
1693
- .gap-52 {
1694
- gap: 13rem;
1868
+ .max-w-64 {
1869
+ max-width: 16rem;
1695
1870
  }
1696
- .gap-56 {
1697
- gap: 14rem;
1871
+ .max-w-7 {
1872
+ max-width: 1.75rem;
1698
1873
  }
1699
- .gap-6 {
1700
- gap: 1.5rem;
1874
+ .max-w-72 {
1875
+ max-width: 18rem;
1701
1876
  }
1702
- .gap-60 {
1703
- gap: 15rem;
1877
+ .max-w-8 {
1878
+ max-width: 2rem;
1704
1879
  }
1705
- .gap-64 {
1706
- gap: 16rem;
1880
+ .max-w-80 {
1881
+ max-width: 20rem;
1707
1882
  }
1708
- .gap-7 {
1709
- gap: 1.75rem;
1883
+ .max-w-9 {
1884
+ max-width: 2.25rem;
1710
1885
  }
1711
- .gap-72 {
1712
- gap: 18rem;
1886
+ .max-w-96 {
1887
+ max-width: 24rem;
1713
1888
  }
1714
- .gap-8 {
1715
- gap: 2rem;
1889
+ .max-w-full {
1890
+ max-width: 100%;
1891
+ }
1892
+ .max-w-min {
1893
+ max-width: -moz-min-content;
1894
+ max-width: min-content;
1895
+ }
1896
+ .max-w-max {
1897
+ max-width: -moz-max-content;
1898
+ max-width: max-content;
1899
+ }
1900
+ .max-w-0 {
1901
+ max-width: 0;
1902
+ }
1903
+ .max-w-px {
1904
+ max-width: 1px;
1905
+ }
1906
+ .max-w-screen {
1907
+ max-width: 100vw;
1908
+ }
1909
+ .max-w-svw {
1910
+ max-width: 100svw;
1911
+ }
1912
+ .max-w-lvw {
1913
+ max-width: 100lvw;
1914
+ }
1915
+ .max-w-dvw {
1916
+ max-width: 100dvw;
1917
+ }
1918
+ .min-h-1 {
1919
+ min-height: 0.25rem;
1920
+ }
1921
+ .min-h-10 {
1922
+ min-height: 2.5rem;
1923
+ }
1924
+ .min-h-11 {
1925
+ min-height: 2.75rem;
1926
+ }
1927
+ .min-h-12 {
1928
+ min-height: 3rem;
1929
+ }
1930
+ .min-h-14 {
1931
+ min-height: 3.5rem;
1932
+ }
1933
+ .min-h-16 {
1934
+ min-height: 4rem;
1935
+ }
1936
+ .min-h-2 {
1937
+ min-height: 0.5rem;
1938
+ }
1939
+ .min-h-20 {
1940
+ min-height: 5rem;
1941
+ }
1942
+ .min-h-24 {
1943
+ min-height: 6rem;
1944
+ }
1945
+ .min-h-28 {
1946
+ min-height: 7rem;
1947
+ }
1948
+ .min-h-3 {
1949
+ min-height: 0.75rem;
1950
+ }
1951
+ .min-h-32 {
1952
+ min-height: 8rem;
1953
+ }
1954
+ .min-h-36 {
1955
+ min-height: 9rem;
1956
+ }
1957
+ .min-h-4 {
1958
+ min-height: 1rem;
1959
+ }
1960
+ .min-h-40 {
1961
+ min-height: 10rem;
1962
+ }
1963
+ .min-h-44 {
1964
+ min-height: 11rem;
1965
+ }
1966
+ .min-h-48 {
1967
+ min-height: 12rem;
1968
+ }
1969
+ .min-h-5 {
1970
+ min-height: 1.25rem;
1971
+ }
1972
+ .min-h-52 {
1973
+ min-height: 13rem;
1974
+ }
1975
+ .min-h-56 {
1976
+ min-height: 14rem;
1977
+ }
1978
+ .min-h-6 {
1979
+ min-height: 1.5rem;
1980
+ }
1981
+ .min-h-60 {
1982
+ min-height: 15rem;
1983
+ }
1984
+ .min-h-64 {
1985
+ min-height: 16rem;
1986
+ }
1987
+ .min-h-7 {
1988
+ min-height: 1.75rem;
1989
+ }
1990
+ .min-h-72 {
1991
+ min-height: 18rem;
1992
+ }
1993
+ .min-h-8 {
1994
+ min-height: 2rem;
1995
+ }
1996
+ .min-h-80 {
1997
+ min-height: 20rem;
1998
+ }
1999
+ .min-h-9 {
2000
+ min-height: 2.25rem;
2001
+ }
2002
+ .min-h-96 {
2003
+ min-height: 24rem;
2004
+ }
2005
+ .min-h-1\/5 {
2006
+ min-height: 20%;
2007
+ }
2008
+ .min-h-1\/4 {
2009
+ min-height: 25%;
2010
+ }
2011
+ .min-h-1\/3 {
2012
+ min-height: 33.333333%;
2013
+ }
2014
+ .min-h-1\/2 {
2015
+ min-height: 50%;
2016
+ }
2017
+ .min-h-2\/3 {
2018
+ min-height: 66.666667%;
2019
+ }
2020
+ .min-h-3\/4 {
2021
+ min-height: 75%;
2022
+ }
2023
+ .min-h-full {
2024
+ min-height: 100%;
2025
+ }
2026
+ .min-h-auto {
2027
+ min-height: auto;
2028
+ }
2029
+ .min-h-min {
2030
+ min-height: -moz-min-content;
2031
+ min-width: min-content;
2032
+ }
2033
+ .min-h-max {
2034
+ min-height: -moz-max-content;
2035
+ min-width: max-content;
2036
+ }
2037
+ .min-h-0 {
2038
+ min-height: 0;
2039
+ }
2040
+ .min-h-px {
2041
+ min-height: 1px;
2042
+ }
2043
+ .min-h-screen {
2044
+ min-height: 100vh;
2045
+ }
2046
+ .min-h-svh {
2047
+ min-height: 100svh;
2048
+ }
2049
+ .min-h-lvh {
2050
+ min-height: 100lvh;
2051
+ }
2052
+ .min-h-dvh {
2053
+ min-height: 100dvh;
2054
+ }
2055
+ .max-h-1 {
2056
+ max-height: 0.25rem;
2057
+ }
2058
+ .max-h-10 {
2059
+ max-height: 2.5rem;
2060
+ }
2061
+ .max-h-11 {
2062
+ max-height: 2.75rem;
2063
+ }
2064
+ .max-h-12 {
2065
+ max-height: 3rem;
2066
+ }
2067
+ .max-h-14 {
2068
+ max-height: 3.5rem;
2069
+ }
2070
+ .max-h-16 {
2071
+ max-height: 4rem;
2072
+ }
2073
+ .max-h-2 {
2074
+ max-height: 0.5rem;
2075
+ }
2076
+ .max-h-20 {
2077
+ max-height: 5rem;
2078
+ }
2079
+ .max-h-24 {
2080
+ max-height: 6rem;
2081
+ }
2082
+ .max-h-28 {
2083
+ max-height: 7rem;
2084
+ }
2085
+ .max-h-3 {
2086
+ max-height: 0.75rem;
2087
+ }
2088
+ .max-h-32 {
2089
+ max-height: 8rem;
2090
+ }
2091
+ .max-h-36 {
2092
+ max-height: 9rem;
2093
+ }
2094
+ .max-h-4 {
2095
+ max-height: 1rem;
2096
+ }
2097
+ .max-h-40 {
2098
+ max-height: 10rem;
2099
+ }
2100
+ .max-h-44 {
2101
+ max-height: 11rem;
2102
+ }
2103
+ .max-h-48 {
2104
+ max-height: 12rem;
2105
+ }
2106
+ .max-h-5 {
2107
+ max-height: 1.25rem;
2108
+ }
2109
+ .max-h-52 {
2110
+ max-height: 13rem;
2111
+ }
2112
+ .max-h-56 {
2113
+ max-height: 14rem;
2114
+ }
2115
+ .max-h-6 {
2116
+ max-height: 1.5rem;
2117
+ }
2118
+ .max-h-60 {
2119
+ max-height: 15rem;
2120
+ }
2121
+ .max-h-64 {
2122
+ max-height: 16rem;
2123
+ }
2124
+ .max-h-7 {
2125
+ max-height: 1.75rem;
2126
+ }
2127
+ .max-h-72 {
2128
+ max-height: 18rem;
2129
+ }
2130
+ .max-h-8 {
2131
+ max-height: 2rem;
2132
+ }
2133
+ .max-h-80 {
2134
+ max-height: 20rem;
2135
+ }
2136
+ .max-h-9 {
2137
+ max-height: 2.25rem;
2138
+ }
2139
+ .max-h-96 {
2140
+ max-height: 24rem;
2141
+ }
2142
+ .max-h-auto {
2143
+ max-height: auto;
2144
+ }
2145
+ .max-h-none {
2146
+ max-height: none;
2147
+ }
2148
+ .max-h-full {
2149
+ max-height: 100%;
2150
+ }
2151
+ .max-h-1\/5 {
2152
+ max-height: 20%;
2153
+ }
2154
+ .max-h-1\/4 {
2155
+ max-height: 25%;
2156
+ }
2157
+ .max-h-1\/3 {
2158
+ max-height: 33.333333%;
2159
+ }
2160
+ .max-h-1\/2 {
2161
+ max-height: 50%;
2162
+ }
2163
+ .max-h-2\/3 {
2164
+ max-height: 66.666667%;
2165
+ }
2166
+ .max-h-3\/4 {
2167
+ max-height: 75%;
2168
+ }
2169
+ .max-h-min {
2170
+ max-height: -moz-min-content;
2171
+ max-width: min-content;
2172
+ }
2173
+ .max-h-max {
2174
+ max-height: -moz-max-content;
2175
+ max-width: max-content;
2176
+ }
2177
+ .max-h-0 {
2178
+ max-height: 0;
2179
+ }
2180
+ .max-h-px {
2181
+ max-height: 1px;
2182
+ }
2183
+ .max-h-screen {
2184
+ max-height: 100vh;
2185
+ }
2186
+ .max-h-svh {
2187
+ max-height: 100svh;
2188
+ }
2189
+ .max-h-lvh {
2190
+ max-height: 100lvh;
2191
+ }
2192
+ .max-h-dvh {
2193
+ max-height: 100dvh;
2194
+ }
2195
+ .flex-1 {
2196
+ flex: 1 1 0%;
2197
+ }
2198
+ .flex-auto {
2199
+ flex: 1 1 auto;
2200
+ }
2201
+ .flex-initial {
2202
+ flex: 0 1 auto;
2203
+ }
2204
+ .flex-none {
2205
+ flex: none;
2206
+ }
2207
+ .flex-shrink {
2208
+ flex-shrink: 1;
2209
+ }
2210
+ .flex-grow {
2211
+ flex-grow: 1;
2212
+ }
2213
+ .order-0 {
2214
+ order: 0;
2215
+ }
2216
+ .order-1 {
2217
+ order: 1;
2218
+ }
2219
+ .order-2 {
2220
+ order: 2;
2221
+ }
2222
+ .order-3 {
2223
+ order: 3;
2224
+ }
2225
+ .order-4 {
2226
+ order: 4;
2227
+ }
2228
+ .order-5 {
2229
+ order: 5;
2230
+ }
2231
+ .order-6 {
2232
+ order: 6;
2233
+ }
2234
+ .order-7 {
2235
+ order: 7;
2236
+ }
2237
+ .order-8 {
2238
+ order: 8;
2239
+ }
2240
+ .order-9 {
2241
+ order: 9;
2242
+ }
2243
+ .order-10 {
2244
+ order: 10;
2245
+ }
2246
+ .cursor-alias {
2247
+ cursor: alias;
2248
+ }
2249
+ .cursor-auto {
2250
+ cursor: auto;
2251
+ }
2252
+ .cursor-cell {
2253
+ cursor: cell;
2254
+ }
2255
+ .cursor-copy {
2256
+ cursor: copy;
2257
+ }
2258
+ .cursor-crosshair {
2259
+ cursor: crosshair;
2260
+ }
2261
+ .cursor-default {
2262
+ cursor: default;
2263
+ }
2264
+ .cursor-grab {
2265
+ cursor: grab;
2266
+ }
2267
+ .cursor-grabbing {
2268
+ cursor: grabbing;
2269
+ }
2270
+ .cursor-help {
2271
+ cursor: help;
2272
+ }
2273
+ .cursor-move {
2274
+ cursor: move;
2275
+ }
2276
+ .cursor-none {
2277
+ cursor: none;
2278
+ }
2279
+ .cursor-pointer {
2280
+ cursor: pointer;
2281
+ }
2282
+ .cursor-progress {
2283
+ cursor: progress;
2284
+ }
2285
+ .cursor-text {
2286
+ cursor: text;
2287
+ }
2288
+ .cursor-wait {
2289
+ cursor: wait;
2290
+ }
2291
+ .flex-row {
2292
+ flex-direction: row;
2293
+ }
2294
+ .flex-col {
2295
+ flex-direction: column;
2296
+ }
2297
+ .flex-row-reverse {
2298
+ flex-direction: row-reverse;
2299
+ }
2300
+ .flex-col-reverse {
2301
+ flex-direction: column-reverse;
2302
+ }
2303
+ .flex-wrap {
2304
+ flex-wrap: wrap;
2305
+ }
2306
+ .flex-nowrap {
2307
+ flex-wrap: nowrap;
2308
+ }
2309
+ .content-normal {
2310
+ align-content: normal;
2311
+ }
2312
+ .content-center {
2313
+ align-content: center;
2314
+ }
2315
+ .content-start {
2316
+ align-content: flex-start;
2317
+ }
2318
+ .content-end {
2319
+ align-content: flex-end;
2320
+ }
2321
+ .content-between {
2322
+ align-content: space-between;
2323
+ }
2324
+ .content-around {
2325
+ align-content: space-around;
2326
+ }
2327
+ .content-evenly {
2328
+ align-content: space-evenly;
2329
+ }
2330
+ .content-baseline {
2331
+ align-content: baseline;
2332
+ }
2333
+ .content-stretch {
2334
+ align-content: stretch;
2335
+ }
2336
+ .items-start {
2337
+ align-items: flex-start;
2338
+ }
2339
+ .items-end {
2340
+ align-items: flex-end;
2341
+ }
2342
+ .items-center {
2343
+ align-items: center;
2344
+ }
2345
+ .items-baseline {
2346
+ align-items: baseline;
2347
+ }
2348
+ .items-stretch {
2349
+ align-items: stretch;
2350
+ }
2351
+ .self-auto {
2352
+ align-self: auto;
2353
+ }
2354
+ .self-start {
2355
+ align-self: flex-start;
2356
+ }
2357
+ .self-end {
2358
+ align-self: flex-end;
2359
+ }
2360
+ .self-center {
2361
+ align-self: center;
2362
+ }
2363
+ .self-stretch {
2364
+ align-self: stretch;
2365
+ }
2366
+ .self-baseline {
2367
+ align-self: baseline;
2368
+ }
2369
+ .place-content-center {
2370
+ place-content: center;
2371
+ }
2372
+ .place-content-start {
2373
+ place-content: start;
2374
+ }
2375
+ .place-content-end {
2376
+ place-content: end;
2377
+ }
2378
+ .place-content-between {
2379
+ place-content: space-between;
2380
+ }
2381
+ .place-content-around {
2382
+ place-content: space-around;
2383
+ }
2384
+ .place-content-evenly {
2385
+ place-content: space-evenly;
2386
+ }
2387
+ .place-content-baseline {
2388
+ place-content: baseline;
2389
+ }
2390
+ .place-content-stretch {
2391
+ place-content: stretch;
2392
+ }
2393
+ .place-items-start {
2394
+ place-items: start;
2395
+ }
2396
+ .place-items-end {
2397
+ place-items: end;
2398
+ }
2399
+ .place-items-center {
2400
+ place-items: center;
2401
+ }
2402
+ .place-items-baseline {
2403
+ place-items: baseline;
2404
+ }
2405
+ .place-items-stretch {
2406
+ place-items: stretch;
2407
+ }
2408
+ .place-self-auto {
2409
+ place-self: auto;
2410
+ }
2411
+ .place-self-start {
2412
+ place-self: start;
2413
+ }
2414
+ .place-self-end {
2415
+ place-self: end;
2416
+ }
2417
+ .place-self-center {
2418
+ place-self: center;
2419
+ }
2420
+ .place-self-stretch {
2421
+ place-self: stretch;
2422
+ }
2423
+ .justify-normal {
2424
+ justify-content: normal;
2425
+ }
2426
+ .justify-start {
2427
+ justify-content: flex-start;
2428
+ }
2429
+ .justify-end {
2430
+ justify-content: flex-end;
2431
+ }
2432
+ .justify-center {
2433
+ justify-content: center;
2434
+ }
2435
+ .justify-between {
2436
+ justify-content: space-between;
2437
+ }
2438
+ .justify-around {
2439
+ justify-content: space-around;
2440
+ }
2441
+ .justify-evenly {
2442
+ justify-content: space-evenly;
2443
+ }
2444
+ .justify-stretch {
2445
+ justify-content: stretch;
2446
+ }
2447
+ .justify-items-start {
2448
+ justify-items: start;
2449
+ }
2450
+ .justify-items-end {
2451
+ justify-items: end;
2452
+ }
2453
+ .justify-items-center {
2454
+ justify-items: center;
2455
+ }
2456
+ .justify-items-stretch {
2457
+ justify-items: stretch;
2458
+ }
2459
+ .justify-items-normal {
2460
+ justify-items: normal;
2461
+ }
2462
+ .justify-self-auto {
2463
+ justify-self: auto;
2464
+ }
2465
+ .justify-self-start {
2466
+ justify-self: flex-start;
2467
+ }
2468
+ .justify-self-end {
2469
+ justify-self: flex-end;
2470
+ }
2471
+ .justify-self-center {
2472
+ justify-self: center;
2473
+ }
2474
+ .justify-self-stretch {
2475
+ justify-self: stretch;
2476
+ }
2477
+ .gap-0 {
2478
+ gap: 0;
2479
+ }
2480
+ .gap-1 {
2481
+ gap: 0.25rem;
2482
+ }
2483
+ .gap-10 {
2484
+ gap: 2.5rem;
2485
+ }
2486
+ .gap-11 {
2487
+ gap: 2.75rem;
2488
+ }
2489
+ .gap-12 {
2490
+ gap: 3rem;
2491
+ }
2492
+ .gap-14 {
2493
+ gap: 3.5rem;
2494
+ }
2495
+ .gap-16 {
2496
+ gap: 4rem;
2497
+ }
2498
+ .gap-2 {
2499
+ gap: 0.5rem;
2500
+ }
2501
+ .gap-20 {
2502
+ gap: 5rem;
2503
+ }
2504
+ .gap-24 {
2505
+ gap: 6rem;
2506
+ }
2507
+ .gap-28 {
2508
+ gap: 7rem;
2509
+ }
2510
+ .gap-3 {
2511
+ gap: 0.75rem;
2512
+ }
2513
+ .gap-32 {
2514
+ gap: 8rem;
2515
+ }
2516
+ .gap-36 {
2517
+ gap: 9rem;
2518
+ }
2519
+ .gap-4 {
2520
+ gap: 1rem;
2521
+ }
2522
+ .gap-40 {
2523
+ gap: 10rem;
2524
+ }
2525
+ .gap-44 {
2526
+ gap: 11rem;
2527
+ }
2528
+ .gap-48 {
2529
+ gap: 12rem;
2530
+ }
2531
+ .gap-5 {
2532
+ gap: 1.25rem;
2533
+ }
2534
+ .gap-52 {
2535
+ gap: 13rem;
2536
+ }
2537
+ .gap-56 {
2538
+ gap: 14rem;
2539
+ }
2540
+ .gap-6 {
2541
+ gap: 1.5rem;
2542
+ }
2543
+ .gap-60 {
2544
+ gap: 15rem;
2545
+ }
2546
+ .gap-64 {
2547
+ gap: 16rem;
2548
+ }
2549
+ .gap-7 {
2550
+ gap: 1.75rem;
2551
+ }
2552
+ .gap-72 {
2553
+ gap: 18rem;
2554
+ }
2555
+ .gap-8 {
2556
+ gap: 2rem;
1716
2557
  }
1717
2558
  .gap-80 {
1718
2559
  gap: 20rem;
1719
2560
  }
1720
- .gap-9 {
1721
- gap: 2.25rem;
2561
+ .gap-9 {
2562
+ gap: 2.25rem;
2563
+ }
2564
+ .gap-96 {
2565
+ gap: 24rem;
2566
+ }
2567
+ .gap-px {
2568
+ gap: 1px;
2569
+ }
2570
+ .border {
2571
+ border-width: 1px;
2572
+ }
2573
+ .border-0 {
2574
+ border-width: 0;
2575
+ }
2576
+ .border-4 {
2577
+ border-width: 0.25rem;
2578
+ }
2579
+ .border-8 {
2580
+ border-width: 0.5rem;
2581
+ }
2582
+ .border-t {
2583
+ border-top-width: 1px;
2584
+ }
2585
+ .border-r {
2586
+ border-right-width: 1px;
2587
+ }
2588
+ .border-b {
2589
+ border-bottom-width: 1px;
2590
+ }
2591
+ .border-l {
2592
+ border-left-width: 1px;
2593
+ }
2594
+ .border-t-0 {
2595
+ border-top-width: 0;
2596
+ }
2597
+ .border-r-0 {
2598
+ border-right-width: 0;
2599
+ }
2600
+ .border-b-0 {
2601
+ border-bottom-width: 0;
2602
+ }
2603
+ .border-l-0 {
2604
+ border-left-width: 0;
2605
+ }
2606
+ .border-t-4 {
2607
+ border-top-width: 0.25rem;
2608
+ }
2609
+ .border-r-4 {
2610
+ border-right-width: 0.25rem;
2611
+ }
2612
+ .border-b-4 {
2613
+ border-bottom-width: 0.25rem;
2614
+ }
2615
+ .border-l-4 {
2616
+ border-left-width: 0.25rem;
2617
+ }
2618
+ .border-t-8 {
2619
+ border-top-width: 0.5rem;
2620
+ }
2621
+ .border-r-8 {
2622
+ border-right-width: 0.5rem;
2623
+ }
2624
+ .border-b-8 {
2625
+ border-bottom-width: 0.5rem;
2626
+ }
2627
+ .border-l-8 {
2628
+ border-left-width: 0.5rem;
1722
2629
  }
1723
- .gap-96 {
1724
- gap: 24rem;
2630
+ .border-x {
2631
+ border-left-width: 1px;
2632
+ border-right-width: 1px;
1725
2633
  }
1726
- .gap-px {
1727
- gap: 1px;
2634
+ .border-y {
2635
+ border-top-width: 1px;
2636
+ border-bottom-width: 1px;
2637
+ }
2638
+ .border-x-0 {
2639
+ border-left-width: 0;
2640
+ border-right-width: 0;
2641
+ }
2642
+ .border-y-0 {
2643
+ border-top-width: 0;
2644
+ border-bottom-width: 0;
2645
+ }
2646
+ .border-x-4 {
2647
+ border-left-width: 0.25rem;
2648
+ border-right-width: 0.25rem;
2649
+ }
2650
+ .border-y-4 {
2651
+ border-top-width: 0.25rem;
2652
+ border-bottom-width: 0.25rem;
2653
+ }
2654
+ .border-x-8 {
2655
+ border-left-width: 0.5rem;
2656
+ border-right-width: 0.5rem;
2657
+ }
2658
+ .border-y-8 {
2659
+ border-top-width: 0.5rem;
2660
+ border-bottom-width: 0.5rem;
2661
+ }
2662
+ .border-solid {
2663
+ border-style: solid;
2664
+ }
2665
+ .border-dashed {
2666
+ border-style: dashed;
2667
+ }
2668
+ .border-dotted {
2669
+ border-style: dotted;
2670
+ }
2671
+ .border-double {
2672
+ border-style: double;
2673
+ }
2674
+ .border-none {
2675
+ border-style: none;
2676
+ }
2677
+ .border-hidden {
2678
+ border-style: hidden;
2679
+ }
2680
+ .outline {
2681
+ outline-width: 1px;
2682
+ }
2683
+ .outline-0 {
2684
+ outline: 0;
2685
+ }
2686
+ .outline-2 {
2687
+ outline-width: 0.125rem;
2688
+ }
2689
+ .outline-4 {
2690
+ outline-width: 0.25rem;
2691
+ }
2692
+ .outline-8 {
2693
+ outline-width: 0.5rem;
2694
+ }
2695
+ .outline-solid {
2696
+ outline-style: solid;
2697
+ }
2698
+ .outline-dashed {
2699
+ outline-style: dashed;
2700
+ }
2701
+ .outline-dotted {
2702
+ outline-style: dotted;
2703
+ }
2704
+ .outline-double {
2705
+ outline-style: double;
2706
+ }
2707
+ .outline-none {
2708
+ outline-style: none;
2709
+ }
2710
+ .outline-hidden {
2711
+ outline: 0.125rem solid transparent;
2712
+ outline-offset: 0.125rem;
2713
+ }
2714
+ .outline-offset {
2715
+ outline-offset: 1px;
2716
+ }
2717
+ .outline-offset-0 {
2718
+ outline-offset: 0;
2719
+ }
2720
+ .outline-offset-2 {
2721
+ outline-offset: 0.125rem;
2722
+ }
2723
+ .outline-offset-4 {
2724
+ outline-offset: 0.25rem;
2725
+ }
2726
+ .outline-offset-8 {
2727
+ outline-offset: 0.5rem;
1728
2728
  }
1729
2729
  .rounded-2xl {
1730
2730
  border-radius: 1rem;
@@ -1754,50 +2754,434 @@ TODO: fix styles for RTL compatibility and change variables to Akinon compatible
1754
2754
  border-bottom-left-radius: 0.25rem;
1755
2755
  border-bottom-right-radius: 0.25rem;
1756
2756
  }
2757
+ .rounded-b-2xl {
2758
+ border-bottom-left-radius: 1rem;
2759
+ border-bottom-right-radius: 1rem;
2760
+ }
2761
+ .rounded-b-3xl {
2762
+ border-bottom-left-radius: 1.5rem;
2763
+ border-bottom-right-radius: 1.5rem;
2764
+ }
2765
+ .rounded-b-full {
2766
+ border-bottom-left-radius: 9999px;
2767
+ border-bottom-right-radius: 9999px;
2768
+ }
2769
+ .rounded-b-lg {
2770
+ border-bottom-left-radius: 0.5rem;
2771
+ border-bottom-right-radius: 0.5rem;
2772
+ }
2773
+ .rounded-b-md {
2774
+ border-bottom-left-radius: 0.375rem;
2775
+ border-bottom-right-radius: 0.375rem;
2776
+ }
2777
+ .rounded-b-none {
2778
+ border-bottom-left-radius: 0;
2779
+ border-bottom-right-radius: 0;
2780
+ }
2781
+ .rounded-b-sm {
2782
+ border-bottom-left-radius: 0.125rem;
2783
+ border-bottom-right-radius: 0.125rem;
2784
+ }
2785
+ .rounded-b-xl {
2786
+ border-bottom-left-radius: 0.75rem;
2787
+ border-bottom-right-radius: 0.75rem;
2788
+ }
1757
2789
  .rounded-e {
1758
2790
  border-end-end-radius: 0.25rem;
1759
2791
  border-start-end-radius: 0.25rem;
1760
2792
  }
2793
+ .rounded-e-2xl {
2794
+ border-end-end-radius: 1rem;
2795
+ border-start-end-radius: 1rem;
2796
+ }
2797
+ .rounded-e-3xl {
2798
+ border-end-end-radius: 1.5rem;
2799
+ border-start-end-radius: 1.5rem;
2800
+ }
2801
+ .rounded-e-full {
2802
+ border-end-end-radius: 9999px;
2803
+ border-start-end-radius: 9999px;
2804
+ }
2805
+ .rounded-e-lg {
2806
+ border-end-end-radius: 0.5rem;
2807
+ border-start-end-radius: 0.5rem;
2808
+ }
2809
+ .rounded-e-md {
2810
+ border-end-end-radius: 0.375rem;
2811
+ border-start-end-radius: 0.375rem;
2812
+ }
2813
+ .rounded-e-none {
2814
+ border-end-end-radius: 0;
2815
+ border-start-end-radius: 0;
2816
+ }
2817
+ .rounded-e-sm {
2818
+ border-end-end-radius: 0.125rem;
2819
+ border-start-end-radius: 0.125rem;
2820
+ }
2821
+ .rounded-e-xl {
2822
+ border-end-end-radius: 0.75rem;
2823
+ border-start-end-radius: 0.75rem;
2824
+ }
1761
2825
  .rounded-l {
1762
2826
  border-bottom-left-radius: 0.25rem;
1763
2827
  border-top-left-radius: 0.25rem;
1764
2828
  }
2829
+ .rounded-l-2xl {
2830
+ border-bottom-left-radius: 1rem;
2831
+ border-top-left-radius: 1rem;
2832
+ }
2833
+ .rounded-l-3xl {
2834
+ border-bottom-left-radius: 1.5rem;
2835
+ border-top-left-radius: 1.5rem;
2836
+ }
2837
+ .rounded-l-full {
2838
+ border-bottom-left-radius: 9999px;
2839
+ border-top-left-radius: 9999px;
2840
+ }
2841
+ .rounded-l-lg {
2842
+ border-bottom-left-radius: 0.5rem;
2843
+ border-top-left-radius: 0.5rem;
2844
+ }
2845
+ .rounded-l-md {
2846
+ border-bottom-left-radius: 0.375rem;
2847
+ border-top-left-radius: 0.375rem;
2848
+ }
2849
+ .rounded-l-none {
2850
+ border-bottom-left-radius: 0;
2851
+ border-top-left-radius: 0;
2852
+ }
2853
+ .rounded-l-sm {
2854
+ border-bottom-left-radius: 0.125rem;
2855
+ border-top-left-radius: 0.125rem;
2856
+ }
2857
+ .rounded-l-xl {
2858
+ border-bottom-left-radius: 0.75rem;
2859
+ border-top-left-radius: 0.75rem;
2860
+ }
1765
2861
  .rounded-r {
1766
2862
  border-bottom-right-radius: 0.25rem;
1767
2863
  border-top-right-radius: 0.25rem;
1768
2864
  }
2865
+ .rounded-r-2xl {
2866
+ border-bottom-right-radius: 1rem;
2867
+ border-top-right-radius: 1rem;
2868
+ }
2869
+ .rounded-r-3xl {
2870
+ border-bottom-right-radius: 1.5rem;
2871
+ border-top-right-radius: 1.5rem;
2872
+ }
2873
+ .rounded-r-full {
2874
+ border-bottom-right-radius: 9999px;
2875
+ border-top-right-radius: 9999px;
2876
+ }
2877
+ .rounded-r-lg {
2878
+ border-bottom-right-radius: 0.5rem;
2879
+ border-top-right-radius: 0.5rem;
2880
+ }
2881
+ .rounded-r-md {
2882
+ border-bottom-right-radius: 0.375rem;
2883
+ border-top-right-radius: 0.375rem;
2884
+ }
2885
+ .rounded-r-none {
2886
+ border-bottom-right-radius: 0;
2887
+ border-top-right-radius: 0;
2888
+ }
2889
+ .rounded-r-sm {
2890
+ border-bottom-right-radius: 0.125rem;
2891
+ border-top-right-radius: 0.125rem;
2892
+ }
2893
+ .rounded-r-xl {
2894
+ border-bottom-right-radius: 0.75rem;
2895
+ border-top-right-radius: 0.75rem;
2896
+ }
1769
2897
  .rounded-s {
1770
2898
  border-end-start-radius: 0.25rem;
1771
2899
  border-start-start-radius: 0.25rem;
1772
2900
  }
2901
+ .rounded-s-2xl {
2902
+ border-end-start-radius: 1rem;
2903
+ border-start-start-radius: 1rem;
2904
+ }
2905
+ .rounded-s-3xl {
2906
+ border-end-start-radius: 1.5rem;
2907
+ border-start-start-radius: 1.5rem;
2908
+ }
2909
+ .rounded-s-full {
2910
+ border-end-start-radius: 9999px;
2911
+ border-start-start-radius: 9999px;
2912
+ }
2913
+ .rounded-s-lg {
2914
+ border-end-start-radius: 0.5rem;
2915
+ border-start-start-radius: 0.5rem;
2916
+ }
2917
+ .rounded-s-md {
2918
+ border-end-start-radius: 0.375rem;
2919
+ border-start-start-radius: 0.375rem;
2920
+ }
2921
+ .rounded-s-none {
2922
+ border-end-start-radius: 0;
2923
+ border-start-start-radius: 0;
2924
+ }
2925
+ .rounded-s-sm {
2926
+ border-end-start-radius: 0.125rem;
2927
+ border-start-start-radius: 0.125rem;
2928
+ }
2929
+ .rounded-s-xl {
2930
+ border-end-start-radius: 0.75rem;
2931
+ border-start-start-radius: 0.75rem;
2932
+ }
1773
2933
  .rounded-t {
1774
2934
  border-top-left-radius: 0.25rem;
1775
2935
  border-top-right-radius: 0.25rem;
1776
2936
  }
2937
+ .rounded-t-2xl {
2938
+ border-top-left-radius: 1rem;
2939
+ border-top-right-radius: 1rem;
2940
+ }
2941
+ .rounded-t-3xl {
2942
+ border-top-left-radius: 1.5rem;
2943
+ border-top-right-radius: 1.5rem;
2944
+ }
2945
+ .rounded-t-full {
2946
+ border-top-left-radius: 9999px;
2947
+ border-top-right-radius: 9999px;
2948
+ }
2949
+ .rounded-t-lg {
2950
+ border-top-left-radius: 0.5rem;
2951
+ border-top-right-radius: 0.5rem;
2952
+ }
2953
+ .rounded-t-md {
2954
+ border-top-left-radius: 0.375rem;
2955
+ border-top-right-radius: 0.375rem;
2956
+ }
2957
+ .rounded-t-none {
2958
+ border-top-left-radius: 0;
2959
+ border-top-right-radius: 0;
2960
+ }
2961
+ .rounded-t-sm {
2962
+ border-top-left-radius: 0.125rem;
2963
+ border-top-right-radius: 0.125rem;
2964
+ }
2965
+ .rounded-t-xl {
2966
+ border-top-left-radius: 0.75rem;
2967
+ border-top-right-radius: 0.75rem;
2968
+ }
1777
2969
  .rounded-bl {
1778
2970
  border-bottom-left-radius: 0.25rem;
1779
2971
  }
2972
+ .rounded-bl-2xl {
2973
+ border-bottom-left-radius: 1rem;
2974
+ }
2975
+ .rounded-bl-3xl {
2976
+ border-bottom-left-radius: 1.5rem;
2977
+ }
2978
+ .rounded-bl-full {
2979
+ border-bottom-left-radius: 9999px;
2980
+ }
2981
+ .rounded-bl-lg {
2982
+ border-bottom-left-radius: 0.5rem;
2983
+ }
2984
+ .rounded-bl-md {
2985
+ border-bottom-left-radius: 0.375rem;
2986
+ }
2987
+ .rounded-bl-none {
2988
+ border-bottom-left-radius: 0;
2989
+ }
2990
+ .rounded-bl-sm {
2991
+ border-bottom-left-radius: 0.125rem;
2992
+ }
2993
+ .rounded-bl-xl {
2994
+ border-bottom-left-radius: 0.75rem;
2995
+ }
1780
2996
  .rounded-br {
1781
2997
  border-bottom-right-radius: 0.25rem;
1782
2998
  }
2999
+ .rounded-br-2xl {
3000
+ border-bottom-right-radius: 1rem;
3001
+ }
3002
+ .rounded-br-3xl {
3003
+ border-bottom-right-radius: 1.5rem;
3004
+ }
3005
+ .rounded-br-full {
3006
+ border-bottom-right-radius: 9999px;
3007
+ }
3008
+ .rounded-br-lg {
3009
+ border-bottom-right-radius: 0.5rem;
3010
+ }
3011
+ .rounded-br-md {
3012
+ border-bottom-right-radius: 0.375rem;
3013
+ }
3014
+ .rounded-br-none {
3015
+ border-bottom-right-radius: 0;
3016
+ }
3017
+ .rounded-br-sm {
3018
+ border-bottom-right-radius: 0.125rem;
3019
+ }
3020
+ .rounded-br-xl {
3021
+ border-bottom-right-radius: 0.75rem;
3022
+ }
1783
3023
  .rounded-ee {
1784
3024
  border-end-end-radius: 0.25rem;
1785
3025
  }
3026
+ .rounded-ee-2xl {
3027
+ border-end-end-radius: 1rem;
3028
+ }
3029
+ .rounded-ee-3xl {
3030
+ border-end-end-radius: 1.5rem;
3031
+ }
3032
+ .rounded-ee-full {
3033
+ border-end-end-radius: 9999px;
3034
+ }
3035
+ .rounded-ee-lg {
3036
+ border-end-end-radius: 0.5rem;
3037
+ }
3038
+ .rounded-ee-md {
3039
+ border-end-end-radius: 0.375rem;
3040
+ }
3041
+ .rounded-ee-none {
3042
+ border-end-end-radius: 0;
3043
+ }
3044
+ .rounded-ee-sm {
3045
+ border-end-end-radius: 0.125rem;
3046
+ }
3047
+ .rounded-ee-xl {
3048
+ border-end-end-radius: 0.75rem;
3049
+ }
1786
3050
  .rounded-es {
1787
3051
  border-end-start-radius: 0.25rem;
1788
3052
  }
3053
+ .rounded-es-2xl {
3054
+ border-end-start-radius: 1rem;
3055
+ }
3056
+ .rounded-es-3xl {
3057
+ border-end-start-radius: 1.5rem;
3058
+ }
3059
+ .rounded-es-full {
3060
+ border-end-start-radius: 9999px;
3061
+ }
3062
+ .rounded-es-lg {
3063
+ border-end-start-radius: 0.5rem;
3064
+ }
3065
+ .rounded-es-md {
3066
+ border-end-start-radius: 0.375rem;
3067
+ }
3068
+ .rounded-es-none {
3069
+ border-end-start-radius: 0;
3070
+ }
3071
+ .rounded-es-sm {
3072
+ border-end-start-radius: 0.125rem;
3073
+ }
3074
+ .rounded-es-xl {
3075
+ border-end-start-radius: 0.75rem;
3076
+ }
1789
3077
  .rounded-se {
1790
3078
  border-start-end-radius: 0.25rem;
1791
3079
  }
3080
+ .rounded-se-2xl {
3081
+ border-start-end-radius: 1rem;
3082
+ }
3083
+ .rounded-se-3xl {
3084
+ border-start-end-radius: 1.5rem;
3085
+ }
3086
+ .rounded-se-full {
3087
+ border-start-end-radius: 9999px;
3088
+ }
3089
+ .rounded-se-lg {
3090
+ border-start-end-radius: 0.5rem;
3091
+ }
3092
+ .rounded-se-md {
3093
+ border-start-end-radius: 0.375rem;
3094
+ }
3095
+ .rounded-se-none {
3096
+ border-start-end-radius: 0;
3097
+ }
3098
+ .rounded-se-sm {
3099
+ border-start-end-radius: 0.125rem;
3100
+ }
3101
+ .rounded-se-xl {
3102
+ border-start-end-radius: 0.75rem;
3103
+ }
1792
3104
  .rounded-ss {
1793
3105
  border-start-start-radius: 0.25rem;
1794
3106
  }
3107
+ .rounded-ss-2xl {
3108
+ border-start-start-radius: 1rem;
3109
+ }
3110
+ .rounded-ss-3xl {
3111
+ border-start-start-radius: 1.5rem;
3112
+ }
3113
+ .rounded-ss-full {
3114
+ border-start-start-radius: 9999px;
3115
+ }
3116
+ .rounded-ss-lg {
3117
+ border-start-start-radius: 0.5rem;
3118
+ }
3119
+ .rounded-ss-md {
3120
+ border-start-start-radius: 0.375rem;
3121
+ }
3122
+ .rounded-ss-none {
3123
+ border-start-start-radius: 0;
3124
+ }
3125
+ .rounded-ss-sm {
3126
+ border-start-start-radius: 0.125rem;
3127
+ }
3128
+ .rounded-ss-xl {
3129
+ border-start-start-radius: 0.75rem;
3130
+ }
1795
3131
  .rounded-tl {
1796
3132
  border-top-left-radius: 0.25rem;
1797
3133
  }
3134
+ .rounded-tl-2xl {
3135
+ border-top-left-radius: 1rem;
3136
+ }
3137
+ .rounded-tl-3xl {
3138
+ border-top-left-radius: 1.5rem;
3139
+ }
3140
+ .rounded-tl-full {
3141
+ border-top-left-radius: 9999px;
3142
+ }
3143
+ .rounded-tl-lg {
3144
+ border-top-left-radius: 0.5rem;
3145
+ }
3146
+ .rounded-tl-md {
3147
+ border-top-left-radius: 0.375rem;
3148
+ }
3149
+ .rounded-tl-none {
3150
+ border-top-left-radius: 0;
3151
+ }
3152
+ .rounded-tl-sm {
3153
+ border-top-left-radius: 0.125rem;
3154
+ }
3155
+ .rounded-tl-xl {
3156
+ border-top-left-radius: 0.75rem;
3157
+ }
1798
3158
  .rounded-tr {
1799
3159
  border-top-right-radius: 0.25rem;
1800
3160
  }
3161
+ .rounded-tr-2xl {
3162
+ border-top-right-radius: 1rem;
3163
+ }
3164
+ .rounded-tr-3xl {
3165
+ border-top-right-radius: 1.5rem;
3166
+ }
3167
+ .rounded-tr-full {
3168
+ border-top-right-radius: 9999px;
3169
+ }
3170
+ .rounded-tr-lg {
3171
+ border-top-right-radius: 0.5rem;
3172
+ }
3173
+ .rounded-tr-md {
3174
+ border-top-right-radius: 0.375rem;
3175
+ }
3176
+ .rounded-tr-none {
3177
+ border-top-right-radius: 0;
3178
+ }
3179
+ .rounded-tr-sm {
3180
+ border-top-right-radius: 0.125rem;
3181
+ }
3182
+ .rounded-tr-xl {
3183
+ border-top-right-radius: 0.75rem;
3184
+ }
1801
3185
  .p-0 {
1802
3186
  padding: 0;
1803
3187
  }
@@ -2448,86 +3832,259 @@ TODO: fix styles for RTL compatibility and change variables to Akinon compatible
2448
3832
  .pt-24 {
2449
3833
  padding-top: 6rem;
2450
3834
  }
2451
- .pt-28 {
2452
- padding-top: 7rem;
3835
+ .pt-28 {
3836
+ padding-top: 7rem;
3837
+ }
3838
+ .pt-3 {
3839
+ padding-top: 0.75rem;
3840
+ }
3841
+ .pt-32 {
3842
+ padding-top: 8rem;
3843
+ }
3844
+ .pt-36 {
3845
+ padding-top: 9rem;
3846
+ }
3847
+ .pt-4 {
3848
+ padding-top: 1rem;
3849
+ }
3850
+ .pt-40 {
3851
+ padding-top: 10rem;
3852
+ }
3853
+ .pt-44 {
3854
+ padding-top: 11rem;
3855
+ }
3856
+ .pt-48 {
3857
+ padding-top: 12rem;
3858
+ }
3859
+ .pt-5 {
3860
+ padding-top: 1.25rem;
3861
+ }
3862
+ .pt-52 {
3863
+ padding-top: 13rem;
3864
+ }
3865
+ .pt-56 {
3866
+ padding-top: 14rem;
3867
+ }
3868
+ .pt-6 {
3869
+ padding-top: 1.5rem;
3870
+ }
3871
+ .pt-60 {
3872
+ padding-top: 15rem;
3873
+ }
3874
+ .pt-64 {
3875
+ padding-top: 16rem;
3876
+ }
3877
+ .pt-7 {
3878
+ padding-top: 1.75rem;
3879
+ }
3880
+ .pt-72 {
3881
+ padding-top: 18rem;
3882
+ }
3883
+ .pt-8 {
3884
+ padding-top: 2rem;
3885
+ }
3886
+ .pt-80 {
3887
+ padding-top: 20rem;
3888
+ }
3889
+ .pt-9 {
3890
+ padding-top: 2.25rem;
3891
+ }
3892
+ .pt-96 {
3893
+ padding-top: 24rem;
3894
+ }
3895
+ .pt-px {
3896
+ padding-top: 1px;
3897
+ }
3898
+ .align-baseline {
3899
+ vertical-align: initial;
3900
+ }
3901
+ .align-top {
3902
+ vertical-align: top;
3903
+ }
3904
+ .align-middle {
3905
+ vertical-align: middle;
3906
+ }
3907
+ .align-bottom {
3908
+ vertical-align: bottom;
3909
+ }
3910
+ .align-sub {
3911
+ vertical-align: sub;
3912
+ }
3913
+ .align-super {
3914
+ vertical-align: super;
3915
+ }
3916
+ .text-xs {
3917
+ font-size: 0.75rem;
3918
+ }
3919
+ .text-sm {
3920
+ font-size: 0.875rem;
3921
+ }
3922
+ .text-base {
3923
+ font-size: 1rem;
3924
+ }
3925
+ .text-lg {
3926
+ font-size: 1.125rem;
3927
+ }
3928
+ .text-xl {
3929
+ font-size: 1.25rem;
3930
+ }
3931
+ .text-2xl {
3932
+ font-size: 1.5rem;
3933
+ }
3934
+ .text-3xl {
3935
+ font-size: 1.875rem;
3936
+ }
3937
+ .text-4xl {
3938
+ font-size: 2.25rem;
3939
+ }
3940
+ .text-5xl {
3941
+ font-size: 2.5rem;
3942
+ }
3943
+ .italic {
3944
+ font-style: italic;
3945
+ }
3946
+ .not-italic {
3947
+ font-style: normal;
3948
+ }
3949
+ .text-left {
3950
+ text-align: left;
3951
+ }
3952
+ .text-center {
3953
+ text-align: center;
3954
+ }
3955
+ .text-right {
3956
+ text-align: right;
3957
+ }
3958
+ .text-justify {
3959
+ text-align: justify;
3960
+ }
3961
+ .underline {
3962
+ text-decoration-line: underline;
3963
+ }
3964
+ .overline {
3965
+ text-decoration-line: overline;
3966
+ }
3967
+ .line-through {
3968
+ text-decoration-line: line-through;
3969
+ }
3970
+ .no-underline {
3971
+ text-decoration-line: none;
3972
+ }
3973
+ .decoration-solid {
3974
+ text-decoration-style: solid;
3975
+ }
3976
+ .decoration-double {
3977
+ text-decoration-style: double;
3978
+ }
3979
+ .decoration-dotted {
3980
+ text-decoration-style: dotted;
3981
+ }
3982
+ .decoration-dashed {
3983
+ text-decoration-style: dashed;
3984
+ }
3985
+ .decoration-wavy {
3986
+ text-decoration-style: wavy;
3987
+ }
3988
+ .decoration-from-font {
3989
+ text-decoration-thickness: from-font;
3990
+ }
3991
+ .decoration-auto {
3992
+ text-decoration-thickness: auto;
3993
+ }
3994
+ .decoration-1 {
3995
+ text-decoration-thickness: 1px;
3996
+ }
3997
+ .decoration-2 {
3998
+ text-decoration-thickness: 2px;
3999
+ }
4000
+ .decoration-3 {
4001
+ text-decoration-thickness: 3px;
4002
+ }
4003
+ .decoration-4 {
4004
+ text-decoration-thickness: 4px;
2453
4005
  }
2454
- .pt-3 {
2455
- padding-top: 0.75rem;
4006
+ .decoration-5 {
4007
+ text-decoration-thickness: 5px;
2456
4008
  }
2457
- .pt-32 {
2458
- padding-top: 8rem;
4009
+ .underline-offset-auto {
4010
+ text-underline-offset: auto;
2459
4011
  }
2460
- .pt-36 {
2461
- padding-top: 9rem;
4012
+ .underline-offset-1 {
4013
+ text-underline-offset: 1px;
2462
4014
  }
2463
- .pt-4 {
2464
- padding-top: 1rem;
4015
+ .underline-offset-2 {
4016
+ text-underline-offset: 2px;
2465
4017
  }
2466
- .pt-40 {
2467
- padding-top: 10rem;
4018
+ .underline-offset-3 {
4019
+ text-underline-offset: 3px;
2468
4020
  }
2469
- .pt-44 {
2470
- padding-top: 11rem;
4021
+ .underline-offset-4 {
4022
+ text-underline-offset: 4px;
2471
4023
  }
2472
- .pt-48 {
2473
- padding-top: 12rem;
4024
+ .underline-offset-5 {
4025
+ text-underline-offset: 5px;
2474
4026
  }
2475
- .pt-5 {
2476
- padding-top: 1.25rem;
4027
+ .uppercase {
4028
+ text-transform: uppercase;
2477
4029
  }
2478
- .pt-52 {
2479
- padding-top: 13rem;
4030
+ .lowercase {
4031
+ text-transform: lowercase;
2480
4032
  }
2481
- .pt-56 {
2482
- padding-top: 14rem;
4033
+ .capitalize {
4034
+ text-transform: capitalize;
2483
4035
  }
2484
- .pt-6 {
2485
- padding-top: 1.5rem;
4036
+ .normal-case {
4037
+ text-transform: none;
2486
4038
  }
2487
- .pt-60 {
2488
- padding-top: 15rem;
4039
+ .truncate {
4040
+ overflow: hidden;
4041
+ text-overflow: ellipsis;
4042
+ white-space: nowrap;
2489
4043
  }
2490
- .pt-64 {
2491
- padding-top: 16rem;
4044
+ .text-ellipsis {
4045
+ text-overflow: ellipsis;
2492
4046
  }
2493
- .pt-7 {
2494
- padding-top: 1.75rem;
4047
+ .text-clip {
4048
+ text-overflow: clip;
2495
4049
  }
2496
- .pt-72 {
2497
- padding-top: 18rem;
4050
+ .text-wrap {
4051
+ text-wrap: wrap;
2498
4052
  }
2499
- .pt-8 {
2500
- padding-top: 2rem;
4053
+ .text-nowrap {
4054
+ text-wrap: nowrap;
2501
4055
  }
2502
- .pt-80 {
2503
- padding-top: 20rem;
4056
+ .text-balance {
4057
+ text-wrap: balance;
2504
4058
  }
2505
- .pt-9 {
2506
- padding-top: 2.25rem;
4059
+ .text-pretty {
4060
+ text-wrap: pretty;
2507
4061
  }
2508
- .pt-96 {
2509
- padding-top: 24rem;
4062
+ .indent-px {
4063
+ text-indent: 1px;
2510
4064
  }
2511
- .pt-px {
2512
- padding-top: 1px;
4065
+ .indent-2 {
4066
+ text-indent: 0.125rem;
2513
4067
  }
2514
- .align-baseline {
2515
- vertical-align: initial;
4068
+ .indent-4 {
4069
+ text-indent: 0.25rem;
2516
4070
  }
2517
- .align-top {
2518
- vertical-align: top;
4071
+ .indent-6 {
4072
+ text-indent: 0.375rem;
2519
4073
  }
2520
- .align-middle {
2521
- vertical-align: middle;
4074
+ .indent-8 {
4075
+ text-indent: 0.5rem;
2522
4076
  }
2523
- .align-bottom {
2524
- vertical-align: bottom;
4077
+ .indent-10 {
4078
+ text-indent: 0.625rem;
2525
4079
  }
2526
- .align-sub {
2527
- vertical-align: sub;
4080
+ .indent-12 {
4081
+ text-indent: 0.75rem;
2528
4082
  }
2529
- .align-super {
2530
- vertical-align: super;
4083
+ .indent-14 {
4084
+ text-indent: 0.875rem;
4085
+ }
4086
+ .indent-16 {
4087
+ text-indent: 1rem;
2531
4088
  }
2532
4089
  .font-black {
2533
4090
  font-weight: 900;
@@ -2598,6 +4155,21 @@ TODO: fix styles for RTL compatibility and change variables to Akinon compatible
2598
4155
  .leading-tight {
2599
4156
  line-height: 1.25;
2600
4157
  }
4158
+ .list-inside {
4159
+ list-style-position: inside;
4160
+ }
4161
+ .list-outside {
4162
+ list-style-position: outside;
4163
+ }
4164
+ .list-disc {
4165
+ list-style-type: disc;
4166
+ }
4167
+ .list-decimal {
4168
+ list-style-type: decimal;
4169
+ }
4170
+ .list-none {
4171
+ list-style-type: none;
4172
+ }
2601
4173
  .tracking-normal {
2602
4174
  letter-spacing: 0;
2603
4175
  }
@@ -2616,6 +4188,42 @@ TODO: fix styles for RTL compatibility and change variables to Akinon compatible
2616
4188
  .tracking-widest {
2617
4189
  letter-spacing: 0.1em;
2618
4190
  }
4191
+ .line-clamp-1 {
4192
+ overflow: hidden;
4193
+ display: -webkit-box;
4194
+ -webkit-line-clamp: 1;
4195
+ -webkit-box-orient: vertical;
4196
+ }
4197
+ .line-clamp-2 {
4198
+ overflow: hidden;
4199
+ display: -webkit-box;
4200
+ -webkit-line-clamp: 2;
4201
+ -webkit-box-orient: vertical;
4202
+ }
4203
+ .line-clamp-3 {
4204
+ overflow: hidden;
4205
+ display: -webkit-box;
4206
+ -webkit-line-clamp: 3;
4207
+ -webkit-box-orient: vertical;
4208
+ }
4209
+ .line-clamp-4 {
4210
+ overflow: hidden;
4211
+ display: -webkit-box;
4212
+ -webkit-line-clamp: 4;
4213
+ -webkit-box-orient: vertical;
4214
+ }
4215
+ .line-clamp-5 {
4216
+ overflow: hidden;
4217
+ display: -webkit-box;
4218
+ -webkit-line-clamp: 5;
4219
+ -webkit-box-orient: vertical;
4220
+ }
4221
+ .line-clamp-none {
4222
+ overflow: visible;
4223
+ display: block;
4224
+ -webkit-box-orient: horizontal;
4225
+ -webkit-line-clamp: unset;
4226
+ }
2619
4227
  .opacity-0 {
2620
4228
  opacity: 0;
2621
4229
  }
@@ -2680,74 +4288,638 @@ TODO: fix styles for RTL compatibility and change variables to Akinon compatible
2680
4288
  opacity: 0.95;
2681
4289
  }
2682
4290
  .shadow-2xl {
2683
- --tw-shadow: 0 25px 50px -12px #00000040;
2684
- --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
4291
+ --aki-shadow: 0 25px 50px -12px #00000040;
4292
+ --aki-shadow-colored: 0 25px 50px -12px var(--aki-shadow-color);
2685
4293
  }
2686
4294
  .shadow-2xl,
2687
4295
  .shadow-inner {
2688
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
2689
- var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
4296
+ box-shadow: var(--aki-ring-offset-shadow, 0 0 #0000),
4297
+ var(--aki-ring-shadow, 0 0 #0000), var(--aki-shadow);
2690
4298
  }
2691
4299
  .shadow-inner {
2692
- --tw-shadow: inset 0 2px 4px 0 #0000000d;
2693
- --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
4300
+ --aki-shadow: inset 0 2px 4px 0 #0000000d;
4301
+ --aki-shadow-colored: inset 0 2px 4px 0 var(--aki-shadow-color);
2694
4302
  }
2695
4303
  .shadow-lg {
2696
- --tw-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
2697
- --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),
2698
- 0 4px 6px -4px var(--tw-shadow-color);
4304
+ --aki-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
4305
+ --aki-shadow-colored: 0 10px 15px -3px var(--aki-shadow-color),
4306
+ 0 4px 6px -4px var(--aki-shadow-color);
2699
4307
  }
2700
4308
  .shadow-lg,
2701
4309
  .shadow-md {
2702
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
2703
- var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
4310
+ box-shadow: var(--aki-ring-offset-shadow, 0 0 #0000),
4311
+ var(--aki-ring-shadow, 0 0 #0000), var(--aki-shadow);
2704
4312
  }
2705
4313
  .shadow-md {
2706
- --tw-shadow: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
2707
- --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color),
2708
- 0 2px 4px -2px var(--tw-shadow-color);
4314
+ --aki-shadow: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
4315
+ --aki-shadow-colored: 0 4px 6px -1px var(--aki-shadow-color),
4316
+ 0 2px 4px -2px var(--aki-shadow-color);
2709
4317
  }
2710
4318
  .shadow-none {
2711
- --tw-shadow: 0 0 #0000;
2712
- --tw-shadow-colored: 0 0 #0000;
4319
+ --aki-shadow: 0 0 #0000;
4320
+ --aki-shadow-colored: 0 0 #0000;
2713
4321
  }
2714
4322
  .shadow-none,
2715
4323
  .shadow-sm {
2716
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
2717
- var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
4324
+ box-shadow: var(--aki-ring-offset-shadow, 0 0 #0000),
4325
+ var(--aki-ring-shadow, 0 0 #0000), var(--aki-shadow);
2718
4326
  }
2719
4327
  .shadow-sm {
2720
- --tw-shadow: 0 1px 2px 0 #0000000d;
2721
- --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
4328
+ --aki-shadow: 0 1px 2px 0 #0000000d;
4329
+ --aki-shadow-colored: 0 1px 2px 0 var(--aki-shadow-color);
2722
4330
  }
2723
4331
  .shadow-xl {
2724
- --tw-shadow: 0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;
2725
- --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color),
2726
- 0 8px 10px -6px var(--tw-shadow-color);
2727
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
2728
- var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
4332
+ --aki-shadow: 0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;
4333
+ --aki-shadow-colored: 0 20px 25px -5px var(--aki-shadow-color),
4334
+ 0 8px 10px -6px var(--aki-shadow-color);
4335
+ box-shadow: var(--aki-ring-offset-shadow, 0 0 #0000),
4336
+ var(--aki-ring-shadow, 0 0 #0000), var(--aki-shadow);
2729
4337
  }
2730
4338
  .shadow-black {
2731
- --tw-shadow-color: #000;
2732
- --tw-shadow: var(--tw-shadow-colored);
4339
+ --aki-shadow-color: #000;
4340
+ --aki-shadow: var(--aki-shadow-colored);
2733
4341
  }
2734
4342
  .shadow-current {
2735
- --tw-shadow-color: currentColor;
2736
- --tw-shadow: var(--tw-shadow-colored);
4343
+ --aki-shadow-color: currentColor;
4344
+ --aki-shadow: var(--aki-shadow-colored);
2737
4345
  }
2738
4346
  .shadow-inherit {
2739
- --tw-shadow-color: inherit;
2740
- --tw-shadow: var(--tw-shadow-colored);
4347
+ --aki-shadow-color: inherit;
4348
+ --aki-shadow: var(--aki-shadow-colored);
2741
4349
  }
2742
4350
  .shadow-transparent {
2743
- --tw-shadow-color: #0000;
2744
- --tw-shadow: var(--tw-shadow-colored);
4351
+ --aki-shadow-color: #0000;
4352
+ --aki-shadow: var(--aki-shadow-colored);
2745
4353
  }
2746
4354
  .shadow-white {
2747
- --tw-shadow-color: #fff;
2748
- --tw-shadow: var(--tw-shadow-colored);
4355
+ --aki-shadow-color: #fff;
4356
+ --aki-shadow: var(--aki-shadow-colored);
2749
4357
  }
2750
4358
  .content-none {
2751
- --tw-content: none;
2752
- content: var(--tw-content);
4359
+ --aki-content: none;
4360
+ content: var(--aki-content);
4361
+ }
4362
+ .aspect-square {
4363
+ aspect-ratio: 1 / 1;
4364
+ }
4365
+ .aspect-video {
4366
+ aspect-ratio: 16 / 9;
4367
+ }
4368
+ .aspect-3\/2 {
4369
+ aspect-ratio: 3 / 2;
4370
+ }
4371
+ .aspect-4\/3 {
4372
+ aspect-ratio: 4 / 3;
4373
+ }
4374
+ .aspect-9\/16 {
4375
+ aspect-ratio: 9 / 16;
4376
+ }
4377
+ .float-right {
4378
+ float: right;
4379
+ }
4380
+ .float-left {
4381
+ float: left;
4382
+ }
4383
+ .float-start {
4384
+ float: inline-start;
4385
+ }
4386
+ .float-end {
4387
+ float: inline-end;
4388
+ }
4389
+ .float-none {
4390
+ float: none;
4391
+ }
4392
+ .clear-left {
4393
+ clear: left;
4394
+ }
4395
+ .clear-right {
4396
+ clear: right;
4397
+ }
4398
+ .clear-both {
4399
+ clear: both;
4400
+ }
4401
+ .clear-start {
4402
+ clear: inline-start;
4403
+ }
4404
+ .clear-end {
4405
+ clear: inline-end;
4406
+ }
4407
+ .clear-none {
4408
+ clear: none;
4409
+ }
4410
+ .object-contain {
4411
+ object-fit: contain;
4412
+ }
4413
+ .object-cover {
4414
+ object-fit: cover;
4415
+ }
4416
+ .object-fill {
4417
+ object-fit: fill;
4418
+ }
4419
+ .object-none {
4420
+ object-fit: none;
4421
+ }
4422
+ .object-scale-down {
4423
+ object-fit: scale-down;
4424
+ }
4425
+ .object-bottom {
4426
+ object-position: bottom;
4427
+ }
4428
+ .object-center {
4429
+ object-position: center;
4430
+ }
4431
+ .object-left {
4432
+ object-position: left;
4433
+ }
4434
+ .object-left-bottom {
4435
+ object-position: left bottom;
4436
+ }
4437
+ .object-left-top {
4438
+ object-position: left top;
4439
+ }
4440
+ .object-right {
4441
+ object-position: right;
4442
+ }
4443
+ .object-right-bottom {
4444
+ object-position: right bottom;
4445
+ }
4446
+ .object-right-top {
4447
+ object-position: right top;
4448
+ }
4449
+ .object-top {
4450
+ object-position: top;
4451
+ }
4452
+ .overflow-auto {
4453
+ overflow: auto;
4454
+ }
4455
+ .overflow-hidden {
4456
+ overflow: hidden;
4457
+ }
4458
+ .overflow-clip {
4459
+ overflow: clip;
4460
+ }
4461
+ .overflow-visible {
4462
+ overflow: visible;
4463
+ }
4464
+ .overflow-scroll {
4465
+ overflow: scroll;
4466
+ }
4467
+ .overflow-x-auto {
4468
+ overflow-x: auto;
4469
+ }
4470
+ .overflow-x-hidden {
4471
+ overflow-x: hidden;
4472
+ }
4473
+ .overflow-x-clip {
4474
+ overflow-x: clip;
4475
+ }
4476
+ .overflow-x-visible {
4477
+ overflow-x: visible;
4478
+ }
4479
+ .overflow-x-scroll {
4480
+ overflow-x: scroll;
4481
+ }
4482
+ .overflow-y-auto {
4483
+ overflow-y: auto;
4484
+ }
4485
+ .overflow-y-hidden {
4486
+ overflow-y: hidden;
4487
+ }
4488
+ .overflow-y-clip {
4489
+ overflow-y: clip;
4490
+ }
4491
+ .overflow-y-visible {
4492
+ overflow-y: visible;
4493
+ }
4494
+ .overflow-y-scroll {
4495
+ overflow-y: scroll;
4496
+ }
4497
+ .overscroll-auto {
4498
+ overscroll-behavior: auto;
4499
+ }
4500
+ .overscroll-contain {
4501
+ overscroll-behavior: contain;
4502
+ }
4503
+ .overscroll-none {
4504
+ overscroll-behavior: none;
4505
+ }
4506
+ .overscroll-x-auto {
4507
+ overscroll-behavior-x: auto;
4508
+ }
4509
+ .overscroll-x-contain {
4510
+ overscroll-behavior-x: contain;
4511
+ }
4512
+ .overscroll-x-none {
4513
+ overscroll-behavior-x: none;
4514
+ }
4515
+ .overscroll-y-auto {
4516
+ overscroll-behavior-y: auto;
4517
+ }
4518
+ .overscroll-y-contain {
4519
+ overscroll-behavior-y: contain;
4520
+ }
4521
+ .overscroll-y-none {
4522
+ overscroll-behavior-y: none;
4523
+ }
4524
+ .visible {
4525
+ visibility: visible;
4526
+ }
4527
+ .invisible {
4528
+ visibility: hidden;
4529
+ }
4530
+ .align-baseline {
4531
+ vertical-align: baseline;
4532
+ }
4533
+ .align-top {
4534
+ vertical-align: top;
4535
+ }
4536
+ .align-middle {
4537
+ vertical-align: middle;
4538
+ }
4539
+ .align-bottom {
4540
+ vertical-align: bottom;
4541
+ }
4542
+ .align-text-top {
4543
+ vertical-align: text-top;
4544
+ }
4545
+ .align-text-bottom {
4546
+ vertical-align: text-bottom;
4547
+ }
4548
+ .whitespace-normal {
4549
+ white-space: normal;
4550
+ }
4551
+ .whitespace-nowrap {
4552
+ white-space: nowrap;
4553
+ }
4554
+ .whitespace-pre {
4555
+ white-space: pre;
4556
+ }
4557
+ .whitespace-pre-line {
4558
+ white-space: pre-line;
4559
+ }
4560
+ .whitespace-pre-wrap {
4561
+ white-space: pre-wrap;
4562
+ }
4563
+ .break-normal {
4564
+ overflow-wrap: normal;
4565
+ word-break: normal;
4566
+ }
4567
+ .break-words {
4568
+ overflow-wrap: break-word;
4569
+ }
4570
+ .break-all {
4571
+ word-break: break-all;
4572
+ }
4573
+ .break-keep {
4574
+ word-break: keep-all;
4575
+ }
4576
+ .hyphens-none {
4577
+ hyphens: none;
4578
+ }
4579
+ .hyphens-manual {
4580
+ hyphens: manual;
4581
+ }
4582
+ .hyphens-auto {
4583
+ hyphens: auto;
4584
+ }
4585
+ .break-after-auto {
4586
+ break-after: auto;
4587
+ }
4588
+ .break-after-avoid {
4589
+ break-after: avoid;
4590
+ }
4591
+ .break-after-all {
4592
+ break-after: all;
4593
+ }
4594
+ .break-after-avoid-page {
4595
+ break-after: avoid-page;
4596
+ }
4597
+ .break-after-page {
4598
+ break-after: page;
4599
+ }
4600
+ .break-after-left {
4601
+ break-after: left;
4602
+ }
4603
+ .break-after-right {
4604
+ break-after: right;
4605
+ }
4606
+ .break-after-column {
4607
+ break-after: column;
4608
+ }
4609
+ .break-before-auto {
4610
+ break-before: auto;
4611
+ }
4612
+ .break-before-avoid {
4613
+ break-before: avoid;
4614
+ }
4615
+ .break-before-all {
4616
+ break-before: all;
4617
+ }
4618
+ .break-before-avoid-page {
4619
+ break-before: avoid-page;
4620
+ }
4621
+ .break-before-page {
4622
+ break-before: page;
4623
+ }
4624
+ .break-before-left {
4625
+ break-before: left;
4626
+ }
4627
+ .break-before-right {
4628
+ break-before: right;
4629
+ }
4630
+ .break-before-column {
4631
+ break-before: column;
4632
+ }
4633
+ .break-inside-auto {
4634
+ break-inside: auto;
4635
+ }
4636
+ .break-inside-avoid {
4637
+ break-inside: avoid;
4638
+ }
4639
+ .break-inside-avoid-page {
4640
+ break-inside: avoid-page;
4641
+ }
4642
+ .break-inside-avoid-column {
4643
+ break-inside: avoid-column;
4644
+ }
4645
+ .box-decoration-clone {
4646
+ box-decoration-break: clone;
4647
+ -webkit-box-decoration-break: clone;
4648
+ }
4649
+ .box-decoration-slice {
4650
+ box-decoration-break: slice;
4651
+ -webkit-box-decoration-break: slice;
4652
+ }
4653
+ .isolate {
4654
+ isolation: isolate;
4655
+ }
4656
+ .isolate-auto {
4657
+ isolation: auto;
4658
+ }
4659
+ .bg-fixed {
4660
+ background-attachment: fixed;
4661
+ }
4662
+ .bg-local {
4663
+ background-attachment: local;
4664
+ }
4665
+ .bg-scroll {
4666
+ background-attachment: scroll;
4667
+ }
4668
+ .bg-clip-border {
4669
+ background-clip: border-box;
4670
+ }
4671
+ .bg-clip-padding {
4672
+ background-clip: padding-box;
4673
+ }
4674
+ .bg-clip-content {
4675
+ background-clip: content-box;
4676
+ }
4677
+ .bg-clip-text {
4678
+ background-clip: text;
4679
+ }
4680
+ .bg-none {
4681
+ background-image: none;
4682
+ }
4683
+ .bg-origin-border {
4684
+ background-origin: border-box;
4685
+ }
4686
+ .bg-origin-padding {
4687
+ background-origin: padding-box;
4688
+ }
4689
+ .bg-origin-content {
4690
+ background-origin: content-box;
4691
+ }
4692
+ .bg-bottom {
4693
+ background-position: bottom;
4694
+ }
4695
+ .bg-center {
4696
+ background-position: center;
4697
+ }
4698
+ .bg-left {
4699
+ background-position: left;
4700
+ }
4701
+ .bg-left-bottom {
4702
+ background-position: left bottom;
4703
+ }
4704
+ .bg-left-top {
4705
+ background-position: left top;
4706
+ }
4707
+ .bg-right {
4708
+ background-position: right;
4709
+ }
4710
+ .bg-right-bottom {
4711
+ background-position: right bottom;
4712
+ }
4713
+ .bg-right-top {
4714
+ background-position: right top;
4715
+ }
4716
+ .bg-top {
4717
+ background-position: top;
4718
+ }
4719
+ .bg-repeat {
4720
+ background-repeat: repeat;
4721
+ }
4722
+ .bg-repeat-x {
4723
+ background-repeat: repeat-x;
4724
+ }
4725
+ .bg-repeat-y {
4726
+ background-repeat: repeat-y;
4727
+ }
4728
+ .bg-repeat-space {
4729
+ background-repeat: space;
4730
+ }
4731
+ .bg-repeat-round {
4732
+ background-repeat: round;
4733
+ }
4734
+ .bg-no-repeat {
4735
+ background-repeat: no-repeat;
4736
+ }
4737
+ .bg-auto {
4738
+ background-size: auto;
4739
+ }
4740
+ .bg-cover {
4741
+ background-size: cover;
4742
+ }
4743
+ .bg-contain {
4744
+ background-size: contain;
4745
+ }
4746
+ .accent-inherit {
4747
+ accent-color: inherit;
4748
+ }
4749
+ .accent-current {
4750
+ accent-color: currentColor;
4751
+ }
4752
+ .accent-transparent {
4753
+ accent-color: transparent;
4754
+ }
4755
+ .appearance-none {
4756
+ appearance: none;
4757
+ }
4758
+ .appearance-auto {
4759
+ appearance: auto;
4760
+ }
4761
+ .caret-inherit {
4762
+ caret-color: inherit;
4763
+ }
4764
+ .caret-current {
4765
+ caret-color: currentColor;
4766
+ }
4767
+ .caret-transparent {
4768
+ caret-color: transparent;
4769
+ }
4770
+ .field-sizing-fixed {
4771
+ field-sizing: fixed;
4772
+ }
4773
+ .field-sizing-content {
4774
+ field-sizing: content;
4775
+ }
4776
+ .pointer-events-auto {
4777
+ pointer-events: auto;
4778
+ }
4779
+ .pointer-events-none {
4780
+ pointer-events: none;
4781
+ }
4782
+ .resize-none {
4783
+ resize: none;
4784
+ }
4785
+ .resize {
4786
+ resize: both;
4787
+ }
4788
+ .resize-y {
4789
+ resize: vertical;
4790
+ }
4791
+ .resize-x {
4792
+ resize: horizontal;
4793
+ }
4794
+ .scroll-auto {
4795
+ scroll-behavior: auto;
4796
+ }
4797
+ .scroll-smooth {
4798
+ scroll-behavior: smooth;
4799
+ }
4800
+ .snap-start {
4801
+ scroll-snap-align: start;
4802
+ }
4803
+ .snap-end {
4804
+ scroll-snap-align: end;
4805
+ }
4806
+ .snap-center {
4807
+ scroll-snap-align: center;
4808
+ }
4809
+ .snap-align-none {
4810
+ scroll-snap-align: none;
4811
+ }
4812
+ .snap-normal {
4813
+ scroll-snap-stop: normal;
4814
+ }
4815
+ .snap-always {
4816
+ scroll-snap-stop: always;
4817
+ }
4818
+ .select-none {
4819
+ user-select: none;
4820
+ }
4821
+ .select-text {
4822
+ user-select: text;
4823
+ }
4824
+ .select-all {
4825
+ user-select: all;
4826
+ }
4827
+ .select-auto {
4828
+ user-select: auto;
4829
+ }
4830
+ .will-change-auto {
4831
+ will-change: auto;
4832
+ }
4833
+ .will-change-scroll {
4834
+ will-change: scroll-position;
4835
+ }
4836
+ .will-change-contents {
4837
+ will-change: contents;
4838
+ }
4839
+ .will-change-transform {
4840
+ will-change: transform;
4841
+ }
4842
+ .fill-none {
4843
+ fill: none;
4844
+ }
4845
+ .fill-inherit {
4846
+ fill: inherit;
4847
+ }
4848
+ .fill-current {
4849
+ fill: currentColor;
4850
+ }
4851
+ .fill-transparent {
4852
+ fill: transparent;
4853
+ }
4854
+ .stroke-none {
4855
+ stroke: none;
4856
+ }
4857
+ .stroke-inherit {
4858
+ stroke: inherit;
4859
+ }
4860
+ .stroke-current {
4861
+ stroke: currentColor;
4862
+ }
4863
+ .stroke-transparent {
4864
+ stroke: transparent;
4865
+ }
4866
+ .stroke-1 {
4867
+ stroke-width: 1px;
4868
+ }
4869
+ .stroke-2 {
4870
+ stroke-width: 2px;
4871
+ }
4872
+ .stroke-3 {
4873
+ stroke-width: 3px;
4874
+ }
4875
+ .stroke-4 {
4876
+ stroke-width: 4px;
4877
+ }
4878
+ .stroke-5 {
4879
+ stroke-width: 5px;
4880
+ }
4881
+ .text-inherit {
4882
+ color: inherit;
4883
+ }
4884
+ .text-current {
4885
+ color: currentColor;
4886
+ }
4887
+ .text-transparent {
4888
+ color: transparent;
4889
+ }
4890
+ .decoration-inherit {
4891
+ text-decoration-color: inherit;
4892
+ }
4893
+ .decoration-current {
4894
+ text-decoration-color: currentColor;
4895
+ }
4896
+ .decoration-transparent {
4897
+ text-decoration-color: transparent;
4898
+ }
4899
+ .bg-inherit {
4900
+ background-color: inherit;
4901
+ }
4902
+ .bg-current {
4903
+ background-color: currentColor;
4904
+ }
4905
+ .bg-transparent {
4906
+ background-color: transparent;
4907
+ }
4908
+ .border-inherit {
4909
+ border-color: inherit;
4910
+ }
4911
+ .border-current {
4912
+ border-color: currentColor;
4913
+ }
4914
+ .border-transparent {
4915
+ border-color: transparent;
4916
+ }
4917
+ .outline-inherit {
4918
+ outline-color: inherit;
4919
+ }
4920
+ .outline-current {
4921
+ outline-color: currentColor;
4922
+ }
4923
+ .outline-transparent {
4924
+ outline-color: transparent;
2753
4925
  }