Skip to content

Commit 8d4ac2a

Browse files
committed
feat: add playground
1 parent 358fc8f commit 8d4ac2a

6 files changed

Lines changed: 391 additions & 52 deletions

File tree

assets/tailwind.css

Lines changed: 125 additions & 47 deletions
Original file line numberDiff line numberDiff line change
@@ -590,10 +590,6 @@ video {
590590
margin-bottom: 1rem;
591591
}
592592

593-
.ml-1 {
594-
margin-left: 0.25rem;
595-
}
596-
597593
.ml-auto {
598594
margin-left: auto;
599595
}
@@ -606,10 +602,6 @@ video {
606602
margin-top: 0.125rem;
607603
}
608604

609-
.mt-1 {
610-
margin-top: 0.25rem;
611-
}
612-
613605
.mt-4 {
614606
margin-top: 1rem;
615607
}
@@ -622,6 +614,22 @@ video {
622614
margin-top: auto;
623615
}
624616

617+
.mt-1 {
618+
margin-top: 0.25rem;
619+
}
620+
621+
.ml-1 {
622+
margin-left: 0.25rem;
623+
}
624+
625+
.mb-2 {
626+
margin-bottom: 0.5rem;
627+
}
628+
629+
.mt-1\.5 {
630+
margin-top: 0.375rem;
631+
}
632+
625633
.block {
626634
display: block;
627635
}
@@ -666,6 +674,14 @@ video {
666674
height: 100%;
667675
}
668676

677+
.h-3 {
678+
height: 0.75rem;
679+
}
680+
681+
.max-h-\[40\%\] {
682+
max-height: 40%;
683+
}
684+
669685
.min-h-0 {
670686
min-height: 0px;
671687
}
@@ -702,6 +718,10 @@ video {
702718
width: 100%;
703719
}
704720

721+
.w-3 {
722+
width: 0.75rem;
723+
}
724+
705725
.min-w-0 {
706726
min-width: 0px;
707727
}
@@ -740,12 +760,20 @@ video {
740760
cursor: pointer;
741761
}
742762

763+
.cursor-not-allowed {
764+
cursor: not-allowed;
765+
}
766+
743767
.select-none {
744768
-webkit-user-select: none;
745769
-moz-user-select: none;
746770
user-select: none;
747771
}
748772

773+
.resize-none {
774+
resize: none;
775+
}
776+
749777
.flex-col {
750778
flex-direction: column;
751779
}
@@ -770,6 +798,10 @@ video {
770798
gap: 0.125rem;
771799
}
772800

801+
.gap-1 {
802+
gap: 0.25rem;
803+
}
804+
773805
.gap-1\.5 {
774806
gap: 0.375rem;
775807
}
@@ -852,6 +884,10 @@ video {
852884
border-top-width: 1px;
853885
}
854886

887+
.border-l-2 {
888+
border-left-width: 2px;
889+
}
890+
855891
.border-\[\#1c2333\] {
856892
--tw-border-opacity: 1;
857893
border-color: rgb(28 35 51 / var(--tw-border-opacity, 1));
@@ -880,6 +916,10 @@ video {
880916
border-color: rgb(63 63 70 / var(--tw-border-opacity, 1));
881917
}
882918

919+
.border-blue-500\/20 {
920+
border-color: rgb(59 130 246 / 0.2);
921+
}
922+
883923
.border-t-amber-400 {
884924
--tw-border-opacity: 1;
885925
border-top-color: rgb(251 191 36 / var(--tw-border-opacity, 1));
@@ -915,10 +955,6 @@ video {
915955
background-color: rgb(251 191 36 / var(--tw-bg-opacity, 1));
916956
}
917957

918-
.bg-amber-400\/5 {
919-
background-color: rgb(251 191 36 / 0.05);
920-
}
921-
922958
.bg-amber-500 {
923959
--tw-bg-opacity: 1;
924960
background-color: rgb(245 158 11 / var(--tw-bg-opacity, 1));
@@ -968,6 +1004,26 @@ video {
9681004
background-color: rgb(63 63 70 / var(--tw-bg-opacity, 1));
9691005
}
9701006

1007+
.bg-amber-400\/5 {
1008+
background-color: rgb(251 191 36 / 0.05);
1009+
}
1010+
1011+
.bg-zinc-700\/30 {
1012+
background-color: rgb(63 63 70 / 0.3);
1013+
}
1014+
1015+
.bg-amber-500\/20 {
1016+
background-color: rgb(245 158 11 / 0.2);
1017+
}
1018+
1019+
.bg-blue-500\/5 {
1020+
background-color: rgb(59 130 246 / 0.05);
1021+
}
1022+
1023+
.bg-white\/\[0\.08\] {
1024+
background-color: rgb(255 255 255 / 0.08);
1025+
}
1026+
9711027
.p-3 {
9721028
padding: 0.75rem;
9731029
}
@@ -980,6 +1036,10 @@ video {
9801036
padding: 1.25rem;
9811037
}
9821038

1039+
.p-0\.5 {
1040+
padding: 0.125rem;
1041+
}
1042+
9831043
.px-2 {
9841044
padding-left: 0.5rem;
9851045
padding-right: 0.5rem;
@@ -1130,20 +1190,8 @@ video {
11301190
letter-spacing: 0.05em;
11311191
}
11321192

1133-
.text-amber-300\/80 {
1134-
color: rgb(252 211 77 / 0.8);
1135-
}
1136-
1137-
.text-amber-300\/90 {
1138-
color: rgb(252 211 77 / 0.9);
1139-
}
1140-
1141-
.text-amber-400\/60 {
1142-
color: rgb(251 191 36 / 0.6);
1143-
}
1144-
1145-
.text-amber-400\/70 {
1146-
color: rgb(251 191 36 / 0.7);
1193+
.text-amber-300\/70 {
1194+
color: rgb(252 211 77 / 0.7);
11471195
}
11481196

11491197
.text-amber-400\/90 {
@@ -1163,23 +1211,11 @@ video {
11631211
color: rgb(245 158 11 / 0.7);
11641212
}
11651213

1166-
.text-amber-500\/80 {
1167-
color: rgb(245 158 11 / 0.8);
1168-
}
1169-
1170-
.text-blue-400\/80 {
1171-
color: rgb(96 165 250 / 0.8);
1172-
}
1173-
11741214
.text-blue-500 {
11751215
--tw-text-opacity: 1;
11761216
color: rgb(59 130 246 / var(--tw-text-opacity, 1));
11771217
}
11781218

1179-
.text-cyan-400\/70 {
1180-
color: rgb(34 211 238 / 0.7);
1181-
}
1182-
11831219
.text-emerald-400 {
11841220
--tw-text-opacity: 1;
11851221
color: rgb(52 211 153 / var(--tw-text-opacity, 1));
@@ -1198,10 +1234,6 @@ video {
11981234
color: rgb(16 185 129 / 0.7);
11991235
}
12001236

1201-
.text-purple-400\/80 {
1202-
color: rgb(192 132 252 / 0.8);
1203-
}
1204-
12051237
.text-purple-500 {
12061238
--tw-text-opacity: 1;
12071239
color: rgb(168 85 247 / var(--tw-text-opacity, 1));
@@ -1230,11 +1262,6 @@ video {
12301262
color: rgb(212 212 216 / var(--tw-text-opacity, 1));
12311263
}
12321264

1233-
.text-zinc-400 {
1234-
--tw-text-opacity: 1;
1235-
color: rgb(161 161 170 / var(--tw-text-opacity, 1));
1236-
}
1237-
12381265
.text-zinc-500 {
12391266
--tw-text-opacity: 1;
12401267
color: rgb(113 113 122 / var(--tw-text-opacity, 1));
@@ -1250,11 +1277,53 @@ video {
12501277
color: rgb(63 63 70 / var(--tw-text-opacity, 1));
12511278
}
12521279

1280+
.text-amber-300\/80 {
1281+
color: rgb(252 211 77 / 0.8);
1282+
}
1283+
1284+
.text-amber-400\/70 {
1285+
color: rgb(251 191 36 / 0.7);
1286+
}
1287+
1288+
.text-amber-500\/80 {
1289+
color: rgb(245 158 11 / 0.8);
1290+
}
1291+
1292+
.text-zinc-400 {
1293+
--tw-text-opacity: 1;
1294+
color: rgb(161 161 170 / var(--tw-text-opacity, 1));
1295+
}
1296+
12531297
.text-zinc-800 {
12541298
--tw-text-opacity: 1;
12551299
color: rgb(39 39 42 / var(--tw-text-opacity, 1));
12561300
}
12571301

1302+
.text-amber-300\/90 {
1303+
color: rgb(252 211 77 / 0.9);
1304+
}
1305+
1306+
.text-amber-400\/60 {
1307+
color: rgb(251 191 36 / 0.6);
1308+
}
1309+
1310+
.text-blue-400\/80 {
1311+
color: rgb(96 165 250 / 0.8);
1312+
}
1313+
1314+
.text-cyan-400\/70 {
1315+
color: rgb(34 211 238 / 0.7);
1316+
}
1317+
1318+
.text-purple-400\/80 {
1319+
color: rgb(192 132 252 / 0.8);
1320+
}
1321+
1322+
.text-amber-400 {
1323+
--tw-text-opacity: 1;
1324+
color: rgb(251 191 36 / var(--tw-text-opacity, 1));
1325+
}
1326+
12581327
.caret-amber-400 {
12591328
caret-color: #fbbf24;
12601329
}
@@ -1375,6 +1444,10 @@ video {
13751444
background-color: rgb(255 255 255 / 0.06);
13761445
}
13771446

1447+
.hover\:bg-emerald-500\/30:hover {
1448+
background-color: rgb(16 185 129 / 0.3);
1449+
}
1450+
13781451
.hover\:text-amber-400:hover {
13791452
--tw-text-opacity: 1;
13801453
color: rgb(251 191 36 / var(--tw-text-opacity, 1));
@@ -1395,6 +1468,11 @@ video {
13951468
color: rgb(161 161 170 / var(--tw-text-opacity, 1));
13961469
}
13971470

1471+
.hover\:text-blue-400:hover {
1472+
--tw-text-opacity: 1;
1473+
color: rgb(96 165 250 / var(--tw-text-opacity, 1));
1474+
}
1475+
13981476
@media (min-width: 768px) {
13991477
.md\:flex {
14001478
display: flex;

0 commit comments

Comments
 (0)