lookbook 1.0.0.beta.4 → 1.0.0.beta.7
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/README.md +27 -254
- data/app/assets/lookbook/css/lookbook.css +1 -1
- data/app/assets/lookbook/css/themes/blue.css +57 -36
- data/app/assets/lookbook/css/themes/indigo.css +57 -36
- data/app/assets/lookbook/css/themes/zinc.css +57 -36
- data/app/assets/lookbook/css/tooltip.css +5 -5
- data/app/components/lookbook/base_component.rb +6 -4
- data/app/components/lookbook/button/component.html.erb +2 -2
- data/app/components/lookbook/copy_button/component.html.erb +3 -3
- data/app/components/lookbook/embed/component.html.erb +33 -33
- data/app/components/lookbook/embed/component.rb +8 -0
- data/app/components/lookbook/filter/component.html.erb +1 -1
- data/app/components/lookbook/header/component.html.erb +3 -3
- data/app/components/lookbook/inspector_panel/component.html.erb +4 -0
- data/app/components/lookbook/inspector_panel/component.rb +36 -0
- data/app/components/lookbook/nav/component.html.erb +4 -8
- data/app/components/lookbook/nav/component.rb +5 -7
- data/app/components/lookbook/nav/item/component.html.erb +12 -6
- data/app/components/lookbook/nav/item/component.rb +9 -2
- data/app/components/lookbook/page_tabs/component.html.erb +1 -1
- data/app/components/lookbook/params_editor/field/component.rb +2 -1
- data/app/components/lookbook/prose/component.html.erb +1 -1
- data/app/components/lookbook/split_layout/component.html.erb +1 -1
- data/app/components/lookbook/tab_panels/panel/component.html.erb +2 -2
- data/app/components/lookbook/tabs/component.html.erb +2 -2
- data/app/components/lookbook/tabs/dropdown_tab/component.html.erb +2 -2
- data/app/components/lookbook/tabs/tab/component.html.erb +2 -2
- data/app/components/lookbook/tag_component.rb +5 -10
- data/app/components/lookbook/toolbar/component.html.erb +1 -1
- data/app/components/lookbook/viewport/component.css +1 -1
- data/app/components/lookbook/viewport/component.html.erb +1 -1
- data/app/controllers/lookbook/application_controller.rb +2 -2
- data/app/controllers/lookbook/pages_controller.rb +1 -0
- data/app/controllers/lookbook/previews_controller.rb +15 -3
- data/app/helpers/lookbook/application_helper.rb +9 -6
- data/app/helpers/lookbook/preview_helper.rb +2 -3
- data/app/views/layouts/lookbook/application.html.erb +76 -60
- data/app/views/layouts/lookbook/page.html.erb +36 -36
- data/app/views/layouts/lookbook/shell.html.erb +6 -0
- data/app/views/layouts/lookbook/skeleton.html.erb +15 -14
- data/app/views/lookbook/index.html.erb +24 -11
- data/app/views/lookbook/pages/show.html.erb +1 -1
- data/app/views/lookbook/previews/panels/_content.html.erb +1 -1
- data/app/views/lookbook/previews/panels/_notes.html.erb +2 -2
- data/app/views/lookbook/previews/panels/_params.html.erb +1 -1
- data/app/views/lookbook/previews/show.html.erb +12 -10
- data/lib/lookbook/config.rb +63 -36
- data/lib/lookbook/data.rb +11 -0
- data/lib/lookbook/engine.rb +68 -60
- data/lib/lookbook/hooks.rb +21 -0
- data/lib/lookbook/markdown.rb +3 -1
- data/lib/lookbook/page.rb +4 -0
- data/lib/lookbook/panels.rb +15 -0
- data/lib/lookbook/params.rb +12 -0
- data/lib/lookbook/parser.rb +4 -1
- data/lib/lookbook/preview.rb +36 -6
- data/lib/lookbook/preview_example.rb +1 -1
- data/lib/lookbook/preview_group.rb +8 -0
- data/lib/lookbook/source_inspector.rb +9 -0
- data/lib/lookbook/store.rb +8 -0
- data/lib/lookbook/tag.rb +108 -0
- data/lib/lookbook/tags.rb +22 -0
- data/lib/lookbook/theme.rb +36 -7
- data/lib/lookbook/version.rb +1 -1
- data/lib/lookbook.rb +1 -0
- data/lib/tasks/lookbook_tasks.rake +1 -1
- data/public/lookbook-assets/css/lookbook.css +314 -162
- data/public/lookbook-assets/css/lookbook.css.map +1 -1
- data/public/lookbook-assets/css/themes/blue.css +57 -36
- data/public/lookbook-assets/css/themes/blue.css.map +1 -1
- data/public/lookbook-assets/css/themes/indigo.css +57 -36
- data/public/lookbook-assets/css/themes/indigo.css.map +1 -1
- data/public/lookbook-assets/css/themes/zinc.css +57 -36
- data/public/lookbook-assets/css/themes/zinc.css.map +1 -1
- data/public/lookbook-assets/js/embed.js +193 -193
- data/public/lookbook-assets/js/lookbook.js +1162 -1319
- data/public/lookbook-assets/js/lookbook.js.map +1 -1
- metadata +11 -4
@@ -76,6 +76,7 @@ table {
|
|
76
76
|
button, input, optgroup, select, textarea {
|
77
77
|
font-family: inherit;
|
78
78
|
font-size: 100%;
|
79
|
+
font-weight: inherit;
|
79
80
|
line-height: inherit;
|
80
81
|
color: inherit;
|
81
82
|
margin: 0;
|
@@ -93,7 +94,7 @@ button, [type="button"], [type="reset"], [type="submit"] {
|
|
93
94
|
}
|
94
95
|
|
95
96
|
:-moz-focusring {
|
96
|
-
outline:
|
97
|
+
outline: auto;
|
97
98
|
}
|
98
99
|
|
99
100
|
:-moz-ui-invalid {
|
@@ -172,10 +173,6 @@ img, video {
|
|
172
173
|
height: auto;
|
173
174
|
}
|
174
175
|
|
175
|
-
[hidden] {
|
176
|
-
display: none;
|
177
|
-
}
|
178
|
-
|
179
176
|
[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"], [multiple], textarea, select {
|
180
177
|
appearance: none;
|
181
178
|
--tw-shadow: 0 0 #0000;
|
@@ -195,7 +192,7 @@ img, video {
|
|
195
192
|
--tw-ring-offset-color: #fff;
|
196
193
|
--tw-ring-color: #2563eb;
|
197
194
|
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
198
|
-
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)
|
195
|
+
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
199
196
|
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
200
197
|
border-color: #2563eb;
|
201
198
|
outline: 2px solid #0000;
|
@@ -241,7 +238,6 @@ select {
|
|
241
238
|
appearance: none;
|
242
239
|
color-adjust: exact;
|
243
240
|
vertical-align: middle;
|
244
|
-
-webkit-user-select: none;
|
245
241
|
user-select: none;
|
246
242
|
height: 1rem;
|
247
243
|
width: 1rem;
|
@@ -271,7 +267,7 @@ select {
|
|
271
267
|
--tw-ring-offset-color: #fff;
|
272
268
|
--tw-ring-color: #2563eb;
|
273
269
|
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
274
|
-
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)
|
270
|
+
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
275
271
|
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
276
272
|
outline: 2px solid #0000;
|
277
273
|
}
|
@@ -377,7 +373,9 @@ pre[class*="language-"] {
|
|
377
373
|
background-color: var(--lookbook-scrollbar-hover);
|
378
374
|
}
|
379
375
|
|
380
|
-
*, :before, :after {
|
376
|
+
*, :before, :after, ::backdrop {
|
377
|
+
--tw-border-spacing-x: 0;
|
378
|
+
--tw-border-spacing-y: 0;
|
381
379
|
--tw-translate-x: 0;
|
382
380
|
--tw-translate-y: 0;
|
383
381
|
--tw-rotate: 0;
|
@@ -446,7 +444,21 @@ pre[class*="language-"] {
|
|
446
444
|
font-weight: 600;
|
447
445
|
}
|
448
446
|
|
447
|
+
.prose :where(a strong):not(:where([class~="not-prose"] *)) {
|
448
|
+
color: inherit;
|
449
|
+
}
|
450
|
+
|
451
|
+
.prose :where(blockquote strong):not(:where([class~="not-prose"] *)) {
|
452
|
+
color: inherit;
|
453
|
+
}
|
454
|
+
|
455
|
+
.prose :where(thead th strong):not(:where([class~="not-prose"] *)) {
|
456
|
+
color: inherit;
|
457
|
+
}
|
458
|
+
|
449
459
|
.prose :where(ol):not(:where([class~="not-prose"] *)) {
|
460
|
+
margin-top: 1.25em;
|
461
|
+
margin-bottom: 1.25em;
|
450
462
|
padding-left: 1.625em;
|
451
463
|
list-style-type: decimal;
|
452
464
|
}
|
@@ -488,6 +500,8 @@ pre[class*="language-"] {
|
|
488
500
|
}
|
489
501
|
|
490
502
|
.prose :where(ul):not(:where([class~="not-prose"] *)) {
|
503
|
+
margin-top: 1.25em;
|
504
|
+
margin-bottom: 1.25em;
|
491
505
|
padding-left: 1.625em;
|
492
506
|
list-style-type: disc;
|
493
507
|
}
|
@@ -538,6 +552,7 @@ pre[class*="language-"] {
|
|
538
552
|
}
|
539
553
|
|
540
554
|
.prose :where(h1 strong):not(:where([class~="not-prose"] *)) {
|
555
|
+
color: inherit;
|
541
556
|
font-weight: 900;
|
542
557
|
}
|
543
558
|
|
@@ -551,6 +566,7 @@ pre[class*="language-"] {
|
|
551
566
|
}
|
552
567
|
|
553
568
|
.prose :where(h2 strong):not(:where([class~="not-prose"] *)) {
|
569
|
+
color: inherit;
|
554
570
|
font-weight: 800;
|
555
571
|
}
|
556
572
|
|
@@ -564,6 +580,7 @@ pre[class*="language-"] {
|
|
564
580
|
}
|
565
581
|
|
566
582
|
.prose :where(h3 strong):not(:where([class~="not-prose"] *)) {
|
583
|
+
color: inherit;
|
567
584
|
font-weight: 700;
|
568
585
|
}
|
569
586
|
|
@@ -576,9 +593,15 @@ pre[class*="language-"] {
|
|
576
593
|
}
|
577
594
|
|
578
595
|
.prose :where(h4 strong):not(:where([class~="not-prose"] *)) {
|
596
|
+
color: inherit;
|
579
597
|
font-weight: 700;
|
580
598
|
}
|
581
599
|
|
600
|
+
.prose :where(img):not(:where([class~="not-prose"] *)) {
|
601
|
+
margin-top: 2em;
|
602
|
+
margin-bottom: 2em;
|
603
|
+
}
|
604
|
+
|
582
605
|
.prose :where(figure > *):not(:where([class~="not-prose"] *)) {
|
583
606
|
margin-top: 0;
|
584
607
|
margin-bottom: 0;
|
@@ -602,7 +625,33 @@ pre[class*="language-"] {
|
|
602
625
|
}
|
603
626
|
|
604
627
|
.prose :where(a code):not(:where([class~="not-prose"] *)) {
|
605
|
-
color:
|
628
|
+
color: inherit;
|
629
|
+
}
|
630
|
+
|
631
|
+
.prose :where(h1 code):not(:where([class~="not-prose"] *)) {
|
632
|
+
color: inherit;
|
633
|
+
}
|
634
|
+
|
635
|
+
.prose :where(h2 code):not(:where([class~="not-prose"] *)) {
|
636
|
+
color: inherit;
|
637
|
+
font-size: .875em;
|
638
|
+
}
|
639
|
+
|
640
|
+
.prose :where(h3 code):not(:where([class~="not-prose"] *)) {
|
641
|
+
color: inherit;
|
642
|
+
font-size: .9em;
|
643
|
+
}
|
644
|
+
|
645
|
+
.prose :where(h4 code):not(:where([class~="not-prose"] *)) {
|
646
|
+
color: inherit;
|
647
|
+
}
|
648
|
+
|
649
|
+
.prose :where(blockquote code):not(:where([class~="not-prose"] *)) {
|
650
|
+
color: inherit;
|
651
|
+
}
|
652
|
+
|
653
|
+
.prose :where(thead th code):not(:where([class~="not-prose"] *)) {
|
654
|
+
color: inherit;
|
606
655
|
}
|
607
656
|
|
608
657
|
.prose :where(pre):not(:where([class~="not-prose"] *)) {
|
@@ -669,7 +718,15 @@ pre[class*="language-"] {
|
|
669
718
|
|
670
719
|
.prose :where(tbody td):not(:where([class~="not-prose"] *)) {
|
671
720
|
vertical-align: baseline;
|
672
|
-
|
721
|
+
}
|
722
|
+
|
723
|
+
.prose :where(tfoot):not(:where([class~="not-prose"] *)) {
|
724
|
+
border-top-width: 1px;
|
725
|
+
border-top-color: var(--tw-prose-th-borders);
|
726
|
+
}
|
727
|
+
|
728
|
+
.prose :where(tfoot td):not(:where([class~="not-prose"] *)) {
|
729
|
+
vertical-align: top;
|
673
730
|
}
|
674
731
|
|
675
732
|
.prose {
|
@@ -714,11 +771,6 @@ pre[class*="language-"] {
|
|
714
771
|
margin-bottom: 1.25em;
|
715
772
|
}
|
716
773
|
|
717
|
-
.prose :where(img):not(:where([class~="not-prose"] *)) {
|
718
|
-
margin-top: 2em;
|
719
|
-
margin-bottom: 2em;
|
720
|
-
}
|
721
|
-
|
722
774
|
.prose :where(video):not(:where([class~="not-prose"] *)) {
|
723
775
|
margin-top: 2em;
|
724
776
|
margin-bottom: 2em;
|
@@ -729,14 +781,6 @@ pre[class*="language-"] {
|
|
729
781
|
margin-bottom: 2em;
|
730
782
|
}
|
731
783
|
|
732
|
-
.prose :where(h2 code):not(:where([class~="not-prose"] *)) {
|
733
|
-
font-size: .875em;
|
734
|
-
}
|
735
|
-
|
736
|
-
.prose :where(h3 code):not(:where([class~="not-prose"] *)) {
|
737
|
-
font-size: .9em;
|
738
|
-
}
|
739
|
-
|
740
784
|
.prose :where(li):not(:where([class~="not-prose"] *)) {
|
741
785
|
margin-top: .5em;
|
742
786
|
margin-bottom: .5em;
|
@@ -750,24 +794,24 @@ pre[class*="language-"] {
|
|
750
794
|
padding-left: .375em;
|
751
795
|
}
|
752
796
|
|
753
|
-
.prose
|
797
|
+
.prose :where(.prose > ul > li p):not(:where([class~="not-prose"] *)) {
|
754
798
|
margin-top: .75em;
|
755
799
|
margin-bottom: .75em;
|
756
800
|
}
|
757
801
|
|
758
|
-
.prose
|
802
|
+
.prose :where(.prose > ul > li > :first-child):not(:where([class~="not-prose"] *)) {
|
759
803
|
margin-top: 1.25em;
|
760
804
|
}
|
761
805
|
|
762
|
-
.prose
|
806
|
+
.prose :where(.prose > ul > li > :last-child):not(:where([class~="not-prose"] *)) {
|
763
807
|
margin-bottom: 1.25em;
|
764
808
|
}
|
765
809
|
|
766
|
-
.prose
|
810
|
+
.prose :where(.prose > ol > li > :first-child):not(:where([class~="not-prose"] *)) {
|
767
811
|
margin-top: 1.25em;
|
768
812
|
}
|
769
813
|
|
770
|
-
.prose
|
814
|
+
.prose :where(.prose > ol > li > :last-child):not(:where([class~="not-prose"] *)) {
|
771
815
|
margin-bottom: 1.25em;
|
772
816
|
}
|
773
817
|
|
@@ -800,19 +844,23 @@ pre[class*="language-"] {
|
|
800
844
|
padding-right: 0;
|
801
845
|
}
|
802
846
|
|
803
|
-
.prose :where(tbody td
|
847
|
+
.prose :where(tbody td, tfoot td):not(:where([class~="not-prose"] *)) {
|
848
|
+
padding: .571429em;
|
849
|
+
}
|
850
|
+
|
851
|
+
.prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"] *)) {
|
804
852
|
padding-left: 0;
|
805
853
|
}
|
806
854
|
|
807
|
-
.prose :where(tbody td:last-child):not(:where([class~="not-prose"] *)) {
|
855
|
+
.prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"] *)) {
|
808
856
|
padding-right: 0;
|
809
857
|
}
|
810
858
|
|
811
|
-
.prose
|
859
|
+
.prose :where(.prose > :first-child):not(:where([class~="not-prose"] *)) {
|
812
860
|
margin-top: 0;
|
813
861
|
}
|
814
862
|
|
815
|
-
.prose
|
863
|
+
.prose :where(.prose > :last-child):not(:where([class~="not-prose"] *)) {
|
816
864
|
margin-bottom: 0;
|
817
865
|
}
|
818
866
|
|
@@ -914,10 +962,14 @@ pre[class*="language-"] {
|
|
914
962
|
}
|
915
963
|
|
916
964
|
.prose-sm :where(ol):not(:where([class~="not-prose"] *)) {
|
965
|
+
margin-top: 1.14286em;
|
966
|
+
margin-bottom: 1.14286em;
|
917
967
|
padding-left: 1.57143em;
|
918
968
|
}
|
919
969
|
|
920
970
|
.prose-sm :where(ul):not(:where([class~="not-prose"] *)) {
|
971
|
+
margin-top: 1.14286em;
|
972
|
+
margin-bottom: 1.14286em;
|
921
973
|
padding-left: 1.57143em;
|
922
974
|
}
|
923
975
|
|
@@ -934,24 +986,24 @@ pre[class*="language-"] {
|
|
934
986
|
padding-left: .428571em;
|
935
987
|
}
|
936
988
|
|
937
|
-
.prose-sm
|
989
|
+
.prose-sm :where(.prose > ul > li p):not(:where([class~="not-prose"] *)) {
|
938
990
|
margin-top: .571429em;
|
939
991
|
margin-bottom: .571429em;
|
940
992
|
}
|
941
993
|
|
942
|
-
.prose-sm
|
994
|
+
.prose-sm :where(.prose > ul > li > :first-child):not(:where([class~="not-prose"] *)) {
|
943
995
|
margin-top: 1.14286em;
|
944
996
|
}
|
945
997
|
|
946
|
-
.prose-sm
|
998
|
+
.prose-sm :where(.prose > ul > li > :last-child):not(:where([class~="not-prose"] *)) {
|
947
999
|
margin-bottom: 1.14286em;
|
948
1000
|
}
|
949
1001
|
|
950
|
-
.prose-sm
|
1002
|
+
.prose-sm :where(.prose > ol > li > :first-child):not(:where([class~="not-prose"] *)) {
|
951
1003
|
margin-top: 1.14286em;
|
952
1004
|
}
|
953
1005
|
|
954
|
-
.prose-sm
|
1006
|
+
.prose-sm :where(.prose > ol > li > :last-child):not(:where([class~="not-prose"] *)) {
|
955
1007
|
margin-bottom: 1.14286em;
|
956
1008
|
}
|
957
1009
|
|
@@ -1000,23 +1052,52 @@ pre[class*="language-"] {
|
|
1000
1052
|
padding-right: 0;
|
1001
1053
|
}
|
1002
1054
|
|
1003
|
-
.prose-sm :where(tbody td):not(:where([class~="not-prose"] *)) {
|
1055
|
+
.prose-sm :where(tbody td, tfoot td):not(:where([class~="not-prose"] *)) {
|
1004
1056
|
padding: .666667em 1em;
|
1005
1057
|
}
|
1006
1058
|
|
1007
|
-
.prose-sm :where(tbody td:first-child):not(:where([class~="not-prose"] *)) {
|
1059
|
+
.prose-sm :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"] *)) {
|
1008
1060
|
padding-left: 0;
|
1009
1061
|
}
|
1010
1062
|
|
1011
|
-
.prose-sm :where(tbody td:last-child):not(:where([class~="not-prose"] *)) {
|
1063
|
+
.prose-sm :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"] *)) {
|
1012
1064
|
padding-right: 0;
|
1013
1065
|
}
|
1014
1066
|
|
1015
|
-
.prose-sm
|
1067
|
+
.prose-sm :where(.prose > :first-child):not(:where([class~="not-prose"] *)) {
|
1016
1068
|
margin-top: 0;
|
1017
1069
|
}
|
1018
1070
|
|
1019
|
-
.prose-sm
|
1071
|
+
.prose-sm :where(.prose > :last-child):not(:where([class~="not-prose"] *)) {
|
1072
|
+
margin-bottom: 0;
|
1073
|
+
}
|
1074
|
+
|
1075
|
+
.prose-base :where(.prose > ul > li p):not(:where([class~="not-prose"] *)) {
|
1076
|
+
margin-top: .75em;
|
1077
|
+
margin-bottom: .75em;
|
1078
|
+
}
|
1079
|
+
|
1080
|
+
.prose-base :where(.prose > ul > li > :first-child):not(:where([class~="not-prose"] *)) {
|
1081
|
+
margin-top: 1.25em;
|
1082
|
+
}
|
1083
|
+
|
1084
|
+
.prose-base :where(.prose > ul > li > :last-child):not(:where([class~="not-prose"] *)) {
|
1085
|
+
margin-bottom: 1.25em;
|
1086
|
+
}
|
1087
|
+
|
1088
|
+
.prose-base :where(.prose > ol > li > :first-child):not(:where([class~="not-prose"] *)) {
|
1089
|
+
margin-top: 1.25em;
|
1090
|
+
}
|
1091
|
+
|
1092
|
+
.prose-base :where(.prose > ol > li > :last-child):not(:where([class~="not-prose"] *)) {
|
1093
|
+
margin-bottom: 1.25em;
|
1094
|
+
}
|
1095
|
+
|
1096
|
+
.prose-base :where(.prose > :first-child):not(:where([class~="not-prose"] *)) {
|
1097
|
+
margin-top: 0;
|
1098
|
+
}
|
1099
|
+
|
1100
|
+
.prose-base :where(.prose > :last-child):not(:where([class~="not-prose"] *)) {
|
1020
1101
|
margin-bottom: 0;
|
1021
1102
|
}
|
1022
1103
|
|
@@ -1118,10 +1199,14 @@ pre[class*="language-"] {
|
|
1118
1199
|
}
|
1119
1200
|
|
1120
1201
|
.prose-lg :where(ol):not(:where([class~="not-prose"] *)) {
|
1202
|
+
margin-top: 1.33333em;
|
1203
|
+
margin-bottom: 1.33333em;
|
1121
1204
|
padding-left: 1.55556em;
|
1122
1205
|
}
|
1123
1206
|
|
1124
1207
|
.prose-lg :where(ul):not(:where([class~="not-prose"] *)) {
|
1208
|
+
margin-top: 1.33333em;
|
1209
|
+
margin-bottom: 1.33333em;
|
1125
1210
|
padding-left: 1.55556em;
|
1126
1211
|
}
|
1127
1212
|
|
@@ -1138,24 +1223,24 @@ pre[class*="language-"] {
|
|
1138
1223
|
padding-left: .444444em;
|
1139
1224
|
}
|
1140
1225
|
|
1141
|
-
.prose-lg
|
1226
|
+
.prose-lg :where(.prose > ul > li p):not(:where([class~="not-prose"] *)) {
|
1142
1227
|
margin-top: .888889em;
|
1143
1228
|
margin-bottom: .888889em;
|
1144
1229
|
}
|
1145
1230
|
|
1146
|
-
.prose-lg
|
1231
|
+
.prose-lg :where(.prose > ul > li > :first-child):not(:where([class~="not-prose"] *)) {
|
1147
1232
|
margin-top: 1.33333em;
|
1148
1233
|
}
|
1149
1234
|
|
1150
|
-
.prose-lg
|
1235
|
+
.prose-lg :where(.prose > ul > li > :last-child):not(:where([class~="not-prose"] *)) {
|
1151
1236
|
margin-bottom: 1.33333em;
|
1152
1237
|
}
|
1153
1238
|
|
1154
|
-
.prose-lg
|
1239
|
+
.prose-lg :where(.prose > ol > li > :first-child):not(:where([class~="not-prose"] *)) {
|
1155
1240
|
margin-top: 1.33333em;
|
1156
1241
|
}
|
1157
1242
|
|
1158
|
-
.prose-lg
|
1243
|
+
.prose-lg :where(.prose > ol > li > :last-child):not(:where([class~="not-prose"] *)) {
|
1159
1244
|
margin-bottom: 1.33333em;
|
1160
1245
|
}
|
1161
1246
|
|
@@ -1204,29 +1289,87 @@ pre[class*="language-"] {
|
|
1204
1289
|
padding-right: 0;
|
1205
1290
|
}
|
1206
1291
|
|
1207
|
-
.prose-lg :where(tbody td):not(:where([class~="not-prose"] *)) {
|
1292
|
+
.prose-lg :where(tbody td, tfoot td):not(:where([class~="not-prose"] *)) {
|
1208
1293
|
padding: .75em;
|
1209
1294
|
}
|
1210
1295
|
|
1211
|
-
.prose-lg :where(tbody td:first-child):not(:where([class~="not-prose"] *)) {
|
1296
|
+
.prose-lg :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"] *)) {
|
1212
1297
|
padding-left: 0;
|
1213
1298
|
}
|
1214
1299
|
|
1215
|
-
.prose-lg :where(tbody td:last-child):not(:where([class~="not-prose"] *)) {
|
1300
|
+
.prose-lg :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"] *)) {
|
1216
1301
|
padding-right: 0;
|
1217
1302
|
}
|
1218
1303
|
|
1219
|
-
.prose-lg
|
1304
|
+
.prose-lg :where(.prose > :first-child):not(:where([class~="not-prose"] *)) {
|
1305
|
+
margin-top: 0;
|
1306
|
+
}
|
1307
|
+
|
1308
|
+
.prose-lg :where(.prose > :last-child):not(:where([class~="not-prose"] *)) {
|
1309
|
+
margin-bottom: 0;
|
1310
|
+
}
|
1311
|
+
|
1312
|
+
.prose-xl :where(.prose > ul > li p):not(:where([class~="not-prose"] *)) {
|
1313
|
+
margin-top: .8em;
|
1314
|
+
margin-bottom: .8em;
|
1315
|
+
}
|
1316
|
+
|
1317
|
+
.prose-xl :where(.prose > ul > li > :first-child):not(:where([class~="not-prose"] *)) {
|
1318
|
+
margin-top: 1.2em;
|
1319
|
+
}
|
1320
|
+
|
1321
|
+
.prose-xl :where(.prose > ul > li > :last-child):not(:where([class~="not-prose"] *)) {
|
1322
|
+
margin-bottom: 1.2em;
|
1323
|
+
}
|
1324
|
+
|
1325
|
+
.prose-xl :where(.prose > ol > li > :first-child):not(:where([class~="not-prose"] *)) {
|
1326
|
+
margin-top: 1.2em;
|
1327
|
+
}
|
1328
|
+
|
1329
|
+
.prose-xl :where(.prose > ol > li > :last-child):not(:where([class~="not-prose"] *)) {
|
1330
|
+
margin-bottom: 1.2em;
|
1331
|
+
}
|
1332
|
+
|
1333
|
+
.prose-xl :where(.prose > :first-child):not(:where([class~="not-prose"] *)) {
|
1334
|
+
margin-top: 0;
|
1335
|
+
}
|
1336
|
+
|
1337
|
+
.prose-xl :where(.prose > :last-child):not(:where([class~="not-prose"] *)) {
|
1338
|
+
margin-bottom: 0;
|
1339
|
+
}
|
1340
|
+
|
1341
|
+
.prose-2xl :where(.prose > ul > li p):not(:where([class~="not-prose"] *)) {
|
1342
|
+
margin-top: .833333em;
|
1343
|
+
margin-bottom: .833333em;
|
1344
|
+
}
|
1345
|
+
|
1346
|
+
.prose-2xl :where(.prose > ul > li > :first-child):not(:where([class~="not-prose"] *)) {
|
1347
|
+
margin-top: 1.33333em;
|
1348
|
+
}
|
1349
|
+
|
1350
|
+
.prose-2xl :where(.prose > ul > li > :last-child):not(:where([class~="not-prose"] *)) {
|
1351
|
+
margin-bottom: 1.33333em;
|
1352
|
+
}
|
1353
|
+
|
1354
|
+
.prose-2xl :where(.prose > ol > li > :first-child):not(:where([class~="not-prose"] *)) {
|
1355
|
+
margin-top: 1.33333em;
|
1356
|
+
}
|
1357
|
+
|
1358
|
+
.prose-2xl :where(.prose > ol > li > :last-child):not(:where([class~="not-prose"] *)) {
|
1359
|
+
margin-bottom: 1.33333em;
|
1360
|
+
}
|
1361
|
+
|
1362
|
+
.prose-2xl :where(.prose > :first-child):not(:where([class~="not-prose"] *)) {
|
1220
1363
|
margin-top: 0;
|
1221
1364
|
}
|
1222
1365
|
|
1223
|
-
.prose-
|
1366
|
+
.prose-2xl :where(.prose > :last-child):not(:where([class~="not-prose"] *)) {
|
1224
1367
|
margin-bottom: 0;
|
1225
1368
|
}
|
1226
1369
|
|
1227
1370
|
.theme-github-light {
|
1228
1371
|
--tw-bg-opacity: 1;
|
1229
|
-
background-color: rgb(255 255 255 / var(--tw-bg-opacity)
|
1372
|
+
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
|
1230
1373
|
}
|
1231
1374
|
|
1232
1375
|
.theme-github-light .highlight .hll {
|
@@ -1463,16 +1606,15 @@ pre[class*="language-"] {
|
|
1463
1606
|
width: min-content;
|
1464
1607
|
z-index: 10;
|
1465
1608
|
height: 100%;
|
1466
|
-
-webkit-user-select: none;
|
1467
1609
|
user-select: none;
|
1468
1610
|
border-style: dashed;
|
1469
1611
|
border-right-width: 1px;
|
1470
1612
|
border-color: var(--lookbook-divider);
|
1471
1613
|
--tw-bg-opacity: 1;
|
1472
|
-
background-color: rgb(255 255 255 / var(--tw-bg-opacity)
|
1614
|
+
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
|
1473
1615
|
text-align: right;
|
1474
1616
|
--tw-text-opacity: 1;
|
1475
|
-
color: rgb(156 163 175 / var(--tw-text-opacity)
|
1617
|
+
color: rgb(156 163 175 / var(--tw-text-opacity));
|
1476
1618
|
padding: .75rem;
|
1477
1619
|
}
|
1478
1620
|
|
@@ -1500,13 +1642,13 @@ pre[class*="language-"] {
|
|
1500
1642
|
|
1501
1643
|
[data-component="code"].focussed .code .line.highlighted {
|
1502
1644
|
--tw-bg-opacity: 1;
|
1503
|
-
background-color: rgb(254 252 232 / var(--tw-bg-opacity)
|
1645
|
+
background-color: rgb(254 252 232 / var(--tw-bg-opacity));
|
1504
1646
|
}
|
1505
1647
|
|
1506
1648
|
[data-component="icon"] {
|
1507
1649
|
flex: none;
|
1508
1650
|
line-height: 1;
|
1509
|
-
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter,
|
1651
|
+
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
|
1510
1652
|
transition-duration: .15s;
|
1511
1653
|
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
|
1512
1654
|
display: block;
|
@@ -1578,22 +1720,21 @@ pre[class*="language-"] {
|
|
1578
1720
|
}
|
1579
1721
|
|
1580
1722
|
[data-component="viewport"] .resize-handle:hover {
|
1581
|
-
background-color: rgb(224 231 255 / var(--tw-bg-opacity)
|
1723
|
+
background-color: rgb(224 231 255 / var(--tw-bg-opacity));
|
1582
1724
|
--tw-bg-opacity: .2;
|
1583
1725
|
}
|
1584
1726
|
|
1585
1727
|
[data-component="viewport"] .resize-handle {
|
1586
1728
|
touch-action: none;
|
1587
|
-
-webkit-user-select: none;
|
1588
1729
|
user-select: none;
|
1589
|
-
color: var(--lookbook-viewport-handle-icon);
|
1590
|
-
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter,
|
1730
|
+
color: var(--lookbook-viewport-handle-icon-stroke);
|
1731
|
+
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
|
1591
1732
|
transition-duration: .15s;
|
1592
1733
|
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
|
1593
1734
|
}
|
1594
1735
|
|
1595
1736
|
[data-component="viewport"] .resize-handle:hover {
|
1596
|
-
color: var(--lookbook-viewport-handle-icon-hover);
|
1737
|
+
color: var(--lookbook-viewport-handle-icon-stroke-hover);
|
1597
1738
|
}
|
1598
1739
|
|
1599
1740
|
.form-input {
|
@@ -1616,7 +1757,7 @@ pre[class*="language-"] {
|
|
1616
1757
|
|
1617
1758
|
.form-input {
|
1618
1759
|
width: 100%;
|
1619
|
-
background-color: var(--lookbook-input);
|
1760
|
+
background-color: var(--lookbook-input-bg);
|
1620
1761
|
border-radius: .375rem;
|
1621
1762
|
font-size: .875rem;
|
1622
1763
|
line-height: 1.25rem;
|
@@ -1756,14 +1897,14 @@ pre[class*="language-"] {
|
|
1756
1897
|
margin-top: 2rem;
|
1757
1898
|
}
|
1758
1899
|
|
1759
|
-
.mt-6 {
|
1760
|
-
margin-top: 1.5rem;
|
1761
|
-
}
|
1762
|
-
|
1763
1900
|
.ml-2 {
|
1764
1901
|
margin-left: .5rem;
|
1765
1902
|
}
|
1766
1903
|
|
1904
|
+
.mt-6 {
|
1905
|
+
margin-top: 1.5rem;
|
1906
|
+
}
|
1907
|
+
|
1767
1908
|
.mt-12 {
|
1768
1909
|
margin-top: 3rem;
|
1769
1910
|
}
|
@@ -1816,14 +1957,14 @@ pre[class*="language-"] {
|
|
1816
1957
|
margin-right: .375rem;
|
1817
1958
|
}
|
1818
1959
|
|
1819
|
-
.\!block {
|
1820
|
-
display: block !important;
|
1821
|
-
}
|
1822
|
-
|
1823
1960
|
.block {
|
1824
1961
|
display: block;
|
1825
1962
|
}
|
1826
1963
|
|
1964
|
+
.\!block {
|
1965
|
+
display: block !important;
|
1966
|
+
}
|
1967
|
+
|
1827
1968
|
.inline-block {
|
1828
1969
|
display: inline-block;
|
1829
1970
|
}
|
@@ -1848,14 +1989,14 @@ pre[class*="language-"] {
|
|
1848
1989
|
display: contents;
|
1849
1990
|
}
|
1850
1991
|
|
1851
|
-
.\!hidden {
|
1852
|
-
display: none !important;
|
1853
|
-
}
|
1854
|
-
|
1855
1992
|
.hidden {
|
1856
1993
|
display: none;
|
1857
1994
|
}
|
1858
1995
|
|
1996
|
+
.\!hidden {
|
1997
|
+
display: none !important;
|
1998
|
+
}
|
1999
|
+
|
1859
2000
|
.h-screen {
|
1860
2001
|
height: 100vh;
|
1861
2002
|
}
|
@@ -1976,12 +2117,12 @@ pre[class*="language-"] {
|
|
1976
2117
|
max-width: 1024px;
|
1977
2118
|
}
|
1978
2119
|
|
1979
|
-
.max-w-\[
|
1980
|
-
max-width:
|
2120
|
+
.max-w-\[400px\] {
|
2121
|
+
max-width: 400px;
|
1981
2122
|
}
|
1982
2123
|
|
1983
|
-
.max-w
|
1984
|
-
max-width:
|
2124
|
+
.max-w-\[420px\] {
|
2125
|
+
max-width: 420px;
|
1985
2126
|
}
|
1986
2127
|
|
1987
2128
|
.max-w-none {
|
@@ -2010,42 +2151,42 @@ pre[class*="language-"] {
|
|
2010
2151
|
|
2011
2152
|
.translate-x-0 {
|
2012
2153
|
--tw-translate-x: 0px;
|
2013
|
-
transform: translate(var(--tw-translate-x), var(--tw-translate-y)
|
2154
|
+
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));
|
2014
2155
|
}
|
2015
2156
|
|
2016
2157
|
.translate-x-full {
|
2017
2158
|
--tw-translate-x: 100%;
|
2018
|
-
transform: translate(var(--tw-translate-x), var(--tw-translate-y)
|
2159
|
+
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));
|
2019
2160
|
}
|
2020
2161
|
|
2021
2162
|
.-translate-y-1\/2 {
|
2022
2163
|
--tw-translate-y: -50%;
|
2023
|
-
transform: translate(var(--tw-translate-x), var(--tw-translate-y)
|
2164
|
+
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));
|
2024
2165
|
}
|
2025
2166
|
|
2026
2167
|
.-translate-x-1\/2 {
|
2027
2168
|
--tw-translate-x: -50%;
|
2028
|
-
transform: translate(var(--tw-translate-x), var(--tw-translate-y)
|
2169
|
+
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));
|
2029
2170
|
}
|
2030
2171
|
|
2031
2172
|
.translate-x-5 {
|
2032
2173
|
--tw-translate-x: 1.25rem;
|
2033
|
-
transform: translate(var(--tw-translate-x), var(--tw-translate-y)
|
2174
|
+
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));
|
2034
2175
|
}
|
2035
2176
|
|
2036
2177
|
.rotate-180 {
|
2037
2178
|
--tw-rotate: 180deg;
|
2038
|
-
transform: translate(var(--tw-translate-x), var(--tw-translate-y)
|
2179
|
+
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));
|
2039
2180
|
}
|
2040
2181
|
|
2041
2182
|
.rotate-90 {
|
2042
2183
|
--tw-rotate: 90deg;
|
2043
|
-
transform: translate(var(--tw-translate-x), var(--tw-translate-y)
|
2184
|
+
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));
|
2044
2185
|
}
|
2045
2186
|
|
2046
2187
|
.rotate-45 {
|
2047
2188
|
--tw-rotate: 45deg;
|
2048
|
-
transform: translate(var(--tw-translate-x), var(--tw-translate-y)
|
2189
|
+
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));
|
2049
2190
|
}
|
2050
2191
|
|
2051
2192
|
@keyframes spin {
|
@@ -2083,7 +2224,6 @@ pre[class*="language-"] {
|
|
2083
2224
|
}
|
2084
2225
|
|
2085
2226
|
.select-none {
|
2086
|
-
-webkit-user-select: none;
|
2087
2227
|
user-select: none;
|
2088
2228
|
}
|
2089
2229
|
|
@@ -2141,38 +2281,38 @@ pre[class*="language-"] {
|
|
2141
2281
|
|
2142
2282
|
.space-x-1 > :not([hidden]) ~ :not([hidden]) {
|
2143
2283
|
--tw-space-x-reverse: 0;
|
2144
|
-
margin-right: calc(.25rem * var(--tw-space-x-reverse)
|
2145
|
-
margin-left: calc(.25rem * calc(1 - var(--tw-space-x-reverse)
|
2284
|
+
margin-right: calc(.25rem * var(--tw-space-x-reverse));
|
2285
|
+
margin-left: calc(.25rem * calc(1 - var(--tw-space-x-reverse)) );
|
2146
2286
|
}
|
2147
2287
|
|
2148
2288
|
.space-y-2 > :not([hidden]) ~ :not([hidden]) {
|
2149
2289
|
--tw-space-y-reverse: 0;
|
2150
|
-
margin-top: calc(.5rem * calc(1 - var(--tw-space-y-reverse)
|
2151
|
-
margin-bottom: calc(.5rem * var(--tw-space-y-reverse)
|
2290
|
+
margin-top: calc(.5rem * calc(1 - var(--tw-space-y-reverse)) );
|
2291
|
+
margin-bottom: calc(.5rem * var(--tw-space-y-reverse));
|
2152
2292
|
}
|
2153
2293
|
|
2154
2294
|
.space-x-2 > :not([hidden]) ~ :not([hidden]) {
|
2155
2295
|
--tw-space-x-reverse: 0;
|
2156
|
-
margin-right: calc(.5rem * var(--tw-space-x-reverse)
|
2157
|
-
margin-left: calc(.5rem * calc(1 - var(--tw-space-x-reverse)
|
2296
|
+
margin-right: calc(.5rem * var(--tw-space-x-reverse));
|
2297
|
+
margin-left: calc(.5rem * calc(1 - var(--tw-space-x-reverse)) );
|
2158
2298
|
}
|
2159
2299
|
|
2160
2300
|
.space-x-6 > :not([hidden]) ~ :not([hidden]) {
|
2161
2301
|
--tw-space-x-reverse: 0;
|
2162
|
-
margin-right: calc(1.5rem * var(--tw-space-x-reverse)
|
2163
|
-
margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)
|
2302
|
+
margin-right: calc(1.5rem * var(--tw-space-x-reverse));
|
2303
|
+
margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)) );
|
2164
2304
|
}
|
2165
2305
|
|
2166
2306
|
.space-x-3 > :not([hidden]) ~ :not([hidden]) {
|
2167
2307
|
--tw-space-x-reverse: 0;
|
2168
|
-
margin-right: calc(.75rem * var(--tw-space-x-reverse)
|
2169
|
-
margin-left: calc(.75rem * calc(1 - var(--tw-space-x-reverse)
|
2308
|
+
margin-right: calc(.75rem * var(--tw-space-x-reverse));
|
2309
|
+
margin-left: calc(.75rem * calc(1 - var(--tw-space-x-reverse)) );
|
2170
2310
|
}
|
2171
2311
|
|
2172
2312
|
.divide-y > :not([hidden]) ~ :not([hidden]) {
|
2173
2313
|
--tw-divide-y-reverse: 0;
|
2174
|
-
border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)
|
2175
|
-
border-bottom-width: calc(1px * var(--tw-divide-y-reverse)
|
2314
|
+
border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)) );
|
2315
|
+
border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
|
2176
2316
|
}
|
2177
2317
|
|
2178
2318
|
.divide-dashed > :not([hidden]) ~ :not([hidden]) {
|
@@ -2181,7 +2321,7 @@ pre[class*="language-"] {
|
|
2181
2321
|
|
2182
2322
|
.divide-red-200 > :not([hidden]) ~ :not([hidden]) {
|
2183
2323
|
--tw-divide-opacity: 1;
|
2184
|
-
border-color: rgb(254 202 202 / var(--tw-divide-opacity)
|
2324
|
+
border-color: rgb(254 202 202 / var(--tw-divide-opacity));
|
2185
2325
|
}
|
2186
2326
|
|
2187
2327
|
.divide-lookbook-divider > :not([hidden]) ~ :not([hidden]) {
|
@@ -2292,7 +2432,7 @@ pre[class*="language-"] {
|
|
2292
2432
|
|
2293
2433
|
.border-red-200 {
|
2294
2434
|
--tw-border-opacity: 1;
|
2295
|
-
border-color: rgb(254 202 202 / var(--tw-border-opacity)
|
2435
|
+
border-color: rgb(254 202 202 / var(--tw-border-opacity));
|
2296
2436
|
}
|
2297
2437
|
|
2298
2438
|
.border-lookbook-divider {
|
@@ -2301,12 +2441,12 @@ pre[class*="language-"] {
|
|
2301
2441
|
|
2302
2442
|
.border-gray-300 {
|
2303
2443
|
--tw-border-opacity: 1;
|
2304
|
-
border-color: rgb(209 213 219 / var(--tw-border-opacity)
|
2444
|
+
border-color: rgb(209 213 219 / var(--tw-border-opacity));
|
2305
2445
|
}
|
2306
2446
|
|
2307
2447
|
.border-gray-200 {
|
2308
2448
|
--tw-border-opacity: 1;
|
2309
|
-
border-color: rgb(229 231 235 / var(--tw-border-opacity)
|
2449
|
+
border-color: rgb(229 231 235 / var(--tw-border-opacity));
|
2310
2450
|
}
|
2311
2451
|
|
2312
2452
|
.\!border-lookbook-header-border {
|
@@ -2317,65 +2457,65 @@ pre[class*="language-"] {
|
|
2317
2457
|
border-color: #0000;
|
2318
2458
|
}
|
2319
2459
|
|
2320
|
-
.border-lookbook-tabs-
|
2321
|
-
border-color: var(--lookbook-tabs-
|
2460
|
+
.border-lookbook-tabs-border-active {
|
2461
|
+
border-color: var(--lookbook-tabs-border-active);
|
2322
2462
|
}
|
2323
2463
|
|
2324
2464
|
.bg-white {
|
2325
2465
|
--tw-bg-opacity: 1;
|
2326
|
-
background-color: rgb(255 255 255 / var(--tw-bg-opacity)
|
2466
|
+
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
|
2327
2467
|
}
|
2328
2468
|
|
2329
2469
|
.bg-red-50 {
|
2330
2470
|
--tw-bg-opacity: 1;
|
2331
|
-
background-color: rgb(254 242 242 / var(--tw-bg-opacity)
|
2471
|
+
background-color: rgb(254 242 242 / var(--tw-bg-opacity));
|
2332
2472
|
}
|
2333
2473
|
|
2334
2474
|
.bg-red-100 {
|
2335
2475
|
--tw-bg-opacity: 1;
|
2336
|
-
background-color: rgb(254 226 226 / var(--tw-bg-opacity)
|
2476
|
+
background-color: rgb(254 226 226 / var(--tw-bg-opacity));
|
2337
2477
|
}
|
2338
2478
|
|
2339
|
-
.bg-lookbook-sidebar {
|
2340
|
-
background-color: var(--lookbook-sidebar);
|
2479
|
+
.bg-lookbook-sidebar-bg {
|
2480
|
+
background-color: var(--lookbook-sidebar-bg);
|
2341
2481
|
}
|
2342
2482
|
|
2343
2483
|
.bg-black {
|
2344
2484
|
--tw-bg-opacity: 1;
|
2345
|
-
background-color: rgb(0 0 0 / var(--tw-bg-opacity)
|
2485
|
+
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
|
2346
2486
|
}
|
2347
2487
|
|
2348
|
-
.bg-lookbook-page {
|
2349
|
-
background-color: var(--lookbook-page);
|
2488
|
+
.bg-lookbook-page-bg {
|
2489
|
+
background-color: var(--lookbook-page-bg);
|
2350
2490
|
}
|
2351
2491
|
|
2352
2492
|
.bg-transparent {
|
2353
2493
|
background-color: #0000;
|
2354
2494
|
}
|
2355
2495
|
|
2356
|
-
.bg-lookbook-drawer {
|
2357
|
-
background-color: var(--lookbook-drawer);
|
2496
|
+
.bg-lookbook-drawer-bg {
|
2497
|
+
background-color: var(--lookbook-drawer-bg);
|
2358
2498
|
}
|
2359
2499
|
|
2360
|
-
.bg-lookbook-prose {
|
2361
|
-
background-color: var(--lookbook-prose);
|
2500
|
+
.bg-lookbook-prose-bg {
|
2501
|
+
background-color: var(--lookbook-prose-bg);
|
2362
2502
|
}
|
2363
2503
|
|
2364
|
-
.\!bg-lookbook-header {
|
2365
|
-
background-color: var(--lookbook-header) !important;
|
2504
|
+
.\!bg-lookbook-header-bg {
|
2505
|
+
background-color: var(--lookbook-header-bg) !important;
|
2366
2506
|
}
|
2367
2507
|
|
2368
2508
|
.bg-zinc-50 {
|
2369
2509
|
--tw-bg-opacity: 1;
|
2370
|
-
background-color: rgb(250 250 250 / var(--tw-bg-opacity)
|
2510
|
+
background-color: rgb(250 250 250 / var(--tw-bg-opacity));
|
2371
2511
|
}
|
2372
2512
|
|
2373
2513
|
.bg-lookbook-divider {
|
2374
2514
|
background-color: var(--lookbook-divider);
|
2375
2515
|
}
|
2376
2516
|
|
2377
|
-
.bg-lookbook-toolbar {
|
2378
|
-
background-color: var(--lookbook-toolbar);
|
2517
|
+
.bg-lookbook-toolbar-bg {
|
2518
|
+
background-color: var(--lookbook-toolbar-bg);
|
2379
2519
|
}
|
2380
2520
|
|
2381
2521
|
.bg-lookbook-viewport-handle {
|
@@ -2511,6 +2651,10 @@ pre[class*="language-"] {
|
|
2511
2651
|
padding-bottom: 3rem;
|
2512
2652
|
}
|
2513
2653
|
|
2654
|
+
.pt-\[4px\] {
|
2655
|
+
padding-top: 4px;
|
2656
|
+
}
|
2657
|
+
|
2514
2658
|
.pb-0 {
|
2515
2659
|
padding-bottom: 0;
|
2516
2660
|
}
|
@@ -2602,36 +2746,40 @@ pre[class*="language-"] {
|
|
2602
2746
|
|
2603
2747
|
.text-red-300 {
|
2604
2748
|
--tw-text-opacity: 1;
|
2605
|
-
color: rgb(252 165 165 / var(--tw-text-opacity)
|
2749
|
+
color: rgb(252 165 165 / var(--tw-text-opacity));
|
2606
2750
|
}
|
2607
2751
|
|
2608
2752
|
.text-red-700 {
|
2609
2753
|
--tw-text-opacity: 1;
|
2610
|
-
color: rgb(185 28 28 / var(--tw-text-opacity)
|
2754
|
+
color: rgb(185 28 28 / var(--tw-text-opacity));
|
2611
2755
|
}
|
2612
2756
|
|
2613
2757
|
.text-red-900 {
|
2614
2758
|
--tw-text-opacity: 1;
|
2615
|
-
color: rgb(127 29 29 / var(--tw-text-opacity)
|
2759
|
+
color: rgb(127 29 29 / var(--tw-text-opacity));
|
2616
2760
|
}
|
2617
2761
|
|
2618
2762
|
.text-gray-400 {
|
2619
2763
|
--tw-text-opacity: 1;
|
2620
|
-
color: rgb(156 163 175 / var(--tw-text-opacity)
|
2764
|
+
color: rgb(156 163 175 / var(--tw-text-opacity));
|
2621
2765
|
}
|
2622
2766
|
|
2623
2767
|
.text-red-800 {
|
2624
2768
|
--tw-text-opacity: 1;
|
2625
|
-
color: rgb(153 27 27 / var(--tw-text-opacity)
|
2769
|
+
color: rgb(153 27 27 / var(--tw-text-opacity));
|
2770
|
+
}
|
2771
|
+
|
2772
|
+
.text-lookbook-icon-button-stroke {
|
2773
|
+
color: var(--lookbook-icon-button-stroke);
|
2626
2774
|
}
|
2627
2775
|
|
2628
|
-
.text-lookbook-button-
|
2629
|
-
color: var(--lookbook-button-
|
2776
|
+
.text-lookbook-icon-button-stroke-hover {
|
2777
|
+
color: var(--lookbook-icon-button-stroke-hover);
|
2630
2778
|
}
|
2631
2779
|
|
2632
2780
|
.text-green-500 {
|
2633
2781
|
--tw-text-opacity: 1;
|
2634
|
-
color: rgb(34 197 94 / var(--tw-text-opacity)
|
2782
|
+
color: rgb(34 197 94 / var(--tw-text-opacity));
|
2635
2783
|
}
|
2636
2784
|
|
2637
2785
|
.\!text-lookbook-header-text {
|
@@ -2644,15 +2792,15 @@ pre[class*="language-"] {
|
|
2644
2792
|
|
2645
2793
|
.text-green-600 {
|
2646
2794
|
--tw-text-opacity: 1;
|
2647
|
-
color: rgb(22 163 74 / var(--tw-text-opacity)
|
2795
|
+
color: rgb(22 163 74 / var(--tw-text-opacity));
|
2648
2796
|
}
|
2649
2797
|
|
2650
2798
|
.text-lookbook-prose-text {
|
2651
2799
|
color: var(--lookbook-prose-text);
|
2652
2800
|
}
|
2653
2801
|
|
2654
|
-
.text-lookbook-viewport-handle-icon {
|
2655
|
-
color: var(--lookbook-viewport-handle-icon);
|
2802
|
+
.text-lookbook-viewport-handle-icon-stroke {
|
2803
|
+
color: var(--lookbook-viewport-handle-icon-stroke);
|
2656
2804
|
}
|
2657
2805
|
|
2658
2806
|
.text-lookbook-nav-text {
|
@@ -2663,14 +2811,18 @@ pre[class*="language-"] {
|
|
2663
2811
|
color: var(--lookbook-nav-toggle);
|
2664
2812
|
}
|
2665
2813
|
|
2666
|
-
.text-lookbook-nav-icon {
|
2667
|
-
color: var(--lookbook-nav-icon);
|
2814
|
+
.text-lookbook-nav-icon-stroke {
|
2815
|
+
color: var(--lookbook-nav-icon-stroke);
|
2668
2816
|
}
|
2669
2817
|
|
2670
2818
|
.text-lookbook-tabs-text {
|
2671
2819
|
color: var(--lookbook-tabs-text);
|
2672
2820
|
}
|
2673
2821
|
|
2822
|
+
.text-lookbook-tabs-text-hover {
|
2823
|
+
color: var(--lookbook-tabs-text-hover);
|
2824
|
+
}
|
2825
|
+
|
2674
2826
|
.\!text-lookbook-tabs-text-disabled {
|
2675
2827
|
color: var(--lookbook-tabs-text-disabled) !important;
|
2676
2828
|
}
|
@@ -2687,14 +2839,14 @@ pre[class*="language-"] {
|
|
2687
2839
|
opacity: .3;
|
2688
2840
|
}
|
2689
2841
|
|
2690
|
-
.opacity-40 {
|
2691
|
-
opacity: .4;
|
2692
|
-
}
|
2693
|
-
|
2694
2842
|
.opacity-80 {
|
2695
2843
|
opacity: .8;
|
2696
2844
|
}
|
2697
2845
|
|
2846
|
+
.opacity-40 {
|
2847
|
+
opacity: .4;
|
2848
|
+
}
|
2849
|
+
|
2698
2850
|
.opacity-0 {
|
2699
2851
|
opacity: 0;
|
2700
2852
|
}
|
@@ -2723,7 +2875,7 @@ pre[class*="language-"] {
|
|
2723
2875
|
|
2724
2876
|
.ring-0 {
|
2725
2877
|
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
2726
|
-
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)
|
2878
|
+
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
2727
2879
|
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
|
2728
2880
|
}
|
2729
2881
|
|
@@ -2743,7 +2895,7 @@ pre[class*="language-"] {
|
|
2743
2895
|
}
|
2744
2896
|
|
2745
2897
|
.transition {
|
2746
|
-
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter,
|
2898
|
+
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
|
2747
2899
|
transition-duration: .15s;
|
2748
2900
|
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
|
2749
2901
|
}
|
@@ -2785,7 +2937,7 @@ pre[class*="language-"] {
|
|
2785
2937
|
white-space: normal;
|
2786
2938
|
background-color: #333;
|
2787
2939
|
border-radius: 4px;
|
2788
|
-
outline:
|
2940
|
+
outline: 0;
|
2789
2941
|
font-size: 14px;
|
2790
2942
|
line-height: 1.4;
|
2791
2943
|
transition-property: transform, visibility, opacity;
|
@@ -2862,7 +3014,7 @@ pre[class*="language-"] {
|
|
2862
3014
|
}
|
2863
3015
|
|
2864
3016
|
.tippy-box {
|
2865
|
-
border:
|
3017
|
+
border: 1px #0000;
|
2866
3018
|
}
|
2867
3019
|
|
2868
3020
|
.tippy-box[data-placement^="top"] > .tippy-arrow:after {
|
@@ -2923,33 +3075,33 @@ pre[class*="language-"] {
|
|
2923
3075
|
|
2924
3076
|
.tippy-box[data-theme~="tooltip"] {
|
2925
3077
|
opacity: .9;
|
2926
|
-
background-color: var(--lookbook-tooltip);
|
3078
|
+
background-color: var(--lookbook-tooltip-bg);
|
2927
3079
|
color: var(--lookbook-tooltip-text);
|
2928
3080
|
font-size: .75rem;
|
2929
3081
|
line-height: 1rem;
|
2930
3082
|
}
|
2931
3083
|
|
2932
3084
|
.tippy-box[data-theme~="tooltip"][data-placement^="top"] > .tippy-arrow:before {
|
2933
|
-
border-top-color: var(--lookbook-tooltip);
|
3085
|
+
border-top-color: var(--lookbook-tooltip-bg);
|
2934
3086
|
}
|
2935
3087
|
|
2936
3088
|
.tippy-box[data-theme~="tooltip"][data-placement^="bottom"] > .tippy-arrow:before {
|
2937
|
-
border-bottom-color: var(--lookbook-tooltip);
|
3089
|
+
border-bottom-color: var(--lookbook-tooltip-bg);
|
2938
3090
|
}
|
2939
3091
|
|
2940
3092
|
.tippy-box[data-theme~="tooltip"][data-placement^="left"] > .tippy-arrow:before {
|
2941
|
-
border-left-color: var(--lookbook-tooltip);
|
3093
|
+
border-left-color: var(--lookbook-tooltip-bg);
|
2942
3094
|
}
|
2943
3095
|
|
2944
3096
|
.tippy-box[data-theme~="tooltip"][data-placement^="right"] > .tippy-arrow:before {
|
2945
|
-
border-right-color: var(--lookbook-tooltip);
|
3097
|
+
border-right-color: var(--lookbook-tooltip-bg);
|
2946
3098
|
}
|
2947
3099
|
|
2948
3100
|
.tippy-box[data-theme~="menu"] {
|
2949
3101
|
--tw-bg-opacity: 1;
|
2950
|
-
background-color: rgb(255 255 255 / var(--tw-bg-opacity)
|
3102
|
+
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
|
2951
3103
|
--tw-text-opacity: 1;
|
2952
|
-
color: rgb(75 85 99 / var(--tw-text-opacity)
|
3104
|
+
color: rgb(75 85 99 / var(--tw-text-opacity));
|
2953
3105
|
--tw-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
|
2954
3106
|
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
|
2955
3107
|
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
@@ -2984,7 +3136,7 @@ pre[class*="language-"] {
|
|
2984
3136
|
|
2985
3137
|
.hover\:bg-indigo-100:hover {
|
2986
3138
|
--tw-bg-opacity: 1;
|
2987
|
-
background-color: rgb(224 231 255 / var(--tw-bg-opacity)
|
3139
|
+
background-color: rgb(224 231 255 / var(--tw-bg-opacity));
|
2988
3140
|
}
|
2989
3141
|
|
2990
3142
|
.hover\:bg-lookbook-nav-item-hover:hover {
|
@@ -2993,20 +3145,20 @@ pre[class*="language-"] {
|
|
2993
3145
|
|
2994
3146
|
.hover\:text-gray-900:hover {
|
2995
3147
|
--tw-text-opacity: 1;
|
2996
|
-
color: rgb(17 24 39 / var(--tw-text-opacity)
|
3148
|
+
color: rgb(17 24 39 / var(--tw-text-opacity));
|
2997
3149
|
}
|
2998
3150
|
|
2999
3151
|
.hover\:text-indigo-800:hover {
|
3000
3152
|
--tw-text-opacity: 1;
|
3001
|
-
color: rgb(55 48 163 / var(--tw-text-opacity)
|
3153
|
+
color: rgb(55 48 163 / var(--tw-text-opacity));
|
3002
3154
|
}
|
3003
3155
|
|
3004
|
-
.hover\:text-lookbook-button-
|
3005
|
-
color: var(--lookbook-button-
|
3156
|
+
.hover\:text-lookbook-icon-button-stroke-hover:hover {
|
3157
|
+
color: var(--lookbook-icon-button-stroke-hover);
|
3006
3158
|
}
|
3007
3159
|
|
3008
|
-
.hover\:text-lookbook-viewport-handle-icon-hover:hover {
|
3009
|
-
color: var(--lookbook-viewport-handle-icon-hover);
|
3160
|
+
.hover\:text-lookbook-viewport-handle-icon-stroke-hover:hover {
|
3161
|
+
color: var(--lookbook-viewport-handle-icon-stroke-hover);
|
3010
3162
|
}
|
3011
3163
|
|
3012
3164
|
.hover\:text-lookbook-tabs-text-hover:hover {
|
@@ -3028,13 +3180,13 @@ pre[class*="language-"] {
|
|
3028
3180
|
|
3029
3181
|
.focus\:ring-0:focus {
|
3030
3182
|
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
3031
|
-
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)
|
3183
|
+
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
3032
3184
|
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
|
3033
3185
|
}
|
3034
3186
|
|
3035
3187
|
.focus\:ring-2:focus {
|
3036
3188
|
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
3037
|
-
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)
|
3189
|
+
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
3038
3190
|
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
|
3039
3191
|
}
|
3040
3192
|
|