lookbook 1.0.7 → 1.1.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/app/assets/lookbook/css/lookbook.css +76 -2
- data/app/assets/lookbook/js/app.js +20 -2
- data/app/{components/lookbook/params_editor/field/component.js → assets/lookbook/js/components/params_input.js} +1 -14
- data/app/assets/lookbook/js/lookbook.js +2 -1
- data/app/components/lookbook/base_component.rb +2 -3
- data/app/components/lookbook/button/component.html.erb +2 -2
- data/app/components/lookbook/button/component.rb +6 -1
- data/app/components/lookbook/button_group/component.rb +3 -4
- data/app/components/lookbook/copy_button/component.html.erb +1 -1
- data/app/components/lookbook/debug_menu/component.html.erb +51 -0
- data/app/components/lookbook/debug_menu/component.rb +18 -0
- data/app/components/lookbook/embed/component.html.erb +3 -3
- data/app/components/lookbook/header/component.html.erb +19 -44
- data/app/components/lookbook/inspector_panel/component.html.erb +5 -3
- data/app/components/lookbook/inspector_panel/component.rb +6 -18
- data/app/components/lookbook/nav/component.js +4 -0
- data/app/components/lookbook/nav/component.rb +1 -1
- data/app/components/lookbook/nav/item/component.html.erb +4 -4
- data/app/components/lookbook/nav/item/component.rb +1 -1
- data/app/components/lookbook/page_tabs/component.html.erb +4 -4
- data/app/components/lookbook/page_tabs/component.rb +1 -1
- data/app/components/lookbook/params/editor/component.html.erb +21 -0
- data/app/components/lookbook/{params_editor → params/editor}/component.js +1 -1
- data/app/components/lookbook/params/editor/component.rb +40 -0
- data/app/components/lookbook/params/field/component.css +76 -0
- data/app/components/lookbook/params/field/component.html.erb +27 -0
- data/app/components/lookbook/params/field/component.js +7 -0
- data/app/components/lookbook/params/field/component.rb +101 -0
- data/app/components/lookbook/tabs/component.html.erb +2 -2
- data/app/components/lookbook/tag_component.rb +1 -0
- data/app/components/lookbook/viewport/component.css +1 -1
- data/app/components/lookbook/viewport/component.html.erb +11 -0
- data/app/controllers/lookbook/previews_controller.rb +1 -1
- data/app/helpers/lookbook/component_helper.rb +45 -26
- data/app/helpers/lookbook/page_helper.rb +1 -1
- data/app/views/layouts/lookbook/application.html.erb +18 -4
- data/app/views/layouts/lookbook/page.html.erb +4 -4
- data/app/views/layouts/lookbook/shell.html.erb +4 -4
- data/app/views/layouts/lookbook/skeleton.html.erb +0 -6
- data/app/views/lookbook/error.html.erb +1 -1
- data/app/views/lookbook/pages/show.html.erb +2 -2
- data/app/views/lookbook/previews/inputs/_color.html.erb +5 -0
- data/app/views/lookbook/previews/inputs/_range.html.erb +15 -0
- data/app/views/lookbook/previews/inputs/_select.html.erb +5 -0
- data/app/views/lookbook/previews/inputs/_text.html.erb +5 -0
- data/app/views/lookbook/previews/inputs/_textarea.html.erb +5 -0
- data/app/views/lookbook/previews/inputs/_toggle.html.erb +20 -0
- data/app/views/lookbook/previews/panels/_content.html.erb +2 -2
- data/app/views/lookbook/previews/panels/_notes.html.erb +2 -2
- data/app/views/lookbook/previews/panels/_output.html.erb +1 -1
- data/app/views/lookbook/previews/panels/_params.html.erb +3 -3
- data/app/views/lookbook/previews/panels/_preview.html.erb +1 -1
- data/app/views/lookbook/previews/panels/_source.html.erb +2 -2
- data/app/views/lookbook/previews/show.html.erb +13 -19
- data/lib/lookbook/config.rb +17 -1
- data/lib/lookbook/engine.rb +17 -7
- data/lib/lookbook/markdown.rb +1 -1
- data/lib/lookbook/panels.rb +14 -4
- data/lib/lookbook/params.rb +66 -35
- data/lib/lookbook/parser.rb +1 -0
- data/lib/lookbook/preview.rb +10 -4
- data/lib/lookbook/preview_controller.rb +11 -5
- data/lib/lookbook/preview_example.rb +2 -2
- data/lib/lookbook/source_inspector.rb +10 -4
- data/lib/lookbook/tag.rb +13 -3
- data/lib/lookbook/tag_options.rb +111 -0
- data/lib/lookbook/tags.rb +6 -2
- data/lib/lookbook/template_parser.rb +72 -0
- data/lib/lookbook/theme.rb +1 -1
- data/lib/lookbook/utils.rb +23 -0
- data/lib/lookbook/version.rb +1 -1
- data/lib/lookbook.rb +2 -0
- data/public/lookbook-assets/css/lookbook.css +369 -126
- data/public/lookbook-assets/css/lookbook.css.map +1 -1
- data/public/lookbook-assets/js/embed.js +13 -13
- data/public/lookbook-assets/js/embed.js.map +1 -1
- data/public/lookbook-assets/js/lookbook.js +772 -687
- data/public/lookbook-assets/js/lookbook.js.map +1 -1
- metadata +42 -10
- data/app/components/lookbook/params_editor/component.html.erb +0 -3
- data/app/components/lookbook/params_editor/component.rb +0 -11
- data/app/components/lookbook/params_editor/field/component.html.erb +0 -49
- data/app/components/lookbook/params_editor/field/component.rb +0 -44
@@ -217,7 +217,7 @@ input::placeholder, textarea::placeholder {
|
|
217
217
|
}
|
218
218
|
|
219
219
|
select {
|
220
|
-
color-adjust: exact;
|
220
|
+
print-color-adjust: exact;
|
221
221
|
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
|
222
222
|
background-position: right .5rem center;
|
223
223
|
background-repeat: no-repeat;
|
@@ -230,14 +230,15 @@ select {
|
|
230
230
|
background-position: initial;
|
231
231
|
background-repeat: unset;
|
232
232
|
background-size: initial;
|
233
|
-
color-adjust: unset;
|
233
|
+
print-color-adjust: unset;
|
234
234
|
padding-right: .75rem;
|
235
235
|
}
|
236
236
|
|
237
237
|
[type="checkbox"], [type="radio"] {
|
238
238
|
appearance: none;
|
239
|
-
color-adjust: exact;
|
239
|
+
print-color-adjust: exact;
|
240
240
|
vertical-align: middle;
|
241
|
+
-webkit-user-select: none;
|
241
242
|
user-select: none;
|
242
243
|
height: 1rem;
|
243
244
|
width: 1rem;
|
@@ -318,6 +319,7 @@ select {
|
|
318
319
|
}
|
319
320
|
|
320
321
|
[type="file"]:focus {
|
322
|
+
outline: 1px solid ButtonText;
|
321
323
|
outline: 1px auto -webkit-focus-ring-color;
|
322
324
|
}
|
323
325
|
|
@@ -420,6 +422,49 @@ pre[class*="language-"] {
|
|
420
422
|
--tw-backdrop-sepia: ;
|
421
423
|
}
|
422
424
|
|
425
|
+
.form-input, .form-textarea, .form-select, .form-multiselect {
|
426
|
+
appearance: none;
|
427
|
+
--tw-shadow: 0 0 #0000;
|
428
|
+
background-color: #fff;
|
429
|
+
border-width: 1px;
|
430
|
+
border-color: #6b7280;
|
431
|
+
border-radius: 0;
|
432
|
+
padding: .5rem .75rem;
|
433
|
+
font-size: 1rem;
|
434
|
+
line-height: 1.5rem;
|
435
|
+
}
|
436
|
+
|
437
|
+
.form-input:focus, .form-textarea:focus, .form-select:focus, .form-multiselect:focus {
|
438
|
+
outline-offset: 2px;
|
439
|
+
--tw-ring-inset: var(--tw-empty, );
|
440
|
+
--tw-ring-offset-width: 0px;
|
441
|
+
--tw-ring-offset-color: #fff;
|
442
|
+
--tw-ring-color: #2563eb;
|
443
|
+
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
444
|
+
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
445
|
+
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
446
|
+
border-color: #2563eb;
|
447
|
+
outline: 2px solid #0000;
|
448
|
+
}
|
449
|
+
|
450
|
+
.form-input::placeholder, .form-textarea::placeholder {
|
451
|
+
color: #6b7280;
|
452
|
+
opacity: 1;
|
453
|
+
}
|
454
|
+
|
455
|
+
.form-input::-webkit-datetime-edit-fields-wrapper {
|
456
|
+
padding: 0;
|
457
|
+
}
|
458
|
+
|
459
|
+
.form-input::-webkit-date-and-time-value {
|
460
|
+
min-height: 1.5em;
|
461
|
+
}
|
462
|
+
|
463
|
+
.form-input::-webkit-datetime-edit, .form-input::-webkit-datetime-edit-year-field, .form-input::-webkit-datetime-edit-month-field, .form-input::-webkit-datetime-edit-day-field, .form-input::-webkit-datetime-edit-hour-field, .form-input::-webkit-datetime-edit-minute-field, .form-input::-webkit-datetime-edit-second-field, .form-input::-webkit-datetime-edit-millisecond-field, .form-input::-webkit-datetime-edit-meridiem-field {
|
464
|
+
padding-top: 0;
|
465
|
+
padding-bottom: 0;
|
466
|
+
}
|
467
|
+
|
423
468
|
.prose {
|
424
469
|
color: var(--tw-prose-body);
|
425
470
|
max-width: 65ch;
|
@@ -1606,6 +1651,7 @@ pre[class*="language-"] {
|
|
1606
1651
|
width: min-content;
|
1607
1652
|
z-index: 10;
|
1608
1653
|
height: 100%;
|
1654
|
+
-webkit-user-select: none;
|
1609
1655
|
user-select: none;
|
1610
1656
|
border-style: dashed;
|
1611
1657
|
border-right-width: 1px;
|
@@ -1648,7 +1694,7 @@ pre[class*="language-"] {
|
|
1648
1694
|
[data-component="icon"] {
|
1649
1695
|
flex: none;
|
1650
1696
|
line-height: 1;
|
1651
|
-
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
|
1697
|
+
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter, backdrop-filter;
|
1652
1698
|
transition-duration: .15s;
|
1653
1699
|
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
|
1654
1700
|
display: block;
|
@@ -1669,6 +1715,85 @@ pre[class*="language-"] {
|
|
1669
1715
|
padding: 1rem;
|
1670
1716
|
}
|
1671
1717
|
|
1718
|
+
[data-component="params-editor"] table:not(.linear) thead tr {
|
1719
|
+
--tw-border-opacity: 1;
|
1720
|
+
border-bottom-width: 1px;
|
1721
|
+
border-color: rgb(209 213 219 / var(--tw-border-opacity));
|
1722
|
+
}
|
1723
|
+
|
1724
|
+
[data-component="params-editor"] table:not(.linear) thead th {
|
1725
|
+
text-align: left;
|
1726
|
+
vertical-align: middle;
|
1727
|
+
padding: 1rem;
|
1728
|
+
font-weight: 700;
|
1729
|
+
}
|
1730
|
+
|
1731
|
+
[data-component="params-editor"] table:not(.linear) thead th.param-label {
|
1732
|
+
width: 18%;
|
1733
|
+
}
|
1734
|
+
|
1735
|
+
[data-component="params-editor"] table:not(.linear) thead th.param-input {
|
1736
|
+
width: 45%;
|
1737
|
+
}
|
1738
|
+
|
1739
|
+
[data-component="params-editor"] table:not(.linear) tbody tr + tr td {
|
1740
|
+
--tw-border-opacity: 1;
|
1741
|
+
border-top-width: 1px;
|
1742
|
+
border-color: rgb(229 231 235 / var(--tw-border-opacity));
|
1743
|
+
}
|
1744
|
+
|
1745
|
+
[data-component="params-editor"] table:not(.linear) tbody td {
|
1746
|
+
vertical-align: middle;
|
1747
|
+
padding: 1rem;
|
1748
|
+
}
|
1749
|
+
|
1750
|
+
[data-component="params-editor"] table:not(.linear) tbody td.param-label {
|
1751
|
+
font-weight: 700;
|
1752
|
+
}
|
1753
|
+
|
1754
|
+
[data-component="params-editor"] table:not(.linear) tbody .param-input-wrapper {
|
1755
|
+
min-height: 38px;
|
1756
|
+
}
|
1757
|
+
|
1758
|
+
[data-component="params-editor"] table.linear table, [data-component="params-editor"] table.linear tr, [data-component="params-editor"] table.linear td {
|
1759
|
+
display: block;
|
1760
|
+
}
|
1761
|
+
|
1762
|
+
[data-component="params-editor"] table.linear thead, [data-component="params-editor"] table.linear th {
|
1763
|
+
display: none;
|
1764
|
+
}
|
1765
|
+
|
1766
|
+
[data-component="params-editor"] table.linear tr:not(:last-child) {
|
1767
|
+
--tw-border-opacity: 1;
|
1768
|
+
border-bottom-width: 1px;
|
1769
|
+
border-color: rgb(229 231 235 / var(--tw-border-opacity));
|
1770
|
+
}
|
1771
|
+
|
1772
|
+
[data-component="params-editor"] table.linear tr > :not([hidden]) ~ :not([hidden]) {
|
1773
|
+
--tw-space-y-reverse: 0;
|
1774
|
+
margin-top: calc(.75rem * calc(1 - var(--tw-space-y-reverse)) );
|
1775
|
+
margin-bottom: calc(.75rem * var(--tw-space-y-reverse));
|
1776
|
+
}
|
1777
|
+
|
1778
|
+
[data-component="params-editor"] table.linear tr {
|
1779
|
+
padding-top: 1rem;
|
1780
|
+
padding-bottom: 1rem;
|
1781
|
+
}
|
1782
|
+
|
1783
|
+
[data-component="params-editor"] table.linear td {
|
1784
|
+
vertical-align: middle;
|
1785
|
+
padding-left: 1rem;
|
1786
|
+
padding-right: 1rem;
|
1787
|
+
}
|
1788
|
+
|
1789
|
+
[data-component="params-editor"] table.linear td.param-label {
|
1790
|
+
font-weight: 700;
|
1791
|
+
}
|
1792
|
+
|
1793
|
+
[data-component="params-editor"] table.linear td.param-description-empty {
|
1794
|
+
display: none;
|
1795
|
+
}
|
1796
|
+
|
1672
1797
|
[data-component="prose"] [data-component="code"] {
|
1673
1798
|
border-width: 1px;
|
1674
1799
|
border-color: var(--lookbook-divider);
|
@@ -1725,15 +1850,16 @@ pre[class*="language-"] {
|
|
1725
1850
|
}
|
1726
1851
|
|
1727
1852
|
[data-component="viewport"] .resize-handle:hover {
|
1728
|
-
background-color:
|
1853
|
+
background-color: var(--lookbook-draggable-hint);
|
1729
1854
|
--tw-bg-opacity: .2;
|
1730
1855
|
}
|
1731
1856
|
|
1732
1857
|
[data-component="viewport"] .resize-handle {
|
1733
1858
|
touch-action: none;
|
1859
|
+
-webkit-user-select: none;
|
1734
1860
|
user-select: none;
|
1735
1861
|
color: var(--lookbook-viewport-handle-icon-stroke);
|
1736
|
-
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
|
1862
|
+
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter, backdrop-filter;
|
1737
1863
|
transition-duration: .15s;
|
1738
1864
|
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
|
1739
1865
|
}
|
@@ -1742,30 +1868,95 @@ pre[class*="language-"] {
|
|
1742
1868
|
color: var(--lookbook-viewport-handle-icon-stroke-hover);
|
1743
1869
|
}
|
1744
1870
|
|
1745
|
-
|
1871
|
+
[type="text"], [type="email"], [type="url"], [type="password"], [type="number"], [type="date"], [type="datetime-local"], [type="month"], [type="search"], [type="tel"], [type="time"], [type="week"], textarea, select {
|
1746
1872
|
color: var(--lookbook-input-text);
|
1747
1873
|
}
|
1748
1874
|
|
1749
|
-
|
1875
|
+
[type="text"]::placeholder, [type="email"]::placeholder, [type="url"]::placeholder, [type="password"]::placeholder, [type="number"]::placeholder, [type="date"]::placeholder, [type="datetime-local"]::placeholder, [type="month"]::placeholder, [type="search"]::placeholder, [type="tel"]::placeholder, [type="time"]::placeholder, [type="week"]::placeholder, textarea::placeholder, select::placeholder {
|
1750
1876
|
color: var(--lookbook-input-text-placeholder);
|
1751
1877
|
font-style: italic;
|
1752
1878
|
}
|
1753
1879
|
|
1754
|
-
|
1880
|
+
[type="text"], [type="email"], [type="url"], [type="password"], [type="number"], [type="date"], [type="datetime-local"], [type="month"], [type="search"], [type="tel"], [type="time"], [type="week"], textarea, select {
|
1755
1881
|
border-color: var(--lookbook-input-border);
|
1756
1882
|
}
|
1757
1883
|
|
1758
|
-
|
1884
|
+
[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, textarea:focus, select:focus {
|
1759
1885
|
border-color: var(--lookbook-input-border-focus);
|
1760
1886
|
--tw-ring-color: var(--lookbook-input-border-focus);
|
1761
1887
|
}
|
1762
1888
|
|
1763
|
-
|
1889
|
+
[type="text"], [type="email"], [type="url"], [type="password"], [type="number"], [type="date"], [type="datetime-local"], [type="month"], [type="search"], [type="tel"], [type="time"], [type="week"], textarea, select {
|
1764
1890
|
width: 100%;
|
1765
1891
|
background-color: var(--lookbook-input-bg);
|
1766
1892
|
border-radius: .375rem;
|
1767
1893
|
font-size: .875rem;
|
1768
1894
|
line-height: 1.25rem;
|
1895
|
+
display: block;
|
1896
|
+
}
|
1897
|
+
|
1898
|
+
input[type="range"] {
|
1899
|
+
appearance: none;
|
1900
|
+
cursor: pointer;
|
1901
|
+
width: 100%;
|
1902
|
+
background: none;
|
1903
|
+
}
|
1904
|
+
|
1905
|
+
input[type="range"]:focus {
|
1906
|
+
outline: none;
|
1907
|
+
}
|
1908
|
+
|
1909
|
+
input[type="range"]::-webkit-slider-runnable-track {
|
1910
|
+
background-color: var(--lookbook-input-toggle);
|
1911
|
+
height: .5rem;
|
1912
|
+
border-radius: .5rem;
|
1913
|
+
}
|
1914
|
+
|
1915
|
+
input[type="range"]::-webkit-slider-thumb {
|
1916
|
+
appearance: none;
|
1917
|
+
background-color: var(--lookbook-input-toggle-active);
|
1918
|
+
height: 1rem;
|
1919
|
+
width: 1rem;
|
1920
|
+
border-radius: .5rem;
|
1921
|
+
margin-top: -4px;
|
1922
|
+
}
|
1923
|
+
|
1924
|
+
input[type="range"]::-moz-range-track {
|
1925
|
+
background-color: var(--lookbook-input-toggle);
|
1926
|
+
height: .5rem;
|
1927
|
+
border-radius: .5rem;
|
1928
|
+
}
|
1929
|
+
|
1930
|
+
input[type="range"]::-moz-range-thumb {
|
1931
|
+
background-color: var(--lookbook-input-toggle-active);
|
1932
|
+
height: 1rem;
|
1933
|
+
width: 1rem;
|
1934
|
+
border: none;
|
1935
|
+
border-radius: .5rem;
|
1936
|
+
}
|
1937
|
+
|
1938
|
+
input[type="range"]:focus::-webkit-slider-thumb, input[type="range"]:focus::-moz-range-thumb {
|
1939
|
+
outline-offset: 2px;
|
1940
|
+
outline-width: 1px;
|
1941
|
+
outline-color: var(--lookbook-input-toggle-active);
|
1942
|
+
}
|
1943
|
+
|
1944
|
+
input[type="color"] {
|
1945
|
+
-webkit-appearance: none;
|
1946
|
+
width: 46px;
|
1947
|
+
cursor: pointer;
|
1948
|
+
border-width: 1px;
|
1949
|
+
border-color: var(--lookbook-input-border);
|
1950
|
+
border-radius: .5rem;
|
1951
|
+
}
|
1952
|
+
|
1953
|
+
input[type="color"]::-webkit-color-swatch-wrapper {
|
1954
|
+
padding: 0;
|
1955
|
+
}
|
1956
|
+
|
1957
|
+
input[type="color"]::-webkit-color-swatch {
|
1958
|
+
border-width: 0;
|
1959
|
+
border-radius: .5rem;
|
1769
1960
|
}
|
1770
1961
|
|
1771
1962
|
.pointer-events-none {
|
@@ -1832,6 +2023,10 @@ pre[class*="language-"] {
|
|
1832
2023
|
right: .75rem;
|
1833
2024
|
}
|
1834
2025
|
|
2026
|
+
.right-\[18px\] {
|
2027
|
+
right: 18px;
|
2028
|
+
}
|
2029
|
+
|
1835
2030
|
.-top-px {
|
1836
2031
|
top: -1px;
|
1837
2032
|
}
|
@@ -1844,6 +2039,10 @@ pre[class*="language-"] {
|
|
1844
2039
|
left: -1rem;
|
1845
2040
|
}
|
1846
2041
|
|
2042
|
+
.top-\[2px\] {
|
2043
|
+
top: 2px;
|
2044
|
+
}
|
2045
|
+
|
1847
2046
|
.-bottom-px {
|
1848
2047
|
bottom: -1px;
|
1849
2048
|
}
|
@@ -1922,14 +2121,6 @@ pre[class*="language-"] {
|
|
1922
2121
|
margin-bottom: 1rem;
|
1923
2122
|
}
|
1924
2123
|
|
1925
|
-
.mb-\[-2px\] {
|
1926
|
-
margin-bottom: -2px;
|
1927
|
-
}
|
1928
|
-
|
1929
|
-
.mt-1 {
|
1930
|
-
margin-top: .25rem;
|
1931
|
-
}
|
1932
|
-
|
1933
2124
|
.mr-1 {
|
1934
2125
|
margin-right: .25rem;
|
1935
2126
|
}
|
@@ -1938,6 +2129,14 @@ pre[class*="language-"] {
|
|
1938
2129
|
margin-right: 1.5rem;
|
1939
2130
|
}
|
1940
2131
|
|
2132
|
+
.mb-\[-2px\] {
|
2133
|
+
margin-bottom: -2px;
|
2134
|
+
}
|
2135
|
+
|
2136
|
+
.mt-1 {
|
2137
|
+
margin-top: .25rem;
|
2138
|
+
}
|
2139
|
+
|
1941
2140
|
.mb-6 {
|
1942
2141
|
margin-bottom: 1.5rem;
|
1943
2142
|
}
|
@@ -1958,6 +2157,14 @@ pre[class*="language-"] {
|
|
1958
2157
|
margin-right: .375rem;
|
1959
2158
|
}
|
1960
2159
|
|
2160
|
+
.mr-0\.5 {
|
2161
|
+
margin-right: .125rem;
|
2162
|
+
}
|
2163
|
+
|
2164
|
+
.mr-0 {
|
2165
|
+
margin-right: 0;
|
2166
|
+
}
|
2167
|
+
|
1961
2168
|
.block {
|
1962
2169
|
display: block;
|
1963
2170
|
}
|
@@ -1982,6 +2189,10 @@ pre[class*="language-"] {
|
|
1982
2189
|
display: inline-flex;
|
1983
2190
|
}
|
1984
2191
|
|
2192
|
+
.table {
|
2193
|
+
display: table;
|
2194
|
+
}
|
2195
|
+
|
1985
2196
|
.grid {
|
1986
2197
|
display: grid;
|
1987
2198
|
}
|
@@ -2014,16 +2225,12 @@ pre[class*="language-"] {
|
|
2014
2225
|
height: calc(100vh - 40px);
|
2015
2226
|
}
|
2016
2227
|
|
2017
|
-
.h
|
2018
|
-
height:
|
2019
|
-
}
|
2020
|
-
|
2021
|
-
.h-10 {
|
2022
|
-
height: 2.5rem;
|
2228
|
+
.h-6 {
|
2229
|
+
height: 1.5rem;
|
2023
2230
|
}
|
2024
2231
|
|
2025
|
-
.h-
|
2026
|
-
height:
|
2232
|
+
.h-5 {
|
2233
|
+
height: 1.25rem;
|
2027
2234
|
}
|
2028
2235
|
|
2029
2236
|
.h-3\.5 {
|
@@ -2034,12 +2241,16 @@ pre[class*="language-"] {
|
|
2034
2241
|
height: .75rem;
|
2035
2242
|
}
|
2036
2243
|
|
2037
|
-
.h
|
2038
|
-
height:
|
2244
|
+
.h-\[9px\] {
|
2245
|
+
height: 9px;
|
2039
2246
|
}
|
2040
2247
|
|
2041
|
-
.h-
|
2042
|
-
height:
|
2248
|
+
.h-10 {
|
2249
|
+
height: 2.5rem;
|
2250
|
+
}
|
2251
|
+
|
2252
|
+
.h-4 {
|
2253
|
+
height: 1rem;
|
2043
2254
|
}
|
2044
2255
|
|
2045
2256
|
.\!h-auto {
|
@@ -2062,12 +2273,12 @@ pre[class*="language-"] {
|
|
2062
2273
|
width: 100vw;
|
2063
2274
|
}
|
2064
2275
|
|
2065
|
-
.w
|
2066
|
-
width:
|
2276
|
+
.w-11 {
|
2277
|
+
width: 2.75rem;
|
2067
2278
|
}
|
2068
2279
|
|
2069
|
-
.w-
|
2070
|
-
width:
|
2280
|
+
.w-5 {
|
2281
|
+
width: 1.25rem;
|
2071
2282
|
}
|
2072
2283
|
|
2073
2284
|
.w-3\.5 {
|
@@ -2078,20 +2289,12 @@ pre[class*="language-"] {
|
|
2078
2289
|
width: .75rem;
|
2079
2290
|
}
|
2080
2291
|
|
2081
|
-
.w-\[
|
2082
|
-
width:
|
2083
|
-
}
|
2084
|
-
|
2085
|
-
.w-11 {
|
2086
|
-
width: 2.75rem;
|
2087
|
-
}
|
2088
|
-
|
2089
|
-
.w-5 {
|
2090
|
-
width: 1.25rem;
|
2292
|
+
.w-\[9px\] {
|
2293
|
+
width: 9px;
|
2091
2294
|
}
|
2092
2295
|
|
2093
|
-
.
|
2094
|
-
|
2296
|
+
.w-4 {
|
2297
|
+
width: 1rem;
|
2095
2298
|
}
|
2096
2299
|
|
2097
2300
|
.min-w-\[180px\] {
|
@@ -2122,10 +2325,6 @@ pre[class*="language-"] {
|
|
2122
2325
|
max-width: 20rem;
|
2123
2326
|
}
|
2124
2327
|
|
2125
|
-
.max-w-\[800px\] {
|
2126
|
-
max-width: 800px;
|
2127
|
-
}
|
2128
|
-
|
2129
2328
|
.flex-none {
|
2130
2329
|
flex: none;
|
2131
2330
|
}
|
@@ -2134,8 +2333,8 @@ pre[class*="language-"] {
|
|
2134
2333
|
flex-shrink: 0;
|
2135
2334
|
}
|
2136
2335
|
|
2137
|
-
.
|
2138
|
-
|
2336
|
+
.border-collapse {
|
2337
|
+
border-collapse: collapse;
|
2139
2338
|
}
|
2140
2339
|
|
2141
2340
|
.translate-x-0 {
|
@@ -2148,6 +2347,11 @@ pre[class*="language-"] {
|
|
2148
2347
|
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));
|
2149
2348
|
}
|
2150
2349
|
|
2350
|
+
.translate-x-5 {
|
2351
|
+
--tw-translate-x: 1.25rem;
|
2352
|
+
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));
|
2353
|
+
}
|
2354
|
+
|
2151
2355
|
.-translate-y-1\/2 {
|
2152
2356
|
--tw-translate-y: -50%;
|
2153
2357
|
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));
|
@@ -2158,11 +2362,6 @@ pre[class*="language-"] {
|
|
2158
2362
|
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));
|
2159
2363
|
}
|
2160
2364
|
|
2161
|
-
.translate-x-5 {
|
2162
|
-
--tw-translate-x: 1.25rem;
|
2163
|
-
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));
|
2164
|
-
}
|
2165
|
-
|
2166
2365
|
.rotate-180 {
|
2167
2366
|
--tw-rotate: 180deg;
|
2168
2367
|
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));
|
@@ -2185,13 +2384,17 @@ pre[class*="language-"] {
|
|
2185
2384
|
}
|
2186
2385
|
|
2187
2386
|
.animate-spin {
|
2188
|
-
animation:
|
2387
|
+
animation: 1s linear infinite spin;
|
2189
2388
|
}
|
2190
2389
|
|
2191
2390
|
.\!cursor-default {
|
2192
2391
|
cursor: default !important;
|
2193
2392
|
}
|
2194
2393
|
|
2394
|
+
.cursor-pointer {
|
2395
|
+
cursor: pointer;
|
2396
|
+
}
|
2397
|
+
|
2195
2398
|
.cursor-\[not-allowed\] {
|
2196
2399
|
cursor: not-allowed;
|
2197
2400
|
}
|
@@ -2208,11 +2411,12 @@ pre[class*="language-"] {
|
|
2208
2411
|
cursor: nwse-resize;
|
2209
2412
|
}
|
2210
2413
|
|
2211
|
-
.cursor-
|
2212
|
-
cursor:
|
2414
|
+
.cursor-help {
|
2415
|
+
cursor: help;
|
2213
2416
|
}
|
2214
2417
|
|
2215
2418
|
.select-none {
|
2419
|
+
-webkit-user-select: none;
|
2216
2420
|
user-select: none;
|
2217
2421
|
}
|
2218
2422
|
|
@@ -2248,10 +2452,6 @@ pre[class*="language-"] {
|
|
2248
2452
|
flex-direction: column;
|
2249
2453
|
}
|
2250
2454
|
|
2251
|
-
.items-start {
|
2252
|
-
align-items: flex-start;
|
2253
|
-
}
|
2254
|
-
|
2255
2455
|
.items-center {
|
2256
2456
|
align-items: center;
|
2257
2457
|
}
|
@@ -2268,12 +2468,6 @@ pre[class*="language-"] {
|
|
2268
2468
|
justify-content: space-between;
|
2269
2469
|
}
|
2270
2470
|
|
2271
|
-
.space-x-1 > :not([hidden]) ~ :not([hidden]) {
|
2272
|
-
--tw-space-x-reverse: 0;
|
2273
|
-
margin-right: calc(.25rem * var(--tw-space-x-reverse));
|
2274
|
-
margin-left: calc(.25rem * calc(1 - var(--tw-space-x-reverse)) );
|
2275
|
-
}
|
2276
|
-
|
2277
2471
|
.space-y-2 > :not([hidden]) ~ :not([hidden]) {
|
2278
2472
|
--tw-space-y-reverse: 0;
|
2279
2473
|
margin-top: calc(.5rem * calc(1 - var(--tw-space-y-reverse)) );
|
@@ -2286,6 +2480,12 @@ pre[class*="language-"] {
|
|
2286
2480
|
margin-left: calc(.5rem * calc(1 - var(--tw-space-x-reverse)) );
|
2287
2481
|
}
|
2288
2482
|
|
2483
|
+
.space-x-1 > :not([hidden]) ~ :not([hidden]) {
|
2484
|
+
--tw-space-x-reverse: 0;
|
2485
|
+
margin-right: calc(.25rem * var(--tw-space-x-reverse));
|
2486
|
+
margin-left: calc(.25rem * calc(1 - var(--tw-space-x-reverse)) );
|
2487
|
+
}
|
2488
|
+
|
2289
2489
|
.space-x-6 > :not([hidden]) ~ :not([hidden]) {
|
2290
2490
|
--tw-space-x-reverse: 0;
|
2291
2491
|
margin-right: calc(1.5rem * var(--tw-space-x-reverse));
|
@@ -2298,6 +2498,12 @@ pre[class*="language-"] {
|
|
2298
2498
|
margin-left: calc(.75rem * calc(1 - var(--tw-space-x-reverse)) );
|
2299
2499
|
}
|
2300
2500
|
|
2501
|
+
.space-y-3 > :not([hidden]) ~ :not([hidden]) {
|
2502
|
+
--tw-space-y-reverse: 0;
|
2503
|
+
margin-top: calc(.75rem * calc(1 - var(--tw-space-y-reverse)) );
|
2504
|
+
margin-bottom: calc(.75rem * var(--tw-space-y-reverse));
|
2505
|
+
}
|
2506
|
+
|
2301
2507
|
.divide-y > :not([hidden]) ~ :not([hidden]) {
|
2302
2508
|
--tw-divide-y-reverse: 0;
|
2303
2509
|
border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)) );
|
@@ -2328,6 +2534,10 @@ pre[class*="language-"] {
|
|
2328
2534
|
overflow-y: auto;
|
2329
2535
|
}
|
2330
2536
|
|
2537
|
+
.overflow-x-hidden {
|
2538
|
+
overflow-x: hidden;
|
2539
|
+
}
|
2540
|
+
|
2331
2541
|
.overflow-y-hidden {
|
2332
2542
|
overflow-y: hidden;
|
2333
2543
|
}
|
@@ -2350,6 +2560,10 @@ pre[class*="language-"] {
|
|
2350
2560
|
white-space: pre-wrap;
|
2351
2561
|
}
|
2352
2562
|
|
2563
|
+
.rounded-full {
|
2564
|
+
border-radius: 9999px;
|
2565
|
+
}
|
2566
|
+
|
2353
2567
|
.rounded-sm {
|
2354
2568
|
border-radius: .125rem;
|
2355
2569
|
}
|
@@ -2358,14 +2572,14 @@ pre[class*="language-"] {
|
|
2358
2572
|
border-radius: .375rem;
|
2359
2573
|
}
|
2360
2574
|
|
2361
|
-
.rounded-full {
|
2362
|
-
border-radius: 9999px;
|
2363
|
-
}
|
2364
|
-
|
2365
2575
|
.rounded-bl-md {
|
2366
2576
|
border-bottom-left-radius: .375rem;
|
2367
2577
|
}
|
2368
2578
|
|
2579
|
+
.rounded-tl-sm {
|
2580
|
+
border-top-left-radius: .125rem;
|
2581
|
+
}
|
2582
|
+
|
2369
2583
|
.border {
|
2370
2584
|
border-width: 1px;
|
2371
2585
|
}
|
@@ -2424,6 +2638,10 @@ pre[class*="language-"] {
|
|
2424
2638
|
border-color: rgb(209 213 219 / var(--tw-border-opacity));
|
2425
2639
|
}
|
2426
2640
|
|
2641
|
+
.border-transparent {
|
2642
|
+
border-color: #0000;
|
2643
|
+
}
|
2644
|
+
|
2427
2645
|
.border-gray-200 {
|
2428
2646
|
--tw-border-opacity: 1;
|
2429
2647
|
border-color: rgb(229 231 235 / var(--tw-border-opacity));
|
@@ -2433,10 +2651,6 @@ pre[class*="language-"] {
|
|
2433
2651
|
border-color: var(--lookbook-header-border) !important;
|
2434
2652
|
}
|
2435
2653
|
|
2436
|
-
.border-transparent {
|
2437
|
-
border-color: #0000;
|
2438
|
-
}
|
2439
|
-
|
2440
2654
|
.border-lookbook-tabs-border-active {
|
2441
2655
|
border-color: var(--lookbook-tabs-border-active);
|
2442
2656
|
}
|
@@ -2477,12 +2691,16 @@ pre[class*="language-"] {
|
|
2477
2691
|
background-color: var(--lookbook-drawer-bg);
|
2478
2692
|
}
|
2479
2693
|
|
2480
|
-
.bg-lookbook-
|
2481
|
-
background-color: var(--lookbook-
|
2694
|
+
.bg-lookbook-input-toggle-active {
|
2695
|
+
background-color: var(--lookbook-input-toggle-active);
|
2482
2696
|
}
|
2483
2697
|
|
2484
|
-
|
2485
|
-
background-color: var(--lookbook-
|
2698
|
+
.bg-lookbook-input-toggle {
|
2699
|
+
background-color: var(--lookbook-input-toggle);
|
2700
|
+
}
|
2701
|
+
|
2702
|
+
.bg-lookbook-prose-bg {
|
2703
|
+
background-color: var(--lookbook-prose-bg);
|
2486
2704
|
}
|
2487
2705
|
|
2488
2706
|
.bg-zinc-50 {
|
@@ -2490,6 +2708,10 @@ pre[class*="language-"] {
|
|
2490
2708
|
background-color: rgb(250 250 250 / var(--tw-bg-opacity));
|
2491
2709
|
}
|
2492
2710
|
|
2711
|
+
.\!bg-lookbook-header-bg {
|
2712
|
+
background-color: var(--lookbook-header-bg) !important;
|
2713
|
+
}
|
2714
|
+
|
2493
2715
|
.bg-lookbook-divider {
|
2494
2716
|
background-color: var(--lookbook-divider);
|
2495
2717
|
}
|
@@ -2502,16 +2724,12 @@ pre[class*="language-"] {
|
|
2502
2724
|
background-color: var(--lookbook-viewport-handle);
|
2503
2725
|
}
|
2504
2726
|
|
2505
|
-
|
2506
|
-
background-color:
|
2507
|
-
}
|
2508
|
-
|
2509
|
-
.bg-lookbook-input-toggle-active {
|
2510
|
-
background-color: var(--lookbook-input-toggle-active);
|
2727
|
+
.bg-gray-100\/80 {
|
2728
|
+
background-color: #f3f4f6cc;
|
2511
2729
|
}
|
2512
2730
|
|
2513
|
-
|
2514
|
-
background-color: var(--lookbook-
|
2731
|
+
.\!bg-lookbook-nav-item-active {
|
2732
|
+
background-color: var(--lookbook-nav-item-active) !important;
|
2515
2733
|
}
|
2516
2734
|
|
2517
2735
|
.stroke-current {
|
@@ -2566,9 +2784,9 @@ pre[class*="language-"] {
|
|
2566
2784
|
padding-bottom: .5rem;
|
2567
2785
|
}
|
2568
2786
|
|
2569
|
-
.
|
2570
|
-
padding-
|
2571
|
-
padding-
|
2787
|
+
.px-2 {
|
2788
|
+
padding-left: .5rem;
|
2789
|
+
padding-right: .5rem;
|
2572
2790
|
}
|
2573
2791
|
|
2574
2792
|
.px-3 {
|
@@ -2576,21 +2794,26 @@ pre[class*="language-"] {
|
|
2576
2794
|
padding-right: .75rem;
|
2577
2795
|
}
|
2578
2796
|
|
2797
|
+
.py-3 {
|
2798
|
+
padding-top: .75rem;
|
2799
|
+
padding-bottom: .75rem;
|
2800
|
+
}
|
2801
|
+
|
2579
2802
|
.py-1 {
|
2580
2803
|
padding-top: .25rem;
|
2581
2804
|
padding-bottom: .25rem;
|
2582
2805
|
}
|
2583
2806
|
|
2807
|
+
.py-4 {
|
2808
|
+
padding-top: 1rem;
|
2809
|
+
padding-bottom: 1rem;
|
2810
|
+
}
|
2811
|
+
|
2584
2812
|
.px-1 {
|
2585
2813
|
padding-left: .25rem;
|
2586
2814
|
padding-right: .25rem;
|
2587
2815
|
}
|
2588
2816
|
|
2589
|
-
.px-2 {
|
2590
|
-
padding-left: .5rem;
|
2591
|
-
padding-right: .5rem;
|
2592
|
-
}
|
2593
|
-
|
2594
2817
|
.pb-10 {
|
2595
2818
|
padding-bottom: 2.5rem;
|
2596
2819
|
}
|
@@ -2631,6 +2854,10 @@ pre[class*="language-"] {
|
|
2631
2854
|
padding-bottom: 3rem;
|
2632
2855
|
}
|
2633
2856
|
|
2857
|
+
.pt-2 {
|
2858
|
+
padding-top: .5rem;
|
2859
|
+
}
|
2860
|
+
|
2634
2861
|
.pt-\[4px\] {
|
2635
2862
|
padding-top: 4px;
|
2636
2863
|
}
|
@@ -2639,8 +2866,16 @@ pre[class*="language-"] {
|
|
2639
2866
|
padding-bottom: 0;
|
2640
2867
|
}
|
2641
2868
|
|
2642
|
-
.pr-
|
2643
|
-
padding-right: .
|
2869
|
+
.pr-1 {
|
2870
|
+
padding-right: .25rem;
|
2871
|
+
}
|
2872
|
+
|
2873
|
+
.pl-2 {
|
2874
|
+
padding-left: .5rem;
|
2875
|
+
}
|
2876
|
+
|
2877
|
+
.pt-1\.5 {
|
2878
|
+
padding-top: .375rem;
|
2644
2879
|
}
|
2645
2880
|
|
2646
2881
|
.pt-2\.5 {
|
@@ -2651,10 +2886,6 @@ pre[class*="language-"] {
|
|
2651
2886
|
padding-bottom: .375rem;
|
2652
2887
|
}
|
2653
2888
|
|
2654
|
-
.pt-2 {
|
2655
|
-
padding-top: .5rem;
|
2656
|
-
}
|
2657
|
-
|
2658
2889
|
.text-left {
|
2659
2890
|
text-align: left;
|
2660
2891
|
}
|
@@ -2663,6 +2894,10 @@ pre[class*="language-"] {
|
|
2663
2894
|
text-align: center;
|
2664
2895
|
}
|
2665
2896
|
|
2897
|
+
.align-middle {
|
2898
|
+
vertical-align: middle;
|
2899
|
+
}
|
2900
|
+
|
2666
2901
|
.font-mono {
|
2667
2902
|
font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace;
|
2668
2903
|
}
|
@@ -2761,6 +2996,11 @@ pre[class*="language-"] {
|
|
2761
2996
|
color: rgb(34 197 94 / var(--tw-text-opacity));
|
2762
2997
|
}
|
2763
2998
|
|
2999
|
+
.text-green-600 {
|
3000
|
+
--tw-text-opacity: 1;
|
3001
|
+
color: rgb(22 163 74 / var(--tw-text-opacity));
|
3002
|
+
}
|
3003
|
+
|
2764
3004
|
.\!text-lookbook-header-text {
|
2765
3005
|
color: var(--lookbook-header-text) !important;
|
2766
3006
|
}
|
@@ -2769,9 +3009,8 @@ pre[class*="language-"] {
|
|
2769
3009
|
color: var(--lookbook-branding-text);
|
2770
3010
|
}
|
2771
3011
|
|
2772
|
-
.text-
|
2773
|
-
--
|
2774
|
-
color: rgb(22 163 74 / var(--tw-text-opacity));
|
3012
|
+
.text-lookbook-header-text {
|
3013
|
+
color: var(--lookbook-header-text);
|
2775
3014
|
}
|
2776
3015
|
|
2777
3016
|
.text-lookbook-prose-text {
|
@@ -2794,6 +3033,11 @@ pre[class*="language-"] {
|
|
2794
3033
|
color: var(--lookbook-nav-icon-stroke);
|
2795
3034
|
}
|
2796
3035
|
|
3036
|
+
.text-red-500 {
|
3037
|
+
--tw-text-opacity: 1;
|
3038
|
+
color: rgb(239 68 68 / var(--tw-text-opacity));
|
3039
|
+
}
|
3040
|
+
|
2797
3041
|
.text-lookbook-tabs-text {
|
2798
3042
|
color: var(--lookbook-tabs-text);
|
2799
3043
|
}
|
@@ -2830,24 +3074,28 @@ pre[class*="language-"] {
|
|
2830
3074
|
opacity: .9;
|
2831
3075
|
}
|
2832
3076
|
|
2833
|
-
.opacity-30 {
|
2834
|
-
opacity: .3;
|
2835
|
-
}
|
2836
|
-
|
2837
3077
|
.opacity-40 {
|
2838
3078
|
opacity: .4;
|
2839
3079
|
}
|
2840
3080
|
|
2841
|
-
|
2842
|
-
opacity:
|
3081
|
+
.opacity-80 {
|
3082
|
+
opacity: .8;
|
2843
3083
|
}
|
2844
3084
|
|
2845
3085
|
.opacity-70 {
|
2846
3086
|
opacity: .7;
|
2847
3087
|
}
|
2848
3088
|
|
2849
|
-
|
2850
|
-
opacity:
|
3089
|
+
.\!opacity-100 {
|
3090
|
+
opacity: 1 !important;
|
3091
|
+
}
|
3092
|
+
|
3093
|
+
.opacity-25 {
|
3094
|
+
opacity: .25;
|
3095
|
+
}
|
3096
|
+
|
3097
|
+
.opacity-75 {
|
3098
|
+
opacity: .75;
|
2851
3099
|
}
|
2852
3100
|
|
2853
3101
|
.shadow {
|
@@ -2878,7 +3126,7 @@ pre[class*="language-"] {
|
|
2878
3126
|
}
|
2879
3127
|
|
2880
3128
|
.transition {
|
2881
|
-
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
|
3129
|
+
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter, backdrop-filter;
|
2882
3130
|
transition-duration: .15s;
|
2883
3131
|
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
|
2884
3132
|
}
|
@@ -3117,11 +3365,6 @@ pre[class*="language-"] {
|
|
3117
3365
|
background-color: var(--lookbook-draggable-hint);
|
3118
3366
|
}
|
3119
3367
|
|
3120
|
-
.hover\:bg-indigo-100:hover {
|
3121
|
-
--tw-bg-opacity: 1;
|
3122
|
-
background-color: rgb(224 231 255 / var(--tw-bg-opacity));
|
3123
|
-
}
|
3124
|
-
|
3125
3368
|
.hover\:bg-lookbook-nav-item-hover:hover {
|
3126
3369
|
background-color: var(--lookbook-nav-item-hover);
|
3127
3370
|
}
|
@@ -3161,15 +3404,15 @@ pre[class*="language-"] {
|
|
3161
3404
|
outline: 2px solid #0000;
|
3162
3405
|
}
|
3163
3406
|
|
3164
|
-
.focus\:ring-
|
3407
|
+
.focus\:ring-2:focus {
|
3165
3408
|
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
3166
|
-
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(
|
3409
|
+
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
3167
3410
|
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
|
3168
3411
|
}
|
3169
3412
|
|
3170
|
-
.focus\:ring-
|
3413
|
+
.focus\:ring-0:focus {
|
3171
3414
|
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
3172
|
-
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(
|
3415
|
+
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
3173
3416
|
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
|
3174
3417
|
}
|
3175
3418
|
|