lookbook 0.2.2 → 0.3.0.beta.1
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/README.md +93 -0
- data/app/assets/lookbook/css/app.css +28 -0
- data/app/assets/lookbook/js/app.js +49 -24
- data/app/assets/lookbook/js/nav/leaf.js +20 -0
- data/app/assets/lookbook/js/nav/node.js +31 -0
- data/app/assets/lookbook/js/nav.js +36 -0
- data/app/assets/lookbook/js/page.js +33 -0
- data/app/assets/lookbook/js/utils/clipboard.js +13 -0
- data/app/assets/lookbook/js/utils/morph.js +16 -0
- data/app/assets/lookbook/js/{reloader.js → utils/reloader.js} +0 -0
- data/app/assets/lookbook/js/utils/screen.js +44 -0
- data/app/assets/lookbook/js/{size_observer.js → utils/size_observer.js} +1 -1
- data/app/assets/lookbook/js/{split.js → utils/split.js} +4 -4
- data/app/assets/lookbook/js/workbench/inspector.js +11 -0
- data/app/assets/lookbook/js/workbench/preview.js +39 -0
- data/app/assets/lookbook/js/workbench.js +14 -0
- data/app/controllers/lookbook/{browser_controller.rb → app_controller.rb} +58 -31
- data/app/helpers/lookbook/application_helper.rb +1 -1
- data/app/views/lookbook/_sidebar.html.erb +45 -0
- data/app/views/lookbook/_workbench.html.erb +12 -0
- data/app/views/lookbook/{browser → app}/error.html.erb +0 -0
- data/app/views/lookbook/app/index.html.erb +11 -0
- data/app/views/lookbook/{browser → app}/not_found.html.erb +1 -1
- data/app/views/lookbook/app/show.html.erb +1 -0
- data/app/views/lookbook/layouts/app.html.erb +16 -26
- data/app/views/lookbook/layouts/group.html.erb +6 -0
- data/app/views/lookbook/nav/_collection.html.erb +5 -0
- data/app/views/lookbook/nav/_node.html.erb +19 -0
- data/app/views/lookbook/nav/_preview.html.erb +29 -0
- data/app/views/lookbook/shared/_clipboard.html.erb +11 -0
- data/app/views/lookbook/shared/_header.html.erb +8 -0
- data/app/views/lookbook/workbench/_header.html.erb +37 -0
- data/app/views/lookbook/workbench/_inspector.html.erb +32 -0
- data/app/views/lookbook/workbench/_preview.html.erb +24 -0
- data/app/views/lookbook/workbench/inspector/_code.html.erb +3 -0
- data/app/views/lookbook/workbench/inspector/_notes.html.erb +24 -0
- data/app/views/lookbook/{partials → workbench}/inspector/_plain.html.erb +0 -0
- data/config/routes.rb +3 -3
- data/lib/lookbook/engine.rb +2 -2
- data/lib/lookbook/preview.rb +25 -3
- data/lib/lookbook/preview_controller.rb +6 -1
- data/lib/lookbook/preview_example.rb +3 -2
- data/lib/lookbook/preview_group.rb +37 -0
- data/lib/lookbook/taggable.rb +5 -1
- data/lib/lookbook/version.rb +1 -1
- data/lib/lookbook.rb +1 -0
- data/lib/tasks/lookbook_tasks.rake +1 -1
- data/public/lookbook-assets/app.css +256 -102
- data/public/lookbook-assets/app.js +964 -95
- data/{app/views/lookbook/partials/_icon_sprite.html.erb → public/lookbook-assets/feather-sprite.svg} +1 -1
- metadata +52 -25
- data/app/assets/lookbook/js/preview.js +0 -76
- data/app/views/lookbook/browser/index.html.erb +0 -8
- data/app/views/lookbook/browser/show.html.erb +0 -33
- data/app/views/lookbook/partials/_preview.html.erb +0 -18
- data/app/views/lookbook/partials/_sidebar.html.erb +0 -21
- data/app/views/lookbook/partials/inspector/_code.html.erb +0 -1
- data/app/views/lookbook/partials/inspector/_inspector.html.erb +0 -43
- data/app/views/lookbook/partials/inspector/_prose.html.erb +0 -3
- data/app/views/lookbook/partials/nav/_collection.html.erb +0 -17
- data/app/views/lookbook/partials/nav/_label.html.erb +0 -13
- data/app/views/lookbook/partials/nav/_nav.html.erb +0 -27
- data/app/views/lookbook/partials/nav/_preview.html.erb +0 -48
- data/config/lookbook_cable.yml +0 -8
@@ -1,4 +1,4 @@
|
|
1
|
-
/*! tailwindcss v2.2.
|
1
|
+
/*! tailwindcss v2.2.15 | MIT License | https://tailwindcss.com */
|
2
2
|
|
3
3
|
/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */
|
4
4
|
|
@@ -475,6 +475,18 @@ button,
|
|
475
475
|
cursor: pointer;
|
476
476
|
}
|
477
477
|
|
478
|
+
/**
|
479
|
+
* Override legacy focus reset from Normalize with modern Firefox focus styles.
|
480
|
+
*
|
481
|
+
* This is actually an improvement over the new defaults in Firefox in our testing,
|
482
|
+
* as it triggers the better focus styles even for links, which still use a dotted
|
483
|
+
* outline in Firefox by default.
|
484
|
+
*/
|
485
|
+
|
486
|
+
:-moz-focusring {
|
487
|
+
outline: auto;
|
488
|
+
}
|
489
|
+
|
478
490
|
table {
|
479
491
|
border-collapse: collapse;
|
480
492
|
}
|
@@ -806,6 +818,38 @@ pre[class*="language-"] {
|
|
806
818
|
fill: none;
|
807
819
|
}
|
808
820
|
|
821
|
+
.min-h-fill {
|
822
|
+
min-height: -webkit-fill-available;
|
823
|
+
min-height: -moz-available;
|
824
|
+
min-height: fill-available;
|
825
|
+
}
|
826
|
+
|
827
|
+
::-webkit-scrollbar {
|
828
|
+
width: 8px;
|
829
|
+
height: 8px;
|
830
|
+
}
|
831
|
+
|
832
|
+
::-webkit-scrollbar-track {
|
833
|
+
background: transparent;
|
834
|
+
}
|
835
|
+
|
836
|
+
::-webkit-scrollbar-thumb {
|
837
|
+
--tw-bg-opacity: 1;
|
838
|
+
background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
|
839
|
+
-webkit-transition-property: background-color, border-color, color, fill, stroke;
|
840
|
+
transition-property: background-color, border-color, color, fill, stroke;
|
841
|
+
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
842
|
+
transition-duration: 150ms;
|
843
|
+
border-radius: 6px;
|
844
|
+
border: 2px solid transparent;
|
845
|
+
background-clip: content-box;
|
846
|
+
}
|
847
|
+
|
848
|
+
::-webkit-scrollbar-thumb:hover {
|
849
|
+
--tw-bg-opacity: 1;
|
850
|
+
background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
|
851
|
+
}
|
852
|
+
|
809
853
|
.prose {
|
810
854
|
color: #374151;
|
811
855
|
max-width: 65ch;
|
@@ -1424,6 +1468,14 @@ pre[class*="language-"] {
|
|
1424
1468
|
bottom: 0px;
|
1425
1469
|
}
|
1426
1470
|
|
1471
|
+
.top-1\/2 {
|
1472
|
+
top: 50%;
|
1473
|
+
}
|
1474
|
+
|
1475
|
+
.right-2 {
|
1476
|
+
right: 0.5rem;
|
1477
|
+
}
|
1478
|
+
|
1427
1479
|
.left-0 {
|
1428
1480
|
left: 0px;
|
1429
1481
|
}
|
@@ -1440,12 +1492,24 @@ pre[class*="language-"] {
|
|
1440
1492
|
bottom: 0px;
|
1441
1493
|
}
|
1442
1494
|
|
1443
|
-
.top-
|
1444
|
-
top:
|
1495
|
+
.top-\[-2px\] {
|
1496
|
+
top: -2px;
|
1445
1497
|
}
|
1446
1498
|
|
1447
|
-
.
|
1448
|
-
|
1499
|
+
.left-\[-2px\] {
|
1500
|
+
left: -2px;
|
1501
|
+
}
|
1502
|
+
|
1503
|
+
.top-\[4px\] {
|
1504
|
+
top: 4px;
|
1505
|
+
}
|
1506
|
+
|
1507
|
+
.left-\[4px\] {
|
1508
|
+
left: 4px;
|
1509
|
+
}
|
1510
|
+
|
1511
|
+
.left-4 {
|
1512
|
+
left: 1rem;
|
1449
1513
|
}
|
1450
1514
|
|
1451
1515
|
.z-10 {
|
@@ -1457,9 +1521,12 @@ pre[class*="language-"] {
|
|
1457
1521
|
margin-right: auto;
|
1458
1522
|
}
|
1459
1523
|
|
1460
|
-
|
1461
|
-
margin-left:
|
1462
|
-
|
1524
|
+
.ml-4 {
|
1525
|
+
margin-left: 1rem;
|
1526
|
+
}
|
1527
|
+
|
1528
|
+
.mb-1 {
|
1529
|
+
margin-bottom: 0.25rem;
|
1463
1530
|
}
|
1464
1531
|
|
1465
1532
|
.mt-4 {
|
@@ -1474,18 +1541,6 @@ pre[class*="language-"] {
|
|
1474
1541
|
margin-top: 0.5rem;
|
1475
1542
|
}
|
1476
1543
|
|
1477
|
-
.ml-2 {
|
1478
|
-
margin-left: 0.5rem;
|
1479
|
-
}
|
1480
|
-
|
1481
|
-
.ml-auto {
|
1482
|
-
margin-left: auto;
|
1483
|
-
}
|
1484
|
-
|
1485
|
-
.-mb-px {
|
1486
|
-
margin-bottom: -1px;
|
1487
|
-
}
|
1488
|
-
|
1489
1544
|
.mr-1 {
|
1490
1545
|
margin-right: 0.25rem;
|
1491
1546
|
}
|
@@ -1494,66 +1549,82 @@ pre[class*="language-"] {
|
|
1494
1549
|
margin-right: 0.375rem;
|
1495
1550
|
}
|
1496
1551
|
|
1497
|
-
.
|
1498
|
-
margin-
|
1552
|
+
.mr-3 {
|
1553
|
+
margin-right: 0.75rem;
|
1554
|
+
}
|
1555
|
+
|
1556
|
+
.ml-auto {
|
1557
|
+
margin-left: auto;
|
1558
|
+
}
|
1559
|
+
|
1560
|
+
.-mb-px {
|
1561
|
+
margin-bottom: -1px;
|
1499
1562
|
}
|
1500
1563
|
|
1501
1564
|
.block {
|
1502
1565
|
display: block;
|
1503
1566
|
}
|
1504
1567
|
|
1505
|
-
.
|
1506
|
-
display:
|
1568
|
+
.inline-block {
|
1569
|
+
display: inline-block;
|
1507
1570
|
}
|
1508
1571
|
|
1509
|
-
.
|
1510
|
-
display:
|
1572
|
+
.flex {
|
1573
|
+
display: flex;
|
1511
1574
|
}
|
1512
1575
|
|
1513
1576
|
.hidden {
|
1514
1577
|
display: none;
|
1515
1578
|
}
|
1516
1579
|
|
1517
|
-
.h-
|
1518
|
-
height:
|
1580
|
+
.h-full {
|
1581
|
+
height: 100%;
|
1519
1582
|
}
|
1520
1583
|
|
1521
1584
|
.h-10 {
|
1522
1585
|
height: 2.5rem;
|
1523
1586
|
}
|
1524
1587
|
|
1525
|
-
.h-
|
1526
|
-
height:
|
1588
|
+
.h-5 {
|
1589
|
+
height: 1.25rem;
|
1527
1590
|
}
|
1528
1591
|
|
1529
1592
|
.h-3 {
|
1530
1593
|
height: 0.75rem;
|
1531
1594
|
}
|
1532
1595
|
|
1596
|
+
.h-screen {
|
1597
|
+
height: 100vh;
|
1598
|
+
}
|
1599
|
+
|
1533
1600
|
.h-\[11px\] {
|
1534
1601
|
height: 11px;
|
1535
1602
|
}
|
1536
1603
|
|
1604
|
+
.h-3\.5 {
|
1605
|
+
height: 0.875rem;
|
1606
|
+
}
|
1607
|
+
|
1537
1608
|
.h-4 {
|
1538
1609
|
height: 1rem;
|
1539
1610
|
}
|
1540
1611
|
|
1541
|
-
.
|
1542
|
-
|
1612
|
+
.w-5 {
|
1613
|
+
width: 1.25rem;
|
1543
1614
|
}
|
1544
1615
|
|
1545
1616
|
.w-full {
|
1546
1617
|
width: 100%;
|
1547
1618
|
}
|
1548
1619
|
|
1549
|
-
.w-10 {
|
1550
|
-
width: 2.5rem;
|
1551
|
-
}
|
1552
|
-
|
1553
1620
|
.w-3 {
|
1554
1621
|
width: 0.75rem;
|
1555
1622
|
}
|
1556
1623
|
|
1624
|
+
.w-10 {
|
1625
|
+
width: 2.5rem;
|
1626
|
+
}
|
1627
|
+
|
1557
1628
|
.w-screen {
|
1558
1629
|
width: 100vw;
|
1559
1630
|
}
|
@@ -1562,20 +1633,16 @@ pre[class*="language-"] {
|
|
1562
1633
|
width: 9px;
|
1563
1634
|
}
|
1564
1635
|
|
1565
|
-
.w-4 {
|
1566
|
-
width: 1rem;
|
1567
|
-
}
|
1568
|
-
|
1569
1636
|
.w-3\.5 {
|
1570
1637
|
width: 0.875rem;
|
1571
1638
|
}
|
1572
1639
|
|
1573
|
-
.
|
1574
|
-
|
1640
|
+
.w-4 {
|
1641
|
+
width: 1rem;
|
1575
1642
|
}
|
1576
1643
|
|
1577
|
-
.max-w-
|
1578
|
-
max-width:
|
1644
|
+
.max-w-xs {
|
1645
|
+
max-width: 20rem;
|
1579
1646
|
}
|
1580
1647
|
|
1581
1648
|
.flex-none {
|
@@ -1586,6 +1653,10 @@ pre[class*="language-"] {
|
|
1586
1653
|
flex: 1 1 auto;
|
1587
1654
|
}
|
1588
1655
|
|
1656
|
+
.flex-grow {
|
1657
|
+
flex-grow: 1;
|
1658
|
+
}
|
1659
|
+
|
1589
1660
|
.-translate-y-1\/2 {
|
1590
1661
|
--tw-translate-y: -50%;
|
1591
1662
|
transform: var(--tw-transform);
|
@@ -1608,18 +1679,14 @@ pre[class*="language-"] {
|
|
1608
1679
|
cursor: col-resize;
|
1609
1680
|
}
|
1610
1681
|
|
1611
|
-
.cursor
|
1612
|
-
cursor:
|
1682
|
+
.cursor-pointer {
|
1683
|
+
cursor: pointer;
|
1613
1684
|
}
|
1614
1685
|
|
1615
1686
|
.cursor-auto {
|
1616
1687
|
cursor: auto;
|
1617
1688
|
}
|
1618
1689
|
|
1619
|
-
.cursor-pointer {
|
1620
|
-
cursor: pointer;
|
1621
|
-
}
|
1622
|
-
|
1623
1690
|
.select-none {
|
1624
1691
|
-webkit-user-select: none;
|
1625
1692
|
-moz-user-select: none;
|
@@ -1627,6 +1694,10 @@ pre[class*="language-"] {
|
|
1627
1694
|
user-select: none;
|
1628
1695
|
}
|
1629
1696
|
|
1697
|
+
.resize {
|
1698
|
+
resize: both;
|
1699
|
+
}
|
1700
|
+
|
1630
1701
|
.flex-col {
|
1631
1702
|
flex-direction: column;
|
1632
1703
|
}
|
@@ -1645,12 +1716,29 @@ pre[class*="language-"] {
|
|
1645
1716
|
margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
|
1646
1717
|
}
|
1647
1718
|
|
1719
|
+
.space-x-3 > :not([hidden]) ~ :not([hidden]) {
|
1720
|
+
--tw-space-x-reverse: 0;
|
1721
|
+
margin-right: calc(0.75rem * var(--tw-space-x-reverse));
|
1722
|
+
margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
|
1723
|
+
}
|
1724
|
+
|
1648
1725
|
.space-x-8 > :not([hidden]) ~ :not([hidden]) {
|
1649
1726
|
--tw-space-x-reverse: 0;
|
1650
1727
|
margin-right: calc(2rem * var(--tw-space-x-reverse));
|
1651
1728
|
margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)));
|
1652
1729
|
}
|
1653
1730
|
|
1731
|
+
.divide-y > :not([hidden]) ~ :not([hidden]) {
|
1732
|
+
--tw-divide-y-reverse: 0;
|
1733
|
+
border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
|
1734
|
+
border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
|
1735
|
+
}
|
1736
|
+
|
1737
|
+
.divide-gray-300 > :not([hidden]) ~ :not([hidden]) {
|
1738
|
+
--tw-divide-opacity: 1;
|
1739
|
+
border-color: rgba(209, 213, 219, var(--tw-divide-opacity));
|
1740
|
+
}
|
1741
|
+
|
1654
1742
|
.overflow-auto {
|
1655
1743
|
overflow: auto;
|
1656
1744
|
}
|
@@ -1659,6 +1747,10 @@ pre[class*="language-"] {
|
|
1659
1747
|
overflow: hidden;
|
1660
1748
|
}
|
1661
1749
|
|
1750
|
+
.overflow-y-auto {
|
1751
|
+
overflow-y: auto;
|
1752
|
+
}
|
1753
|
+
|
1662
1754
|
.truncate {
|
1663
1755
|
overflow: hidden;
|
1664
1756
|
text-overflow: ellipsis;
|
@@ -1669,6 +1761,11 @@ pre[class*="language-"] {
|
|
1669
1761
|
white-space: nowrap;
|
1670
1762
|
}
|
1671
1763
|
|
1764
|
+
.rounded-b {
|
1765
|
+
border-bottom-right-radius: 0.25rem;
|
1766
|
+
border-bottom-left-radius: 0.25rem;
|
1767
|
+
}
|
1768
|
+
|
1672
1769
|
.rounded-bl-md {
|
1673
1770
|
border-bottom-left-radius: 0.375rem;
|
1674
1771
|
}
|
@@ -1677,6 +1774,10 @@ pre[class*="language-"] {
|
|
1677
1774
|
border-width: 0px;
|
1678
1775
|
}
|
1679
1776
|
|
1777
|
+
.border {
|
1778
|
+
border-width: 1px;
|
1779
|
+
}
|
1780
|
+
|
1680
1781
|
.border-b {
|
1681
1782
|
border-bottom-width: 1px;
|
1682
1783
|
}
|
@@ -1697,6 +1798,10 @@ pre[class*="language-"] {
|
|
1697
1798
|
border-bottom-width: 2px;
|
1698
1799
|
}
|
1699
1800
|
|
1801
|
+
.border-t-0 {
|
1802
|
+
border-top-width: 0px;
|
1803
|
+
}
|
1804
|
+
|
1700
1805
|
.border-gray-300 {
|
1701
1806
|
--tw-border-opacity: 1;
|
1702
1807
|
border-color: rgba(209, 213, 219, var(--tw-border-opacity));
|
@@ -1721,15 +1826,15 @@ pre[class*="language-"] {
|
|
1721
1826
|
background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
|
1722
1827
|
}
|
1723
1828
|
|
1829
|
+
.bg-transparent {
|
1830
|
+
background-color: transparent;
|
1831
|
+
}
|
1832
|
+
|
1724
1833
|
.bg-gray-50 {
|
1725
1834
|
--tw-bg-opacity: 1;
|
1726
1835
|
background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
|
1727
1836
|
}
|
1728
1837
|
|
1729
|
-
.bg-transparent {
|
1730
|
-
background-color: transparent;
|
1731
|
-
}
|
1732
|
-
|
1733
1838
|
.bg-gray-100 {
|
1734
1839
|
--tw-bg-opacity: 1;
|
1735
1840
|
background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
|
@@ -1752,44 +1857,53 @@ pre[class*="language-"] {
|
|
1752
1857
|
padding: 0.25rem;
|
1753
1858
|
}
|
1754
1859
|
|
1755
|
-
.py-2 {
|
1756
|
-
padding-top: 0.5rem;
|
1757
|
-
padding-bottom: 0.5rem;
|
1758
|
-
}
|
1759
|
-
|
1760
1860
|
.px-4 {
|
1761
1861
|
padding-left: 1rem;
|
1762
1862
|
padding-right: 1rem;
|
1763
1863
|
}
|
1764
1864
|
|
1765
|
-
.px-1 {
|
1766
|
-
padding-left: 0.25rem;
|
1767
|
-
padding-right: 0.25rem;
|
1768
|
-
}
|
1769
|
-
|
1770
1865
|
.py-1 {
|
1771
1866
|
padding-top: 0.25rem;
|
1772
1867
|
padding-bottom: 0.25rem;
|
1773
1868
|
}
|
1774
1869
|
|
1775
|
-
.py-\[
|
1776
|
-
padding-top:
|
1777
|
-
padding-bottom:
|
1870
|
+
.py-\[5px\] {
|
1871
|
+
padding-top: 5px;
|
1872
|
+
padding-bottom: 5px;
|
1873
|
+
}
|
1874
|
+
|
1875
|
+
.py-2 {
|
1876
|
+
padding-top: 0.5rem;
|
1877
|
+
padding-bottom: 0.5rem;
|
1878
|
+
}
|
1879
|
+
|
1880
|
+
.px-1 {
|
1881
|
+
padding-left: 0.25rem;
|
1882
|
+
padding-right: 0.25rem;
|
1778
1883
|
}
|
1779
1884
|
|
1780
|
-
.
|
1781
|
-
padding-
|
1782
|
-
padding-
|
1885
|
+
.px-2 {
|
1886
|
+
padding-left: 0.5rem;
|
1887
|
+
padding-right: 0.5rem;
|
1783
1888
|
}
|
1784
1889
|
|
1785
|
-
.
|
1786
|
-
padding-
|
1890
|
+
.py-0 {
|
1891
|
+
padding-top: 0px;
|
1892
|
+
padding-bottom: 0px;
|
1787
1893
|
}
|
1788
1894
|
|
1789
1895
|
.pr-3 {
|
1790
1896
|
padding-right: 0.75rem;
|
1791
1897
|
}
|
1792
1898
|
|
1899
|
+
.pt-10 {
|
1900
|
+
padding-top: 2.5rem;
|
1901
|
+
}
|
1902
|
+
|
1903
|
+
.pb-8 {
|
1904
|
+
padding-bottom: 2rem;
|
1905
|
+
}
|
1906
|
+
|
1793
1907
|
.text-left {
|
1794
1908
|
text-align: left;
|
1795
1909
|
}
|
@@ -1798,17 +1912,12 @@ pre[class*="language-"] {
|
|
1798
1912
|
text-align: center;
|
1799
1913
|
}
|
1800
1914
|
|
1801
|
-
.font-monospace {
|
1802
|
-
font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
|
1803
|
-
}
|
1804
|
-
|
1805
1915
|
.font-sans {
|
1806
1916
|
font-family: "Nunito Sans", -apple-system, ".SFNSText-Regular", "San Francisco", BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
1807
1917
|
}
|
1808
1918
|
|
1809
|
-
.
|
1810
|
-
font-
|
1811
|
-
line-height: 1.5rem;
|
1919
|
+
.font-monospace {
|
1920
|
+
font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
|
1812
1921
|
}
|
1813
1922
|
|
1814
1923
|
.text-sm {
|
@@ -1821,22 +1930,32 @@ pre[class*="language-"] {
|
|
1821
1930
|
line-height: 1rem;
|
1822
1931
|
}
|
1823
1932
|
|
1933
|
+
.text-base {
|
1934
|
+
font-size: 1rem;
|
1935
|
+
line-height: 1.5rem;
|
1936
|
+
}
|
1937
|
+
|
1938
|
+
.text-\[11px\] {
|
1939
|
+
font-size: 11px;
|
1940
|
+
}
|
1941
|
+
|
1824
1942
|
.font-bold {
|
1825
1943
|
font-weight: 700;
|
1826
1944
|
}
|
1827
1945
|
|
1828
|
-
.
|
1829
|
-
|
1946
|
+
.text-gray-400 {
|
1947
|
+
--tw-text-opacity: 1;
|
1948
|
+
color: rgba(156, 163, 175, var(--tw-text-opacity));
|
1830
1949
|
}
|
1831
1950
|
|
1832
|
-
.text-gray-
|
1951
|
+
.text-gray-500 {
|
1833
1952
|
--tw-text-opacity: 1;
|
1834
|
-
color: rgba(
|
1953
|
+
color: rgba(107, 114, 128, var(--tw-text-opacity));
|
1835
1954
|
}
|
1836
1955
|
|
1837
|
-
.text-gray-
|
1956
|
+
.text-gray-300 {
|
1838
1957
|
--tw-text-opacity: 1;
|
1839
|
-
color: rgba(
|
1958
|
+
color: rgba(209, 213, 219, var(--tw-text-opacity));
|
1840
1959
|
}
|
1841
1960
|
|
1842
1961
|
.text-red-300 {
|
@@ -1849,19 +1968,19 @@ pre[class*="language-"] {
|
|
1849
1968
|
color: rgba(55, 65, 81, var(--tw-text-opacity));
|
1850
1969
|
}
|
1851
1970
|
|
1852
|
-
.text-gray-
|
1971
|
+
.text-gray-800 {
|
1853
1972
|
--tw-text-opacity: 1;
|
1854
|
-
color: rgba(
|
1973
|
+
color: rgba(31, 41, 55, var(--tw-text-opacity));
|
1855
1974
|
}
|
1856
1975
|
|
1857
|
-
.text-
|
1976
|
+
.text-indigo-500 {
|
1858
1977
|
--tw-text-opacity: 1;
|
1859
|
-
color: rgba(
|
1978
|
+
color: rgba(99, 102, 241, var(--tw-text-opacity));
|
1860
1979
|
}
|
1861
1980
|
|
1862
|
-
.text-gray-
|
1981
|
+
.text-gray-900 {
|
1863
1982
|
--tw-text-opacity: 1;
|
1864
|
-
color: rgba(
|
1983
|
+
color: rgba(17, 24, 39, var(--tw-text-opacity));
|
1865
1984
|
}
|
1866
1985
|
|
1867
1986
|
.\!text-gray-300 {
|
@@ -1869,14 +1988,9 @@ pre[class*="language-"] {
|
|
1869
1988
|
color: rgba(209, 213, 219, var(--tw-text-opacity)) !important;
|
1870
1989
|
}
|
1871
1990
|
|
1872
|
-
.text-
|
1873
|
-
--tw-text-opacity: 1;
|
1874
|
-
color: rgba(99, 102, 241, var(--tw-text-opacity));
|
1875
|
-
}
|
1876
|
-
|
1877
|
-
.text-gray-900 {
|
1991
|
+
.text-gray-600 {
|
1878
1992
|
--tw-text-opacity: 1;
|
1879
|
-
color: rgba(
|
1993
|
+
color: rgba(75, 85, 99, var(--tw-text-opacity));
|
1880
1994
|
}
|
1881
1995
|
|
1882
1996
|
.underline {
|
@@ -1901,6 +2015,11 @@ pre[class*="language-"] {
|
|
1901
2015
|
outline-offset: 2px;
|
1902
2016
|
}
|
1903
2017
|
|
2018
|
+
.blur {
|
2019
|
+
--tw-blur: blur(8px);
|
2020
|
+
filter: var(--tw-filter);
|
2021
|
+
}
|
2022
|
+
|
1904
2023
|
.filter {
|
1905
2024
|
filter: var(--tw-filter);
|
1906
2025
|
}
|
@@ -2327,14 +2446,14 @@ pre[class*="language-"] {
|
|
2327
2446
|
--tw-bg-opacity: 0.5;
|
2328
2447
|
}
|
2329
2448
|
|
2330
|
-
.hover\:text-indigo-
|
2449
|
+
.hover\:text-indigo-500:hover {
|
2331
2450
|
--tw-text-opacity: 1;
|
2332
|
-
color: rgba(
|
2451
|
+
color: rgba(99, 102, 241, var(--tw-text-opacity));
|
2333
2452
|
}
|
2334
2453
|
|
2335
|
-
.hover\:text-indigo-
|
2454
|
+
.hover\:text-indigo-800:hover {
|
2336
2455
|
--tw-text-opacity: 1;
|
2337
|
-
color: rgba(
|
2456
|
+
color: rgba(55, 48, 163, var(--tw-text-opacity));
|
2338
2457
|
}
|
2339
2458
|
|
2340
2459
|
.hover\:text-gray-700:hover {
|
@@ -2357,3 +2476,38 @@ pre[class*="language-"] {
|
|
2357
2476
|
--tw-text-opacity: 1;
|
2358
2477
|
color: rgba(55, 48, 163, var(--tw-text-opacity));
|
2359
2478
|
}
|
2479
|
+
|
2480
|
+
@media (min-width: 768px) {
|
2481
|
+
.md\:-mx-px {
|
2482
|
+
margin-left: -1px;
|
2483
|
+
margin-right: -1px;
|
2484
|
+
}
|
2485
|
+
|
2486
|
+
.md\:ml-3 {
|
2487
|
+
margin-left: 0.75rem;
|
2488
|
+
}
|
2489
|
+
|
2490
|
+
.md\:grid {
|
2491
|
+
display: grid;
|
2492
|
+
}
|
2493
|
+
|
2494
|
+
.md\:h-auto {
|
2495
|
+
height: auto;
|
2496
|
+
}
|
2497
|
+
|
2498
|
+
.md\:min-h-0 {
|
2499
|
+
min-height: 0px;
|
2500
|
+
}
|
2501
|
+
|
2502
|
+
.md\:border-l {
|
2503
|
+
border-left-width: 1px;
|
2504
|
+
}
|
2505
|
+
|
2506
|
+
.md\:pl-3 {
|
2507
|
+
padding-left: 0.75rem;
|
2508
|
+
}
|
2509
|
+
|
2510
|
+
.md\:pr-4 {
|
2511
|
+
padding-right: 1rem;
|
2512
|
+
}
|
2513
|
+
}
|