lookbook 2.0.0.beta.1 → 2.0.0.beta.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- 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
|
|