lookbook 0.3.1 → 0.3.5
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/app/controllers/lookbook/app_controller.rb +3 -3
- data/app/views/lookbook/app/index.html.erb +2 -2
- data/app/views/lookbook/app/show.html.erb +1 -1
- data/app/views/lookbook/layouts/app.html.erb +3 -3
- data/app/views/lookbook/nav/_collection.html.erb +4 -4
- data/app/views/lookbook/nav/_node.html.erb +2 -2
- data/app/views/lookbook/nav/_preview.html.erb +4 -4
- data/app/views/lookbook/shared/_header.html.erb +1 -1
- data/app/views/lookbook/{_sidebar.html.erb → shared/_sidebar.html.erb} +3 -3
- data/app/views/lookbook/{_workbench.html.erb → shared/_workbench.html.erb} +5 -5
- data/app/views/lookbook/workbench/_header.html.erb +2 -2
- data/app/views/lookbook/workbench/_inspector.html.erb +3 -3
- data/lib/lookbook/collection.rb +3 -3
- data/lib/lookbook/engine.rb +14 -4
- data/lib/lookbook/null_logger.rb +47 -0
- data/lib/lookbook/parser.rb +1 -1
- data/lib/lookbook/preview.rb +1 -3
- data/lib/lookbook/taggable.rb +5 -3
- 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 +102 -87
- data/public/lookbook-assets/app.js +329 -212
- metadata +5 -5
- data/lib/lookbook/navigation.rb +0 -68
@@ -1,4 +1,4 @@
|
|
1
|
-
/*! tailwindcss v2.2.
|
1
|
+
/*! tailwindcss v2.2.17 | 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
|
}
|
@@ -627,6 +639,7 @@ video {
|
|
627
639
|
padding-left: 0.75rem;
|
628
640
|
font-size: 1rem;
|
629
641
|
line-height: 1.5rem;
|
642
|
+
--tw-shadow: 0 0 #0000;
|
630
643
|
}
|
631
644
|
|
632
645
|
[type='text']:focus, [type='email']:focus, [type='url']:focus, [type='password']:focus, [type='number']:focus, [type='date']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='week']:focus, [multiple]:focus, textarea:focus, select:focus {
|
@@ -638,7 +651,7 @@ video {
|
|
638
651
|
--tw-ring-color: #2563eb;
|
639
652
|
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
640
653
|
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
641
|
-
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow
|
654
|
+
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
642
655
|
border-color: #2563eb;
|
643
656
|
}
|
644
657
|
|
@@ -706,6 +719,7 @@ select {
|
|
706
719
|
background-color: #fff;
|
707
720
|
border-color: #6b7280;
|
708
721
|
border-width: 1px;
|
722
|
+
--tw-shadow: 0 0 #0000;
|
709
723
|
}
|
710
724
|
|
711
725
|
[type='checkbox'] {
|
@@ -725,7 +739,7 @@ select {
|
|
725
739
|
--tw-ring-color: #2563eb;
|
726
740
|
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
727
741
|
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
728
|
-
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow
|
742
|
+
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
729
743
|
}
|
730
744
|
|
731
745
|
[type='checkbox']:checked,[type='radio']:checked {
|
@@ -1456,28 +1470,28 @@ pre[class*="language-"] {
|
|
1456
1470
|
bottom: 0px;
|
1457
1471
|
}
|
1458
1472
|
|
1459
|
-
.top-
|
1460
|
-
top:
|
1461
|
-
}
|
1462
|
-
|
1463
|
-
.right-2 {
|
1464
|
-
right: 0.5rem;
|
1473
|
+
.top-0 {
|
1474
|
+
top: 0px;
|
1465
1475
|
}
|
1466
1476
|
|
1467
|
-
.
|
1468
|
-
|
1477
|
+
.bottom-0 {
|
1478
|
+
bottom: 0px;
|
1469
1479
|
}
|
1470
1480
|
|
1471
1481
|
.right-0 {
|
1472
1482
|
right: 0px;
|
1473
1483
|
}
|
1474
1484
|
|
1475
|
-
.top-
|
1476
|
-
top:
|
1485
|
+
.top-1\/2 {
|
1486
|
+
top: 50%;
|
1477
1487
|
}
|
1478
1488
|
|
1479
|
-
.
|
1480
|
-
|
1489
|
+
.right-2 {
|
1490
|
+
right: 0.5rem;
|
1491
|
+
}
|
1492
|
+
|
1493
|
+
.left-0 {
|
1494
|
+
left: 0px;
|
1481
1495
|
}
|
1482
1496
|
|
1483
1497
|
.left-4 {
|
@@ -1493,14 +1507,6 @@ pre[class*="language-"] {
|
|
1493
1507
|
margin-right: auto;
|
1494
1508
|
}
|
1495
1509
|
|
1496
|
-
.ml-4 {
|
1497
|
-
margin-left: 1rem;
|
1498
|
-
}
|
1499
|
-
|
1500
|
-
.mb-1 {
|
1501
|
-
margin-bottom: 0.25rem;
|
1502
|
-
}
|
1503
|
-
|
1504
1510
|
.mt-4 {
|
1505
1511
|
margin-top: 1rem;
|
1506
1512
|
}
|
@@ -1529,6 +1535,14 @@ pre[class*="language-"] {
|
|
1529
1535
|
margin-right: 0.75rem;
|
1530
1536
|
}
|
1531
1537
|
|
1538
|
+
.ml-4 {
|
1539
|
+
margin-left: 1rem;
|
1540
|
+
}
|
1541
|
+
|
1542
|
+
.mb-1 {
|
1543
|
+
margin-bottom: 0.25rem;
|
1544
|
+
}
|
1545
|
+
|
1532
1546
|
.ml-auto {
|
1533
1547
|
margin-left: auto;
|
1534
1548
|
}
|
@@ -1553,6 +1567,10 @@ pre[class*="language-"] {
|
|
1553
1567
|
display: none;
|
1554
1568
|
}
|
1555
1569
|
|
1570
|
+
.h-screen {
|
1571
|
+
height: 100vh;
|
1572
|
+
}
|
1573
|
+
|
1556
1574
|
.h-full {
|
1557
1575
|
height: 100%;
|
1558
1576
|
}
|
@@ -1561,40 +1579,28 @@ pre[class*="language-"] {
|
|
1561
1579
|
height: 2.5rem;
|
1562
1580
|
}
|
1563
1581
|
|
1564
|
-
.h-5 {
|
1565
|
-
height:
|
1582
|
+
.h-3\.5 {
|
1583
|
+
height: 0.875rem;
|
1566
1584
|
}
|
1567
1585
|
|
1568
1586
|
.h-3 {
|
1569
1587
|
height: 0.75rem;
|
1570
1588
|
}
|
1571
1589
|
|
1572
|
-
.h-screen {
|
1573
|
-
height: 100vh;
|
1574
|
-
}
|
1575
|
-
|
1576
|
-
.h-\[11px\] {
|
1577
|
-
height: 11px;
|
1578
|
-
}
|
1579
|
-
|
1580
|
-
.h-3\.5 {
|
1581
|
-
height: 0.875rem;
|
1582
|
-
}
|
1583
|
-
|
1584
1590
|
.h-4 {
|
1585
1591
|
height: 1rem;
|
1586
1592
|
}
|
1587
1593
|
|
1588
|
-
.
|
1589
|
-
|
1594
|
+
.h-5 {
|
1595
|
+
height: 1.25rem;
|
1590
1596
|
}
|
1591
1597
|
|
1592
|
-
.
|
1593
|
-
|
1598
|
+
.h-\[11px\] {
|
1599
|
+
height: 11px;
|
1594
1600
|
}
|
1595
1601
|
|
1596
|
-
.w-
|
1597
|
-
width:
|
1602
|
+
.w-full {
|
1603
|
+
width: 100%;
|
1598
1604
|
}
|
1599
1605
|
|
1600
1606
|
.w-10 {
|
@@ -1613,10 +1619,18 @@ pre[class*="language-"] {
|
|
1613
1619
|
width: 0.875rem;
|
1614
1620
|
}
|
1615
1621
|
|
1622
|
+
.w-3 {
|
1623
|
+
width: 0.75rem;
|
1624
|
+
}
|
1625
|
+
|
1616
1626
|
.w-4 {
|
1617
1627
|
width: 1rem;
|
1618
1628
|
}
|
1619
1629
|
|
1630
|
+
.w-5 {
|
1631
|
+
width: 1.25rem;
|
1632
|
+
}
|
1633
|
+
|
1620
1634
|
.max-w-xs {
|
1621
1635
|
max-width: 20rem;
|
1622
1636
|
}
|
@@ -1633,22 +1647,18 @@ pre[class*="language-"] {
|
|
1633
1647
|
flex-grow: 1;
|
1634
1648
|
}
|
1635
1649
|
|
1636
|
-
.-translate-y-1\/2 {
|
1637
|
-
--tw-translate-y: -50%;
|
1638
|
-
transform: var(--tw-transform);
|
1639
|
-
}
|
1640
|
-
|
1641
1650
|
.-translate-x-1\/2 {
|
1642
1651
|
--tw-translate-x: -50%;
|
1643
1652
|
transform: var(--tw-transform);
|
1644
1653
|
}
|
1645
1654
|
|
1646
|
-
|
1655
|
+
.-translate-y-1\/2 {
|
1656
|
+
--tw-translate-y: -50%;
|
1647
1657
|
transform: var(--tw-transform);
|
1648
1658
|
}
|
1649
1659
|
|
1650
|
-
.
|
1651
|
-
|
1660
|
+
.transform {
|
1661
|
+
transform: var(--tw-transform);
|
1652
1662
|
}
|
1653
1663
|
|
1654
1664
|
.cursor-\[col-resize\] {
|
@@ -1659,6 +1669,10 @@ pre[class*="language-"] {
|
|
1659
1669
|
cursor: pointer;
|
1660
1670
|
}
|
1661
1671
|
|
1672
|
+
.cursor-\[row-resize\] {
|
1673
|
+
cursor: row-resize;
|
1674
|
+
}
|
1675
|
+
|
1662
1676
|
.cursor-auto {
|
1663
1677
|
cursor: auto;
|
1664
1678
|
}
|
@@ -1754,22 +1768,22 @@ pre[class*="language-"] {
|
|
1754
1768
|
border-width: 1px;
|
1755
1769
|
}
|
1756
1770
|
|
1757
|
-
.border-b {
|
1758
|
-
border-bottom-width: 1px;
|
1759
|
-
}
|
1760
|
-
|
1761
|
-
.border-t {
|
1762
|
-
border-top-width: 1px;
|
1763
|
-
}
|
1764
|
-
|
1765
1771
|
.border-r {
|
1766
1772
|
border-right-width: 1px;
|
1767
1773
|
}
|
1768
1774
|
|
1775
|
+
.border-b {
|
1776
|
+
border-bottom-width: 1px;
|
1777
|
+
}
|
1778
|
+
|
1769
1779
|
.border-l {
|
1770
1780
|
border-left-width: 1px;
|
1771
1781
|
}
|
1772
1782
|
|
1783
|
+
.border-t {
|
1784
|
+
border-top-width: 1px;
|
1785
|
+
}
|
1786
|
+
|
1773
1787
|
.border-b-2 {
|
1774
1788
|
border-bottom-width: 2px;
|
1775
1789
|
}
|
@@ -1802,25 +1816,25 @@ pre[class*="language-"] {
|
|
1802
1816
|
background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
|
1803
1817
|
}
|
1804
1818
|
|
1805
|
-
.bg-transparent {
|
1806
|
-
background-color: transparent;
|
1807
|
-
}
|
1808
|
-
|
1809
|
-
.bg-gray-50 {
|
1810
|
-
--tw-bg-opacity: 1;
|
1811
|
-
background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
|
1812
|
-
}
|
1813
|
-
|
1814
1819
|
.bg-gray-100 {
|
1815
1820
|
--tw-bg-opacity: 1;
|
1816
1821
|
background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
|
1817
1822
|
}
|
1818
1823
|
|
1824
|
+
.bg-transparent {
|
1825
|
+
background-color: transparent;
|
1826
|
+
}
|
1827
|
+
|
1819
1828
|
.\!bg-indigo-100 {
|
1820
1829
|
--tw-bg-opacity: 1 !important;
|
1821
1830
|
background-color: rgba(224, 231, 255, var(--tw-bg-opacity)) !important;
|
1822
1831
|
}
|
1823
1832
|
|
1833
|
+
.bg-gray-50 {
|
1834
|
+
--tw-bg-opacity: 1;
|
1835
|
+
background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
|
1836
|
+
}
|
1837
|
+
|
1824
1838
|
.p-4 {
|
1825
1839
|
padding: 1rem;
|
1826
1840
|
}
|
@@ -1833,11 +1847,6 @@ pre[class*="language-"] {
|
|
1833
1847
|
padding: 0.25rem;
|
1834
1848
|
}
|
1835
1849
|
|
1836
|
-
.px-4 {
|
1837
|
-
padding-left: 1rem;
|
1838
|
-
padding-right: 1rem;
|
1839
|
-
}
|
1840
|
-
|
1841
1850
|
.py-\[5px\] {
|
1842
1851
|
padding-top: 5px;
|
1843
1852
|
padding-bottom: 5px;
|
@@ -1853,6 +1862,11 @@ pre[class*="language-"] {
|
|
1853
1862
|
padding-bottom: 0.5rem;
|
1854
1863
|
}
|
1855
1864
|
|
1865
|
+
.px-4 {
|
1866
|
+
padding-left: 1rem;
|
1867
|
+
padding-right: 1rem;
|
1868
|
+
}
|
1869
|
+
|
1856
1870
|
.px-1 {
|
1857
1871
|
padding-left: 0.25rem;
|
1858
1872
|
padding-right: 0.25rem;
|
@@ -1896,6 +1910,11 @@ pre[class*="language-"] {
|
|
1896
1910
|
font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
|
1897
1911
|
}
|
1898
1912
|
|
1913
|
+
.text-base {
|
1914
|
+
font-size: 1rem;
|
1915
|
+
line-height: 1.5rem;
|
1916
|
+
}
|
1917
|
+
|
1899
1918
|
.text-sm {
|
1900
1919
|
font-size: 0.875rem;
|
1901
1920
|
line-height: 1.25rem;
|
@@ -1906,11 +1925,6 @@ pre[class*="language-"] {
|
|
1906
1925
|
line-height: 1rem;
|
1907
1926
|
}
|
1908
1927
|
|
1909
|
-
.text-base {
|
1910
|
-
font-size: 1rem;
|
1911
|
-
line-height: 1.5rem;
|
1912
|
-
}
|
1913
|
-
|
1914
1928
|
.text-\[11px\] {
|
1915
1929
|
font-size: 11px;
|
1916
1930
|
}
|
@@ -1919,19 +1933,14 @@ pre[class*="language-"] {
|
|
1919
1933
|
font-weight: 700;
|
1920
1934
|
}
|
1921
1935
|
|
1922
|
-
.text-gray-
|
1923
|
-
--tw-text-opacity: 1;
|
1924
|
-
color: rgba(156, 163, 175, var(--tw-text-opacity));
|
1925
|
-
}
|
1926
|
-
|
1927
|
-
.text-gray-500 {
|
1936
|
+
.text-gray-300 {
|
1928
1937
|
--tw-text-opacity: 1;
|
1929
|
-
color: rgba(
|
1938
|
+
color: rgba(209, 213, 219, var(--tw-text-opacity));
|
1930
1939
|
}
|
1931
1940
|
|
1932
|
-
.text-gray-
|
1941
|
+
.text-gray-400 {
|
1933
1942
|
--tw-text-opacity: 1;
|
1934
|
-
color: rgba(
|
1943
|
+
color: rgba(156, 163, 175, var(--tw-text-opacity));
|
1935
1944
|
}
|
1936
1945
|
|
1937
1946
|
.text-red-300 {
|
@@ -1944,6 +1953,11 @@ pre[class*="language-"] {
|
|
1944
1953
|
color: rgba(55, 65, 81, var(--tw-text-opacity));
|
1945
1954
|
}
|
1946
1955
|
|
1956
|
+
.text-gray-500 {
|
1957
|
+
--tw-text-opacity: 1;
|
1958
|
+
color: rgba(107, 114, 128, var(--tw-text-opacity));
|
1959
|
+
}
|
1960
|
+
|
1947
1961
|
.text-gray-800 {
|
1948
1962
|
--tw-text-opacity: 1;
|
1949
1963
|
color: rgba(31, 41, 55, var(--tw-text-opacity));
|
@@ -2023,6 +2037,7 @@ pre[class*="language-"] {
|
|
2023
2037
|
border-radius:4px;
|
2024
2038
|
font-size:14px;
|
2025
2039
|
line-height:1.4;
|
2040
|
+
white-space:normal;
|
2026
2041
|
outline:0;
|
2027
2042
|
transition-property:transform,visibility,opacity
|
2028
2043
|
}
|