lookbook 2.0.0.beta.1 → 2.0.0.beta.2
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/app/components/lookbook/embed_code_dropdown/component.html.erb +4 -1
- data/app/components/lookbook/embed_code_dropdown/component.rb +3 -2
- data/app/controllers/concerns/lookbook/targetable_concern.rb +3 -2
- data/app/controllers/lookbook/previews_controller.rb +6 -1
- data/app/views/layouts/lookbook/application.html.erb +1 -1
- data/app/views/lookbook/inspector/show.html.erb +10 -7
- data/config/app.yml +2 -1
- data/config/routes.rb +4 -2
- data/lib/lookbook/engine.rb +16 -1
- data/lib/lookbook/entities/scenario_group_entity.rb +1 -1
- data/lib/lookbook/helpers/preview_helper.rb +4 -0
- data/lib/lookbook/version.rb +1 -1
- data/public/lookbook-assets/css/lookbook.css +385 -383
- data/public/lookbook-assets/css/lookbook.css.map +1 -1
- data/public/lookbook-assets/js/index.js +48 -48
- data/public/lookbook-assets/js/index.js.map +1 -1
- metadata +2 -2
@@ -27,6 +27,7 @@ hr {
|
|
27
27
|
}
|
28
28
|
|
29
29
|
abbr:where([title]) {
|
30
|
+
-webkit-text-decoration: underline dotted;
|
30
31
|
text-decoration: underline dotted;
|
31
32
|
}
|
32
33
|
|
@@ -37,6 +38,7 @@ h1, h2, h3, h4, h5, h6 {
|
|
37
38
|
|
38
39
|
a {
|
39
40
|
color: inherit;
|
41
|
+
-webkit-text-decoration: inherit;
|
40
42
|
text-decoration: inherit;
|
41
43
|
}
|
42
44
|
|
@@ -371,7 +373,7 @@ pre[class*="language-"] {
|
|
371
373
|
background-color: var(--lookbook-scrollbar);
|
372
374
|
background-clip: content-box;
|
373
375
|
border-radius: 9999px;
|
374
|
-
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
|
376
|
+
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke;
|
375
377
|
transition-duration: .15s;
|
376
378
|
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
|
377
379
|
}
|
@@ -1421,7 +1423,7 @@ pre[class*="language-"] {
|
|
1421
1423
|
[data-component="icon"] {
|
1422
1424
|
flex: none;
|
1423
1425
|
line-height: 1;
|
1424
|
-
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter, backdrop-filter;
|
1426
|
+
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter, backdrop-filter;
|
1425
1427
|
transition-duration: .15s;
|
1426
1428
|
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
|
1427
1429
|
display: block;
|
@@ -1451,7 +1453,7 @@ pre[class*="language-"] {
|
|
1451
1453
|
align-items: center;
|
1452
1454
|
padding-top: .25rem;
|
1453
1455
|
padding-bottom: .25rem;
|
1454
|
-
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter, backdrop-filter;
|
1456
|
+
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter, backdrop-filter;
|
1455
1457
|
transition-duration: .15s;
|
1456
1458
|
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
|
1457
1459
|
display: flex;
|
@@ -1616,7 +1618,7 @@ pre[class*="language-"] {
|
|
1616
1618
|
-webkit-user-select: none;
|
1617
1619
|
user-select: none;
|
1618
1620
|
color: var(--lookbook-viewport-handle-icon-stroke);
|
1619
|
-
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter, backdrop-filter;
|
1621
|
+
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter, backdrop-filter;
|
1620
1622
|
transition-duration: .15s;
|
1621
1623
|
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
|
1622
1624
|
}
|
@@ -1753,36 +1755,32 @@ select.compact {
|
|
1753
1755
|
position: sticky;
|
1754
1756
|
}
|
1755
1757
|
|
1756
|
-
.inset-0 {
|
1757
|
-
inset: 0;
|
1758
|
-
}
|
1759
|
-
|
1760
1758
|
.-inset-px {
|
1761
1759
|
inset: -1px;
|
1762
1760
|
}
|
1763
1761
|
|
1764
|
-
.
|
1765
|
-
|
1762
|
+
.inset-0 {
|
1763
|
+
inset: 0;
|
1766
1764
|
}
|
1767
1765
|
|
1768
|
-
|
1769
|
-
|
1766
|
+
.-bottom-px {
|
1767
|
+
bottom: -1px;
|
1770
1768
|
}
|
1771
1769
|
|
1772
|
-
|
1773
|
-
|
1770
|
+
.-left-px {
|
1771
|
+
left: -1px;
|
1774
1772
|
}
|
1775
1773
|
|
1776
|
-
|
1777
|
-
top:
|
1774
|
+
.-top-px {
|
1775
|
+
top: -1px;
|
1778
1776
|
}
|
1779
1777
|
|
1780
|
-
.
|
1781
|
-
|
1778
|
+
.bottom-0 {
|
1779
|
+
bottom: 0;
|
1782
1780
|
}
|
1783
1781
|
|
1784
|
-
.
|
1785
|
-
|
1782
|
+
.right-0 {
|
1783
|
+
right: 0;
|
1786
1784
|
}
|
1787
1785
|
|
1788
1786
|
.right-3 {
|
@@ -1793,12 +1791,12 @@ select.compact {
|
|
1793
1791
|
right: 18px;
|
1794
1792
|
}
|
1795
1793
|
|
1796
|
-
|
1797
|
-
top:
|
1794
|
+
.top-0 {
|
1795
|
+
top: 0;
|
1798
1796
|
}
|
1799
1797
|
|
1800
|
-
|
1801
|
-
|
1798
|
+
.top-1\/2 {
|
1799
|
+
top: 50%;
|
1802
1800
|
}
|
1803
1801
|
|
1804
1802
|
.top-\[-1px\] {
|
@@ -1809,33 +1807,32 @@ select.compact {
|
|
1809
1807
|
top: 2px;
|
1810
1808
|
}
|
1811
1809
|
|
1812
|
-
|
1813
|
-
|
1814
|
-
}
|
1815
|
-
|
1816
|
-
.z-50 {
|
1817
|
-
z-index: 50;
|
1810
|
+
.top-\[39px\] {
|
1811
|
+
top: 39px;
|
1818
1812
|
}
|
1819
1813
|
|
1820
|
-
.
|
1821
|
-
|
1814
|
+
.top-\[40px\] {
|
1815
|
+
top: 40px;
|
1822
1816
|
}
|
1823
1817
|
|
1824
1818
|
.\!z-40 {
|
1825
1819
|
z-index: 40 !important;
|
1826
1820
|
}
|
1827
1821
|
|
1822
|
+
.z-0 {
|
1823
|
+
z-index: 0;
|
1824
|
+
}
|
1825
|
+
|
1828
1826
|
.z-10 {
|
1829
1827
|
z-index: 10;
|
1830
1828
|
}
|
1831
1829
|
|
1832
|
-
.z-
|
1833
|
-
z-index:
|
1830
|
+
.z-50 {
|
1831
|
+
z-index: 50;
|
1834
1832
|
}
|
1835
1833
|
|
1836
|
-
.
|
1837
|
-
|
1838
|
-
margin-right: auto;
|
1834
|
+
.z-\[-1\] {
|
1835
|
+
z-index: -1;
|
1839
1836
|
}
|
1840
1837
|
|
1841
1838
|
.mx-8 {
|
@@ -1843,32 +1840,45 @@ select.compact {
|
|
1843
1840
|
margin-right: 2rem;
|
1844
1841
|
}
|
1845
1842
|
|
1846
|
-
.
|
1847
|
-
margin-
|
1843
|
+
.mx-auto {
|
1844
|
+
margin-left: auto;
|
1845
|
+
margin-right: auto;
|
1848
1846
|
}
|
1849
1847
|
|
1850
|
-
|
1851
|
-
margin-
|
1848
|
+
.\!ml-2 {
|
1849
|
+
margin-left: .5rem !important;
|
1852
1850
|
}
|
1853
1851
|
|
1854
|
-
|
1855
|
-
margin-
|
1852
|
+
.-ml-3 {
|
1853
|
+
margin-left: -.75rem;
|
1854
|
+
}
|
1855
|
+
|
1856
|
+
.-mt-px {
|
1857
|
+
margin-top: -1px;
|
1856
1858
|
}
|
1857
1859
|
|
1858
1860
|
.mb-2 {
|
1859
1861
|
margin-bottom: .5rem;
|
1860
1862
|
}
|
1861
1863
|
|
1862
|
-
.
|
1863
|
-
margin-
|
1864
|
+
.mb-3 {
|
1865
|
+
margin-bottom: .75rem;
|
1864
1866
|
}
|
1865
1867
|
|
1866
|
-
.
|
1867
|
-
margin-
|
1868
|
+
.mb-4 {
|
1869
|
+
margin-bottom: 1rem;
|
1868
1870
|
}
|
1869
1871
|
|
1870
|
-
.
|
1871
|
-
margin-
|
1872
|
+
.mb-6 {
|
1873
|
+
margin-bottom: 1.5rem;
|
1874
|
+
}
|
1875
|
+
|
1876
|
+
.mb-8 {
|
1877
|
+
margin-bottom: 2rem;
|
1878
|
+
}
|
1879
|
+
|
1880
|
+
.mb-\[-2px\] {
|
1881
|
+
margin-bottom: -2px;
|
1872
1882
|
}
|
1873
1883
|
|
1874
1884
|
.ml-2 {
|
@@ -1879,60 +1889,52 @@ select.compact {
|
|
1879
1889
|
margin-left: auto;
|
1880
1890
|
}
|
1881
1891
|
|
1882
|
-
.mr-
|
1883
|
-
margin-right:
|
1892
|
+
.mr-0 {
|
1893
|
+
margin-right: 0;
|
1884
1894
|
}
|
1885
1895
|
|
1886
|
-
.
|
1887
|
-
margin-
|
1896
|
+
.mr-0\.5 {
|
1897
|
+
margin-right: .125rem;
|
1888
1898
|
}
|
1889
1899
|
|
1890
1900
|
.mr-1 {
|
1891
1901
|
margin-right: .25rem;
|
1892
1902
|
}
|
1893
1903
|
|
1894
|
-
.mr-
|
1895
|
-
margin-right:
|
1896
|
-
}
|
1897
|
-
|
1898
|
-
.mb-3 {
|
1899
|
-
margin-bottom: .75rem;
|
1900
|
-
}
|
1901
|
-
|
1902
|
-
.-mt-px {
|
1903
|
-
margin-top: -1px;
|
1904
|
+
.mr-1\.5 {
|
1905
|
+
margin-right: .375rem;
|
1904
1906
|
}
|
1905
1907
|
|
1906
|
-
.
|
1907
|
-
margin-
|
1908
|
+
.mr-2 {
|
1909
|
+
margin-right: .5rem;
|
1908
1910
|
}
|
1909
1911
|
|
1910
|
-
|
1911
|
-
margin-
|
1912
|
+
.mr-6 {
|
1913
|
+
margin-right: 1.5rem;
|
1912
1914
|
}
|
1913
1915
|
|
1914
1916
|
.mr-auto {
|
1915
1917
|
margin-right: auto;
|
1916
1918
|
}
|
1917
1919
|
|
1918
|
-
|
1919
|
-
margin-
|
1920
|
+
.mt-12 {
|
1921
|
+
margin-top: 3rem;
|
1920
1922
|
}
|
1921
1923
|
|
1922
|
-
.
|
1923
|
-
margin-
|
1924
|
+
.mt-2 {
|
1925
|
+
margin-top: .5rem;
|
1924
1926
|
}
|
1925
1927
|
|
1926
|
-
.
|
1927
|
-
margin-
|
1928
|
+
.mt-3 {
|
1929
|
+
margin-top: .75rem;
|
1928
1930
|
}
|
1929
1931
|
|
1930
|
-
.
|
1931
|
-
margin-
|
1932
|
+
.mt-6 {
|
1933
|
+
margin-top: 1.5rem;
|
1932
1934
|
}
|
1933
1935
|
|
1934
|
-
.
|
1935
|
-
margin-
|
1936
|
+
.mt-8 {
|
1937
|
+
margin-top: 2rem;
|
1936
1938
|
}
|
1937
1939
|
|
1938
1940
|
.\!block {
|
@@ -1975,52 +1977,52 @@ select.compact {
|
|
1975
1977
|
display: none;
|
1976
1978
|
}
|
1977
1979
|
|
1978
|
-
.h-
|
1979
|
-
height:
|
1980
|
+
.h-10 {
|
1981
|
+
height: 2.5rem;
|
1980
1982
|
}
|
1981
1983
|
|
1982
|
-
.h-
|
1983
|
-
height:
|
1984
|
+
.h-3 {
|
1985
|
+
height: .75rem;
|
1984
1986
|
}
|
1985
1987
|
|
1986
|
-
.h
|
1987
|
-
height:
|
1988
|
+
.h-3\.5 {
|
1989
|
+
height: .875rem;
|
1988
1990
|
}
|
1989
1991
|
|
1990
|
-
.h
|
1991
|
-
height:
|
1992
|
+
.h-4 {
|
1993
|
+
height: 1rem;
|
1992
1994
|
}
|
1993
1995
|
|
1994
|
-
.h
|
1995
|
-
height:
|
1996
|
+
.h-5 {
|
1997
|
+
height: 1.25rem;
|
1996
1998
|
}
|
1997
1999
|
|
1998
2000
|
.h-6 {
|
1999
2001
|
height: 1.5rem;
|
2000
2002
|
}
|
2001
2003
|
|
2002
|
-
.h
|
2003
|
-
height:
|
2004
|
+
.h-\[9px\] {
|
2005
|
+
height: 9px;
|
2004
2006
|
}
|
2005
2007
|
|
2006
|
-
.h-
|
2007
|
-
height:
|
2008
|
+
.h-\[calc\(100\%_-_40px\)\] {
|
2009
|
+
height: calc(100% - 40px);
|
2008
2010
|
}
|
2009
2011
|
|
2010
|
-
.h-
|
2011
|
-
height: .
|
2012
|
+
.h-\[calc\(100vh_-_2\.5rem\)\] {
|
2013
|
+
height: calc(100vh - 2.5rem);
|
2012
2014
|
}
|
2013
2015
|
|
2014
|
-
.h-\[
|
2015
|
-
height:
|
2016
|
+
.h-\[calc\(100vh_-_40px\)\] {
|
2017
|
+
height: calc(100vh - 40px);
|
2016
2018
|
}
|
2017
2019
|
|
2018
|
-
.h-
|
2019
|
-
height:
|
2020
|
+
.h-full {
|
2021
|
+
height: 100%;
|
2020
2022
|
}
|
2021
2023
|
|
2022
|
-
.h-
|
2023
|
-
height:
|
2024
|
+
.h-screen {
|
2025
|
+
height: 100vh;
|
2024
2026
|
}
|
2025
2027
|
|
2026
2028
|
.max-h-full {
|
@@ -2031,60 +2033,52 @@ select.compact {
|
|
2031
2033
|
min-height: 0;
|
2032
2034
|
}
|
2033
2035
|
|
2034
|
-
.w-
|
2035
|
-
width:
|
2036
|
+
.w-11 {
|
2037
|
+
width: 2.75rem;
|
2036
2038
|
}
|
2037
2039
|
|
2038
|
-
.w
|
2039
|
-
width:
|
2040
|
+
.w-3 {
|
2041
|
+
width: .75rem;
|
2040
2042
|
}
|
2041
2043
|
|
2042
|
-
.w-
|
2043
|
-
width:
|
2044
|
+
.w-3\.5 {
|
2045
|
+
width: .875rem;
|
2044
2046
|
}
|
2045
2047
|
|
2046
|
-
.w-
|
2047
|
-
width:
|
2048
|
+
.w-4 {
|
2049
|
+
width: 1rem;
|
2048
2050
|
}
|
2049
2051
|
|
2050
2052
|
.w-5 {
|
2051
2053
|
width: 1.25rem;
|
2052
2054
|
}
|
2053
2055
|
|
2054
|
-
.w-\[
|
2055
|
-
width:
|
2056
|
-
}
|
2057
|
-
|
2058
|
-
.w-3\.5 {
|
2059
|
-
width: .875rem;
|
2056
|
+
.w-\[140px\] {
|
2057
|
+
width: 140px;
|
2060
2058
|
}
|
2061
2059
|
|
2062
|
-
.w
|
2063
|
-
width:
|
2060
|
+
.w-\[320px\] {
|
2061
|
+
width: 320px;
|
2064
2062
|
}
|
2065
2063
|
|
2066
2064
|
.w-\[9px\] {
|
2067
2065
|
width: 9px;
|
2068
2066
|
}
|
2069
2067
|
|
2070
|
-
.w-
|
2071
|
-
width:
|
2068
|
+
.w-full {
|
2069
|
+
width: 100%;
|
2072
2070
|
}
|
2073
2071
|
|
2074
|
-
.
|
2075
|
-
|
2072
|
+
.w-screen {
|
2073
|
+
width: 100vw;
|
2076
2074
|
}
|
2077
2075
|
|
2078
2076
|
.min-w-0 {
|
2079
2077
|
min-width: 0;
|
2080
2078
|
}
|
2081
2079
|
|
2082
|
-
.
|
2083
|
-
|
2084
|
-
}
|
2085
|
-
|
2086
|
-
.max-w-screen-lg {
|
2087
|
-
max-width: 1024px;
|
2080
|
+
.min-w-\[180px\] {
|
2081
|
+
min-width: 180px;
|
2088
2082
|
}
|
2089
2083
|
|
2090
2084
|
.max-w-\[420px\] {
|
@@ -2095,6 +2089,14 @@ select.compact {
|
|
2095
2089
|
max-width: none;
|
2096
2090
|
}
|
2097
2091
|
|
2092
|
+
.max-w-screen-lg {
|
2093
|
+
max-width: 1024px;
|
2094
|
+
}
|
2095
|
+
|
2096
|
+
.max-w-sm {
|
2097
|
+
max-width: 24rem;
|
2098
|
+
}
|
2099
|
+
|
2098
2100
|
.flex-none {
|
2099
2101
|
flex: none;
|
2100
2102
|
}
|
@@ -2107,28 +2109,28 @@ select.compact {
|
|
2107
2109
|
border-collapse: collapse;
|
2108
2110
|
}
|
2109
2111
|
|
2110
|
-
|
2111
|
-
--tw-translate-x:
|
2112
|
+
.-translate-x-1\/2 {
|
2113
|
+
--tw-translate-x: -50%;
|
2112
2114
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
2113
2115
|
}
|
2114
2116
|
|
2115
|
-
|
2116
|
-
--tw-translate-
|
2117
|
+
.-translate-y-1\/2 {
|
2118
|
+
--tw-translate-y: -50%;
|
2117
2119
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
2118
2120
|
}
|
2119
2121
|
|
2120
|
-
.translate-x-
|
2121
|
-
--tw-translate-x:
|
2122
|
+
.translate-x-0 {
|
2123
|
+
--tw-translate-x: 0px;
|
2122
2124
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
2123
2125
|
}
|
2124
2126
|
|
2125
|
-
|
2126
|
-
--tw-translate-
|
2127
|
+
.translate-x-5 {
|
2128
|
+
--tw-translate-x: 1.25rem;
|
2127
2129
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
2128
2130
|
}
|
2129
2131
|
|
2130
|
-
|
2131
|
-
--tw-translate-x:
|
2132
|
+
.translate-x-full {
|
2133
|
+
--tw-translate-x: 100%;
|
2132
2134
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
2133
2135
|
}
|
2134
2136
|
|
@@ -2137,13 +2139,13 @@ select.compact {
|
|
2137
2139
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
2138
2140
|
}
|
2139
2141
|
|
2140
|
-
.rotate-
|
2141
|
-
--tw-rotate:
|
2142
|
+
.rotate-45 {
|
2143
|
+
--tw-rotate: 45deg;
|
2142
2144
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
2143
2145
|
}
|
2144
2146
|
|
2145
|
-
.rotate-
|
2146
|
-
--tw-rotate:
|
2147
|
+
.rotate-90 {
|
2148
|
+
--tw-rotate: 90deg;
|
2147
2149
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
2148
2150
|
}
|
2149
2151
|
|
@@ -2157,38 +2159,38 @@ select.compact {
|
|
2157
2159
|
animation: 1s linear infinite spin;
|
2158
2160
|
}
|
2159
2161
|
|
2160
|
-
.\!cursor-not-allowed {
|
2161
|
-
cursor: not-allowed !important;
|
2162
|
-
}
|
2163
|
-
|
2164
2162
|
.\!cursor-default {
|
2165
2163
|
cursor: default !important;
|
2166
2164
|
}
|
2167
2165
|
|
2168
|
-
|
2169
|
-
cursor:
|
2170
|
-
}
|
2171
|
-
|
2172
|
-
.cursor-\[not-allowed\] {
|
2173
|
-
cursor: not-allowed;
|
2166
|
+
.\!cursor-not-allowed {
|
2167
|
+
cursor: not-allowed !important;
|
2174
2168
|
}
|
2175
2169
|
|
2176
2170
|
.cursor-\[col-resize\] {
|
2177
2171
|
cursor: col-resize;
|
2178
2172
|
}
|
2179
2173
|
|
2180
|
-
.cursor-\[
|
2181
|
-
cursor:
|
2174
|
+
.cursor-\[not-allowed\] {
|
2175
|
+
cursor: not-allowed;
|
2182
2176
|
}
|
2183
2177
|
|
2184
2178
|
.cursor-\[nwse-resize\] {
|
2185
2179
|
cursor: nwse-resize;
|
2186
2180
|
}
|
2187
2181
|
|
2182
|
+
.cursor-\[row-resize\] {
|
2183
|
+
cursor: row-resize;
|
2184
|
+
}
|
2185
|
+
|
2188
2186
|
.cursor-help {
|
2189
2187
|
cursor: help;
|
2190
2188
|
}
|
2191
2189
|
|
2190
|
+
.cursor-pointer {
|
2191
|
+
cursor: pointer;
|
2192
|
+
}
|
2193
|
+
|
2192
2194
|
.select-none {
|
2193
2195
|
-webkit-user-select: none;
|
2194
2196
|
user-select: none;
|
@@ -2210,10 +2212,6 @@ select.compact {
|
|
2210
2212
|
grid-template-columns: 1fr 17px;
|
2211
2213
|
}
|
2212
2214
|
|
2213
|
-
.grid-rows-\[40px_1fr\] {
|
2214
|
-
grid-template-rows: 40px 1fr;
|
2215
|
-
}
|
2216
|
-
|
2217
2215
|
.\!grid-rows-\[1fr\] {
|
2218
2216
|
grid-template-rows: 1fr !important;
|
2219
2217
|
}
|
@@ -2222,6 +2220,10 @@ select.compact {
|
|
2222
2220
|
grid-template-rows: 1fr 17px;
|
2223
2221
|
}
|
2224
2222
|
|
2223
|
+
.grid-rows-\[40px_1fr\] {
|
2224
|
+
grid-template-rows: 40px 1fr;
|
2225
|
+
}
|
2226
|
+
|
2225
2227
|
.flex-col {
|
2226
2228
|
flex-direction: column;
|
2227
2229
|
}
|
@@ -2242,10 +2244,16 @@ select.compact {
|
|
2242
2244
|
justify-content: space-between;
|
2243
2245
|
}
|
2244
2246
|
|
2245
|
-
.space-
|
2246
|
-
--tw-space-
|
2247
|
-
margin-
|
2248
|
-
margin-
|
2247
|
+
.space-x-1 > :not([hidden]) ~ :not([hidden]) {
|
2248
|
+
--tw-space-x-reverse: 0;
|
2249
|
+
margin-right: calc(.25rem * var(--tw-space-x-reverse));
|
2250
|
+
margin-left: calc(.25rem * calc(1 - var(--tw-space-x-reverse)));
|
2251
|
+
}
|
2252
|
+
|
2253
|
+
.space-x-1\.5 > :not([hidden]) ~ :not([hidden]) {
|
2254
|
+
--tw-space-x-reverse: 0;
|
2255
|
+
margin-right: calc(.375rem * var(--tw-space-x-reverse));
|
2256
|
+
margin-left: calc(.375rem * calc(1 - var(--tw-space-x-reverse)));
|
2249
2257
|
}
|
2250
2258
|
|
2251
2259
|
.space-x-2 > :not([hidden]) ~ :not([hidden]) {
|
@@ -2254,10 +2262,10 @@ select.compact {
|
|
2254
2262
|
margin-left: calc(.5rem * calc(1 - var(--tw-space-x-reverse)));
|
2255
2263
|
}
|
2256
2264
|
|
2257
|
-
.space-x-
|
2265
|
+
.space-x-3 > :not([hidden]) ~ :not([hidden]) {
|
2258
2266
|
--tw-space-x-reverse: 0;
|
2259
|
-
margin-right: calc(.
|
2260
|
-
margin-left: calc(.
|
2267
|
+
margin-right: calc(.75rem * var(--tw-space-x-reverse));
|
2268
|
+
margin-left: calc(.75rem * calc(1 - var(--tw-space-x-reverse)));
|
2261
2269
|
}
|
2262
2270
|
|
2263
2271
|
.space-x-6 > :not([hidden]) ~ :not([hidden]) {
|
@@ -2266,10 +2274,10 @@ select.compact {
|
|
2266
2274
|
margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
|
2267
2275
|
}
|
2268
2276
|
|
2269
|
-
.space-
|
2270
|
-
--tw-space-
|
2271
|
-
margin-
|
2272
|
-
margin-
|
2277
|
+
.space-y-2 > :not([hidden]) ~ :not([hidden]) {
|
2278
|
+
--tw-space-y-reverse: 0;
|
2279
|
+
margin-top: calc(.5rem * calc(1 - var(--tw-space-y-reverse)));
|
2280
|
+
margin-bottom: calc(.5rem * var(--tw-space-y-reverse));
|
2273
2281
|
}
|
2274
2282
|
|
2275
2283
|
.space-y-3 > :not([hidden]) ~ :not([hidden]) {
|
@@ -2278,12 +2286,6 @@ select.compact {
|
|
2278
2286
|
margin-bottom: calc(.75rem * var(--tw-space-y-reverse));
|
2279
2287
|
}
|
2280
2288
|
|
2281
|
-
.space-x-1\.5 > :not([hidden]) ~ :not([hidden]) {
|
2282
|
-
--tw-space-x-reverse: 0;
|
2283
|
-
margin-right: calc(.375rem * var(--tw-space-x-reverse));
|
2284
|
-
margin-left: calc(.375rem * calc(1 - var(--tw-space-x-reverse)));
|
2285
|
-
}
|
2286
|
-
|
2287
2289
|
.divide-y > :not([hidden]) ~ :not([hidden]) {
|
2288
2290
|
--tw-divide-y-reverse: 0;
|
2289
2291
|
border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
|
@@ -2360,41 +2362,36 @@ select.compact {
|
|
2360
2362
|
border-width: 2px;
|
2361
2363
|
}
|
2362
2364
|
|
2363
|
-
.border-t {
|
2364
|
-
border-top-width: 1px;
|
2365
|
-
}
|
2366
|
-
|
2367
2365
|
.border-b {
|
2368
2366
|
border-bottom-width: 1px;
|
2369
2367
|
}
|
2370
2368
|
|
2371
|
-
.border-
|
2372
|
-
border-
|
2369
|
+
.border-b-0 {
|
2370
|
+
border-bottom-width: 0;
|
2373
2371
|
}
|
2374
2372
|
|
2375
|
-
.border-
|
2376
|
-
border-
|
2373
|
+
.border-b-2 {
|
2374
|
+
border-bottom-width: 2px;
|
2377
2375
|
}
|
2378
2376
|
|
2379
|
-
.border-
|
2380
|
-
border-
|
2377
|
+
.border-l {
|
2378
|
+
border-left-width: 1px;
|
2381
2379
|
}
|
2382
2380
|
|
2383
2381
|
.border-l-2 {
|
2384
2382
|
border-left-width: 2px;
|
2385
2383
|
}
|
2386
2384
|
|
2387
|
-
.border-
|
2388
|
-
border-
|
2385
|
+
.border-r {
|
2386
|
+
border-right-width: 1px;
|
2389
2387
|
}
|
2390
2388
|
|
2391
|
-
.border-
|
2392
|
-
|
2393
|
-
border-color: rgb(254 202 202 / var(--tw-border-opacity));
|
2389
|
+
.border-t {
|
2390
|
+
border-top-width: 1px;
|
2394
2391
|
}
|
2395
2392
|
|
2396
|
-
|
2397
|
-
border-color: var(--lookbook-
|
2393
|
+
.\!border-lookbook-header-border {
|
2394
|
+
border-color: var(--lookbook-header-border) !important;
|
2398
2395
|
}
|
2399
2396
|
|
2400
2397
|
.border-gray-300 {
|
@@ -2402,39 +2399,33 @@ select.compact {
|
|
2402
2399
|
border-color: rgb(209 213 219 / var(--tw-border-opacity));
|
2403
2400
|
}
|
2404
2401
|
|
2405
|
-
.border-
|
2406
|
-
border-color:
|
2402
|
+
.border-lookbook-divider {
|
2403
|
+
border-color: var(--lookbook-divider);
|
2407
2404
|
}
|
2408
2405
|
|
2409
2406
|
.border-lookbook-dropdown-divider {
|
2410
2407
|
border-color: var(--lookbook-dropdown-divider);
|
2411
2408
|
}
|
2412
2409
|
|
2413
|
-
.\!border-lookbook-header-border {
|
2414
|
-
border-color: var(--lookbook-header-border) !important;
|
2415
|
-
}
|
2416
|
-
|
2417
2410
|
.border-lookbook-tabs-border-active {
|
2418
2411
|
border-color: var(--lookbook-tabs-border-active);
|
2419
2412
|
}
|
2420
2413
|
|
2421
|
-
.
|
2422
|
-
--tw-
|
2423
|
-
|
2414
|
+
.border-red-200 {
|
2415
|
+
--tw-border-opacity: 1;
|
2416
|
+
border-color: rgb(254 202 202 / var(--tw-border-opacity));
|
2424
2417
|
}
|
2425
2418
|
|
2426
|
-
.
|
2427
|
-
|
2428
|
-
background-color: rgb(254 242 242 / var(--tw-bg-opacity));
|
2419
|
+
.border-transparent {
|
2420
|
+
border-color: #0000;
|
2429
2421
|
}
|
2430
2422
|
|
2431
|
-
|
2432
|
-
--
|
2433
|
-
background-color: rgb(254 226 226 / var(--tw-bg-opacity));
|
2423
|
+
.\!bg-lookbook-header-bg {
|
2424
|
+
background-color: var(--lookbook-header-bg) !important;
|
2434
2425
|
}
|
2435
2426
|
|
2436
|
-
|
2437
|
-
background-color: var(--lookbook-
|
2427
|
+
.\!bg-lookbook-nav-item-active {
|
2428
|
+
background-color: var(--lookbook-nav-item-active) !important;
|
2438
2429
|
}
|
2439
2430
|
|
2440
2431
|
.bg-black {
|
@@ -2442,73 +2433,76 @@ select.compact {
|
|
2442
2433
|
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
|
2443
2434
|
}
|
2444
2435
|
|
2445
|
-
.bg-
|
2446
|
-
background-color:
|
2436
|
+
.bg-gray-100\/80 {
|
2437
|
+
background-color: #f3f4f6cc;
|
2447
2438
|
}
|
2448
2439
|
|
2449
|
-
.bg-lookbook-
|
2450
|
-
background-color: var(--lookbook-
|
2440
|
+
.bg-lookbook-button-bg {
|
2441
|
+
background-color: var(--lookbook-button-bg);
|
2451
2442
|
}
|
2452
2443
|
|
2453
|
-
.bg-
|
2454
|
-
background-color:
|
2444
|
+
.bg-lookbook-button-bg-hover {
|
2445
|
+
background-color: var(--lookbook-button-bg-hover);
|
2455
2446
|
}
|
2456
2447
|
|
2457
|
-
.bg-lookbook-
|
2458
|
-
background-color: var(--lookbook-
|
2448
|
+
.bg-lookbook-divider {
|
2449
|
+
background-color: var(--lookbook-divider);
|
2459
2450
|
}
|
2460
2451
|
|
2461
|
-
.bg-lookbook-
|
2462
|
-
background-color: var(--lookbook-
|
2452
|
+
.bg-lookbook-drawer-bg {
|
2453
|
+
background-color: var(--lookbook-drawer-bg);
|
2463
2454
|
}
|
2464
2455
|
|
2465
|
-
.bg-lookbook-
|
2466
|
-
background-color: var(--lookbook-
|
2456
|
+
.bg-lookbook-input-toggle {
|
2457
|
+
background-color: var(--lookbook-input-toggle);
|
2467
2458
|
}
|
2468
2459
|
|
2469
|
-
.bg-
|
2470
|
-
--
|
2471
|
-
background-color: rgb(250 250 250 / var(--tw-bg-opacity));
|
2460
|
+
.bg-lookbook-input-toggle-active {
|
2461
|
+
background-color: var(--lookbook-input-toggle-active);
|
2472
2462
|
}
|
2473
2463
|
|
2474
|
-
|
2475
|
-
background-color: var(--lookbook-
|
2464
|
+
.bg-lookbook-page-bg {
|
2465
|
+
background-color: var(--lookbook-page-bg);
|
2476
2466
|
}
|
2477
2467
|
|
2478
|
-
.bg-lookbook-
|
2479
|
-
background-color: var(--lookbook-
|
2468
|
+
.bg-lookbook-params-editor-bg {
|
2469
|
+
background-color: var(--lookbook-params-editor-bg);
|
2480
2470
|
}
|
2481
2471
|
|
2482
|
-
.bg-lookbook-
|
2483
|
-
background-color: var(--lookbook-
|
2472
|
+
.bg-lookbook-prose-bg {
|
2473
|
+
background-color: var(--lookbook-prose-bg);
|
2484
2474
|
}
|
2485
2475
|
|
2486
|
-
.bg-lookbook-
|
2487
|
-
background-color: var(--lookbook-
|
2476
|
+
.bg-lookbook-sidebar-bg {
|
2477
|
+
background-color: var(--lookbook-sidebar-bg);
|
2488
2478
|
}
|
2489
2479
|
|
2490
2480
|
.bg-lookbook-toolbar-bg {
|
2491
2481
|
background-color: var(--lookbook-toolbar-bg);
|
2492
2482
|
}
|
2493
2483
|
|
2494
|
-
.bg-
|
2495
|
-
|
2484
|
+
.bg-red-100 {
|
2485
|
+
--tw-bg-opacity: 1;
|
2486
|
+
background-color: rgb(254 226 226 / var(--tw-bg-opacity));
|
2496
2487
|
}
|
2497
2488
|
|
2498
|
-
|
2499
|
-
|
2489
|
+
.bg-red-50 {
|
2490
|
+
--tw-bg-opacity: 1;
|
2491
|
+
background-color: rgb(254 242 242 / var(--tw-bg-opacity));
|
2500
2492
|
}
|
2501
2493
|
|
2502
|
-
.bg-
|
2503
|
-
background-color:
|
2494
|
+
.bg-transparent {
|
2495
|
+
background-color: #0000;
|
2504
2496
|
}
|
2505
2497
|
|
2506
|
-
.
|
2507
|
-
|
2498
|
+
.bg-white {
|
2499
|
+
--tw-bg-opacity: 1;
|
2500
|
+
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
|
2508
2501
|
}
|
2509
2502
|
|
2510
|
-
.
|
2511
|
-
|
2503
|
+
.bg-zinc-50 {
|
2504
|
+
--tw-bg-opacity: 1;
|
2505
|
+
background-color: rgb(250 250 250 / var(--tw-bg-opacity));
|
2512
2506
|
}
|
2513
2507
|
|
2514
2508
|
.p-1 {
|
@@ -2519,24 +2513,17 @@ select.compact {
|
|
2519
2513
|
padding: .5rem;
|
2520
2514
|
}
|
2521
2515
|
|
2522
|
-
.
|
2523
|
-
padding
|
2524
|
-
padding-right: 1rem;
|
2525
|
-
}
|
2526
|
-
|
2527
|
-
.py-6 {
|
2528
|
-
padding-top: 1.5rem;
|
2529
|
-
padding-bottom: 1.5rem;
|
2516
|
+
.p-3 {
|
2517
|
+
padding: .75rem;
|
2530
2518
|
}
|
2531
2519
|
|
2532
|
-
.
|
2533
|
-
padding
|
2534
|
-
padding-right: 2rem;
|
2520
|
+
.p-4 {
|
2521
|
+
padding: 1rem;
|
2535
2522
|
}
|
2536
2523
|
|
2537
|
-
.
|
2538
|
-
padding-
|
2539
|
-
padding-
|
2524
|
+
.px-1 {
|
2525
|
+
padding-left: .25rem;
|
2526
|
+
padding-right: .25rem;
|
2540
2527
|
}
|
2541
2528
|
|
2542
2529
|
.px-2 {
|
@@ -2549,9 +2536,19 @@ select.compact {
|
|
2549
2536
|
padding-right: .75rem;
|
2550
2537
|
}
|
2551
2538
|
|
2552
|
-
.
|
2553
|
-
padding-
|
2554
|
-
padding-
|
2539
|
+
.px-4 {
|
2540
|
+
padding-left: 1rem;
|
2541
|
+
padding-right: 1rem;
|
2542
|
+
}
|
2543
|
+
|
2544
|
+
.px-8 {
|
2545
|
+
padding-left: 2rem;
|
2546
|
+
padding-right: 2rem;
|
2547
|
+
}
|
2548
|
+
|
2549
|
+
.py-1 {
|
2550
|
+
padding-top: .25rem;
|
2551
|
+
padding-bottom: .25rem;
|
2555
2552
|
}
|
2556
2553
|
|
2557
2554
|
.py-1\.5 {
|
@@ -2559,94 +2556,99 @@ select.compact {
|
|
2559
2556
|
padding-bottom: .375rem;
|
2560
2557
|
}
|
2561
2558
|
|
2562
|
-
.py-
|
2563
|
-
padding-top: .
|
2564
|
-
padding-bottom: .
|
2559
|
+
.py-2 {
|
2560
|
+
padding-top: .5rem;
|
2561
|
+
padding-bottom: .5rem;
|
2565
2562
|
}
|
2566
2563
|
|
2567
|
-
.
|
2568
|
-
padding-
|
2569
|
-
padding-
|
2564
|
+
.py-3 {
|
2565
|
+
padding-top: .75rem;
|
2566
|
+
padding-bottom: .75rem;
|
2570
2567
|
}
|
2571
2568
|
|
2572
|
-
.
|
2573
|
-
padding-
|
2569
|
+
.py-6 {
|
2570
|
+
padding-top: 1.5rem;
|
2571
|
+
padding-bottom: 1.5rem;
|
2574
2572
|
}
|
2575
2573
|
|
2576
|
-
.pb-
|
2577
|
-
padding-bottom:
|
2574
|
+
.pb-0 {
|
2575
|
+
padding-bottom: 0;
|
2578
2576
|
}
|
2579
2577
|
|
2580
|
-
.
|
2581
|
-
padding-
|
2578
|
+
.pb-1 {
|
2579
|
+
padding-bottom: .25rem;
|
2582
2580
|
}
|
2583
2581
|
|
2584
|
-
.
|
2585
|
-
padding-
|
2582
|
+
.pb-1\.5 {
|
2583
|
+
padding-bottom: .375rem;
|
2586
2584
|
}
|
2587
2585
|
|
2588
|
-
.
|
2589
|
-
padding-
|
2586
|
+
.pb-10 {
|
2587
|
+
padding-bottom: 2.5rem;
|
2590
2588
|
}
|
2591
2589
|
|
2592
|
-
.pb-
|
2593
|
-
padding-bottom:
|
2590
|
+
.pb-12 {
|
2591
|
+
padding-bottom: 3rem;
|
2594
2592
|
}
|
2595
2593
|
|
2596
|
-
.
|
2597
|
-
padding-
|
2594
|
+
.pb-3 {
|
2595
|
+
padding-bottom: .75rem;
|
2598
2596
|
}
|
2599
2597
|
|
2600
|
-
.
|
2601
|
-
padding-
|
2598
|
+
.pb-4 {
|
2599
|
+
padding-bottom: 1rem;
|
2602
2600
|
}
|
2603
2601
|
|
2604
2602
|
.pl-0 {
|
2605
2603
|
padding-left: 0;
|
2606
2604
|
}
|
2607
2605
|
|
2608
|
-
.
|
2609
|
-
padding-
|
2610
|
-
}
|
2611
|
-
|
2612
|
-
.pb-12 {
|
2613
|
-
padding-bottom: 3rem;
|
2606
|
+
.pl-0\.5 {
|
2607
|
+
padding-left: .125rem;
|
2614
2608
|
}
|
2615
2609
|
|
2616
|
-
.
|
2617
|
-
padding-
|
2610
|
+
.pl-1 {
|
2611
|
+
padding-left: .25rem;
|
2618
2612
|
}
|
2619
2613
|
|
2620
|
-
.
|
2621
|
-
padding-
|
2614
|
+
.pl-2 {
|
2615
|
+
padding-left: .5rem;
|
2622
2616
|
}
|
2623
2617
|
|
2624
|
-
.
|
2625
|
-
padding-
|
2618
|
+
.pr-0 {
|
2619
|
+
padding-right: 0;
|
2626
2620
|
}
|
2627
2621
|
|
2628
|
-
.
|
2629
|
-
padding-
|
2622
|
+
.pr-0\.5 {
|
2623
|
+
padding-right: .125rem;
|
2630
2624
|
}
|
2631
2625
|
|
2632
2626
|
.pr-1 {
|
2633
2627
|
padding-right: .25rem;
|
2634
2628
|
}
|
2635
2629
|
|
2636
|
-
.
|
2637
|
-
padding-
|
2630
|
+
.pt-1 {
|
2631
|
+
padding-top: .25rem;
|
2638
2632
|
}
|
2639
2633
|
|
2640
2634
|
.pt-1\.5 {
|
2641
2635
|
padding-top: .375rem;
|
2642
2636
|
}
|
2643
2637
|
|
2638
|
+
.pt-2 {
|
2639
|
+
padding-top: .5rem;
|
2640
|
+
}
|
2641
|
+
|
2644
2642
|
.pt-2\.5 {
|
2645
2643
|
padding-top: .625rem;
|
2646
2644
|
}
|
2647
2645
|
|
2648
|
-
.
|
2649
|
-
padding-
|
2646
|
+
.pt-3 {
|
2647
|
+
padding-top: .75rem;
|
2648
|
+
}
|
2649
|
+
|
2650
|
+
.pt-8 {
|
2651
|
+
padding-top: 2rem;
|
2650
2652
|
}
|
2651
2653
|
|
2652
2654
|
.text-left {
|
@@ -2665,11 +2667,20 @@ select.compact {
|
|
2665
2667
|
font-family: -apple-system, \.SFNSText-Regular, San Francisco, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
|
2666
2668
|
}
|
2667
2669
|
|
2670
|
+
.text-\[11px\] {
|
2671
|
+
font-size: 11px;
|
2672
|
+
}
|
2673
|
+
|
2668
2674
|
.text-base {
|
2669
2675
|
font-size: 1rem;
|
2670
2676
|
line-height: 1.5rem;
|
2671
2677
|
}
|
2672
2678
|
|
2679
|
+
.text-lg {
|
2680
|
+
font-size: 1.125rem;
|
2681
|
+
line-height: 1.75rem;
|
2682
|
+
}
|
2683
|
+
|
2673
2684
|
.text-sm {
|
2674
2685
|
font-size: .875rem;
|
2675
2686
|
line-height: 1.25rem;
|
@@ -2685,23 +2696,14 @@ select.compact {
|
|
2685
2696
|
line-height: 1rem;
|
2686
2697
|
}
|
2687
2698
|
|
2688
|
-
.
|
2689
|
-
font-
|
2690
|
-
}
|
2691
|
-
|
2692
|
-
.text-lg {
|
2693
|
-
font-size: 1.125rem;
|
2694
|
-
line-height: 1.75rem;
|
2699
|
+
.font-black {
|
2700
|
+
font-weight: 900;
|
2695
2701
|
}
|
2696
2702
|
|
2697
2703
|
.font-bold {
|
2698
2704
|
font-weight: 700;
|
2699
2705
|
}
|
2700
2706
|
|
2701
|
-
.font-black {
|
2702
|
-
font-weight: 900;
|
2703
|
-
}
|
2704
|
-
|
2705
2707
|
.uppercase {
|
2706
2708
|
text-transform: uppercase;
|
2707
2709
|
}
|
@@ -2726,19 +2728,12 @@ select.compact {
|
|
2726
2728
|
letter-spacing: .05em;
|
2727
2729
|
}
|
2728
2730
|
|
2729
|
-
|
2730
|
-
--
|
2731
|
-
color: rgb(252 165 165 / var(--tw-text-opacity));
|
2732
|
-
}
|
2733
|
-
|
2734
|
-
.text-red-700 {
|
2735
|
-
--tw-text-opacity: 1;
|
2736
|
-
color: rgb(185 28 28 / var(--tw-text-opacity));
|
2731
|
+
.\!text-lookbook-header-text {
|
2732
|
+
color: var(--lookbook-header-text) !important;
|
2737
2733
|
}
|
2738
2734
|
|
2739
|
-
|
2740
|
-
--
|
2741
|
-
color: rgb(127 29 29 / var(--tw-text-opacity));
|
2735
|
+
.\!text-lookbook-tabs-text-disabled {
|
2736
|
+
color: var(--lookbook-tabs-text-disabled) !important;
|
2742
2737
|
}
|
2743
2738
|
|
2744
2739
|
.text-gray-400 {
|
@@ -2746,8 +2741,9 @@ select.compact {
|
|
2746
2741
|
color: rgb(156 163 175 / var(--tw-text-opacity));
|
2747
2742
|
}
|
2748
2743
|
|
2749
|
-
.text-
|
2750
|
-
|
2744
|
+
.text-gray-600 {
|
2745
|
+
--tw-text-opacity: 1;
|
2746
|
+
color: rgb(75 85 99 / var(--tw-text-opacity));
|
2751
2747
|
}
|
2752
2748
|
|
2753
2749
|
.text-green-500 {
|
@@ -2760,47 +2756,42 @@ select.compact {
|
|
2760
2756
|
color: rgb(22 163 74 / var(--tw-text-opacity));
|
2761
2757
|
}
|
2762
2758
|
|
2763
|
-
.text-
|
2764
|
-
--
|
2765
|
-
color: rgb(75 85 99 / var(--tw-text-opacity));
|
2766
|
-
}
|
2767
|
-
|
2768
|
-
.text-lookbook-icon-button-stroke {
|
2769
|
-
color: var(--lookbook-icon-button-stroke);
|
2770
|
-
}
|
2771
|
-
|
2772
|
-
.\!text-lookbook-header-text {
|
2773
|
-
color: var(--lookbook-header-text) !important;
|
2759
|
+
.text-lookbook-blank-slate-title {
|
2760
|
+
color: var(--lookbook-blank-slate-title);
|
2774
2761
|
}
|
2775
2762
|
|
2776
2763
|
.text-lookbook-branding-text {
|
2777
2764
|
color: var(--lookbook-branding-text);
|
2778
2765
|
}
|
2779
2766
|
|
2780
|
-
.text-lookbook-
|
2781
|
-
color: var(--lookbook-
|
2767
|
+
.text-lookbook-button-text {
|
2768
|
+
color: var(--lookbook-button-text);
|
2782
2769
|
}
|
2783
2770
|
|
2784
|
-
.text-lookbook-
|
2785
|
-
color: var(--lookbook-
|
2771
|
+
.text-lookbook-embed-title {
|
2772
|
+
color: var(--lookbook-embed-title);
|
2786
2773
|
}
|
2787
2774
|
|
2788
|
-
.text-lookbook-
|
2789
|
-
color: var(--lookbook-
|
2775
|
+
.text-lookbook-header-text {
|
2776
|
+
color: var(--lookbook-header-text);
|
2790
2777
|
}
|
2791
2778
|
|
2792
|
-
.text-lookbook-button-
|
2793
|
-
color: var(--lookbook-button-
|
2779
|
+
.text-lookbook-icon-button-stroke {
|
2780
|
+
color: var(--lookbook-icon-button-stroke);
|
2794
2781
|
}
|
2795
2782
|
|
2796
|
-
.text-lookbook-
|
2797
|
-
color: var(--lookbook-
|
2783
|
+
.text-lookbook-icon-button-stroke-hover {
|
2784
|
+
color: var(--lookbook-icon-button-stroke-hover);
|
2798
2785
|
}
|
2799
2786
|
|
2800
2787
|
.text-lookbook-nav-icon-stroke {
|
2801
2788
|
color: var(--lookbook-nav-icon-stroke);
|
2802
2789
|
}
|
2803
2790
|
|
2791
|
+
.text-lookbook-prose-text {
|
2792
|
+
color: var(--lookbook-prose-text);
|
2793
|
+
}
|
2794
|
+
|
2804
2795
|
.text-lookbook-tabs-text {
|
2805
2796
|
color: var(--lookbook-tabs-text);
|
2806
2797
|
}
|
@@ -2809,56 +2800,67 @@ select.compact {
|
|
2809
2800
|
color: var(--lookbook-tabs-text-hover);
|
2810
2801
|
}
|
2811
2802
|
|
2812
|
-
|
2813
|
-
|
2803
|
+
.text-red-300 {
|
2804
|
+
--tw-text-opacity: 1;
|
2805
|
+
color: rgb(252 165 165 / var(--tw-text-opacity));
|
2814
2806
|
}
|
2815
2807
|
|
2816
|
-
.
|
2817
|
-
text-
|
2808
|
+
.text-red-700 {
|
2809
|
+
--tw-text-opacity: 1;
|
2810
|
+
color: rgb(185 28 28 / var(--tw-text-opacity));
|
2818
2811
|
}
|
2819
2812
|
|
2820
|
-
.
|
2821
|
-
opacity:
|
2813
|
+
.text-red-900 {
|
2814
|
+
--tw-text-opacity: 1;
|
2815
|
+
color: rgb(127 29 29 / var(--tw-text-opacity));
|
2822
2816
|
}
|
2823
2817
|
|
2824
|
-
.
|
2825
|
-
|
2818
|
+
.underline {
|
2819
|
+
text-decoration-line: underline;
|
2826
2820
|
}
|
2827
2821
|
|
2828
|
-
|
2829
|
-
opacity:
|
2822
|
+
.\!opacity-100 {
|
2823
|
+
opacity: 1 !important;
|
2830
2824
|
}
|
2831
2825
|
|
2832
2826
|
.\!opacity-30 {
|
2833
2827
|
opacity: .3 !important;
|
2834
2828
|
}
|
2835
2829
|
|
2836
|
-
.opacity-
|
2837
|
-
opacity:
|
2830
|
+
.opacity-0 {
|
2831
|
+
opacity: 0;
|
2832
|
+
}
|
2833
|
+
|
2834
|
+
.opacity-25 {
|
2835
|
+
opacity: .25;
|
2838
2836
|
}
|
2839
2837
|
|
2840
2838
|
.opacity-40 {
|
2841
2839
|
opacity: .4;
|
2842
2840
|
}
|
2843
2841
|
|
2844
|
-
.opacity-
|
2845
|
-
opacity: .
|
2842
|
+
.opacity-50 {
|
2843
|
+
opacity: .5;
|
2844
|
+
}
|
2845
|
+
|
2846
|
+
.opacity-60 {
|
2847
|
+
opacity: .6;
|
2846
2848
|
}
|
2847
2849
|
|
2848
2850
|
.opacity-70 {
|
2849
2851
|
opacity: .7;
|
2850
2852
|
}
|
2851
2853
|
|
2852
|
-
|
2853
|
-
opacity:
|
2854
|
+
.opacity-75 {
|
2855
|
+
opacity: .75;
|
2854
2856
|
}
|
2855
2857
|
|
2856
|
-
.opacity-
|
2857
|
-
opacity: .
|
2858
|
+
.opacity-80 {
|
2859
|
+
opacity: .8;
|
2858
2860
|
}
|
2859
2861
|
|
2860
|
-
.opacity-
|
2861
|
-
opacity: .
|
2862
|
+
.opacity-90 {
|
2863
|
+
opacity: .9;
|
2862
2864
|
}
|
2863
2865
|
|
2864
2866
|
.shadow {
|
@@ -2882,32 +2884,32 @@ select.compact {
|
|
2882
2884
|
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
|
2883
2885
|
}
|
2884
2886
|
|
2885
|
-
.transition
|
2886
|
-
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
|
2887
|
+
.transition {
|
2888
|
+
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter, backdrop-filter;
|
2887
2889
|
transition-duration: .15s;
|
2888
2890
|
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
|
2889
2891
|
}
|
2890
2892
|
|
2891
|
-
.transition {
|
2892
|
-
transition-property:
|
2893
|
+
.transition-\[height\] {
|
2894
|
+
transition-property: height;
|
2893
2895
|
transition-duration: .15s;
|
2894
2896
|
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
|
2895
2897
|
}
|
2896
2898
|
|
2897
|
-
.transition-
|
2898
|
-
transition-property:
|
2899
|
+
.transition-all {
|
2900
|
+
transition-property: all;
|
2899
2901
|
transition-duration: .15s;
|
2900
2902
|
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
|
2901
2903
|
}
|
2902
2904
|
|
2903
|
-
.transition-
|
2904
|
-
transition-property:
|
2905
|
+
.transition-colors {
|
2906
|
+
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke;
|
2905
2907
|
transition-duration: .15s;
|
2906
2908
|
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
|
2907
2909
|
}
|
2908
2910
|
|
2909
|
-
.transition
|
2910
|
-
transition-property:
|
2911
|
+
.transition-opacity {
|
2912
|
+
transition-property: opacity;
|
2911
2913
|
transition-duration: .15s;
|
2912
2914
|
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
|
2913
2915
|
}
|
@@ -2916,14 +2918,14 @@ select.compact {
|
|
2916
2918
|
transition-duration: .1s;
|
2917
2919
|
}
|
2918
2920
|
|
2919
|
-
.duration-200 {
|
2920
|
-
transition-duration: .2s;
|
2921
|
-
}
|
2922
|
-
|
2923
2921
|
.duration-150 {
|
2924
2922
|
transition-duration: .15s;
|
2925
2923
|
}
|
2926
2924
|
|
2925
|
+
.duration-200 {
|
2926
|
+
transition-duration: .2s;
|
2927
|
+
}
|
2928
|
+
|
2927
2929
|
.ease-in-out {
|
2928
2930
|
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
|
2929
2931
|
}
|
@@ -3528,14 +3530,14 @@ select.compact {
|
|
3528
3530
|
background-color: #0000;
|
3529
3531
|
}
|
3530
3532
|
|
3531
|
-
.hover\:bg-lookbook-draggable-hint:hover {
|
3532
|
-
background-color: var(--lookbook-draggable-hint);
|
3533
|
-
}
|
3534
|
-
|
3535
3533
|
.hover\:bg-lookbook-button-bg-hover:hover {
|
3536
3534
|
background-color: var(--lookbook-button-bg-hover);
|
3537
3535
|
}
|
3538
3536
|
|
3537
|
+
.hover\:bg-lookbook-draggable-hint:hover {
|
3538
|
+
background-color: var(--lookbook-draggable-hint);
|
3539
|
+
}
|
3540
|
+
|
3539
3541
|
.hover\:text-gray-900:hover {
|
3540
3542
|
--tw-text-opacity: 1;
|
3541
3543
|
color: rgb(17 24 39 / var(--tw-text-opacity));
|
@@ -3567,15 +3569,15 @@ select.compact {
|
|
3567
3569
|
outline: 2px solid #0000;
|
3568
3570
|
}
|
3569
3571
|
|
3570
|
-
.focus\:ring-
|
3572
|
+
.focus\:ring-0:focus {
|
3571
3573
|
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
3572
|
-
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(
|
3574
|
+
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
3573
3575
|
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
|
3574
3576
|
}
|
3575
3577
|
|
3576
|
-
.focus\:ring-
|
3578
|
+
.focus\:ring-2:focus {
|
3577
3579
|
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
3578
|
-
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(
|
3580
|
+
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
3579
3581
|
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
|
3580
3582
|
}
|
3581
3583
|
|