mark/wirm
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

web(css): debug 2/2, this broke bun build

Browse source
This commit is contained in:
Mark Joshwel 2025-02-11 07:35:32 +08:00
parent eedc178ccf
commit 49bb151d7a
2 changed files with 308 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

154
Web/css/styles.css
View file

@ -5948,6 +5948,17 @@ td.uk-text-break {
} }
@layer components; @layer components;
@layer utilities { @layer utilities {
.sr-only {
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
position: absolute;
overflow: hidden;
}
.absolute { .absolute {
position: absolute; position: absolute;
} }
@ -5966,6 +5977,9 @@ td.uk-text-break {
.inset-0 { .inset-0 {
inset: calc(var(--spacing) * 0); inset: calc(var(--spacing) * 0);
} }
.z-10 {
z-index: 10;
}
.col-span-1 { .col-span-1 {
grid-column: span 1 / span 1; grid-column: span 1 / span 1;
} }
@ -6000,6 +6014,9 @@ td.uk-text-break {
max-width: 96rem; max-width: 96rem;
} }
} }
.-mx-1 {
margin-inline: calc(var(--spacing) * -1);
}
.my-20 { .my-20 {
margin-block: calc(var(--spacing) * 20); margin-block: calc(var(--spacing) * 20);
} }
@ -6012,6 +6029,21 @@ td.uk-text-break {
.mr-2 { .mr-2 {
margin-right: calc(var(--spacing) * 2); margin-right: calc(var(--spacing) * 2);
} }
.ml-auto {
margin-left: auto;
}
.line-clamp-1 {
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
display: -webkit-box;
overflow: hidden;
}
.line-clamp-2 {
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
display: -webkit-box;
overflow: hidden;
}
.block { .block {
display: block; display: block;
} }
@ -6030,12 +6062,19 @@ td.uk-text-break {
.inline { .inline {
display: inline; display: inline;
} }
.inline-flex {
display: inline-flex;
}
.table { .table {
display: table; display: table;
} }
.aspect-square { .aspect-square {
aspect-ratio: 1; aspect-ratio: 1;
} }
.size-4 {
width: calc(var(--spacing) * 4);
height: calc(var(--spacing) * 4);
}
.\!h-\[2\.5rem\] { .\!h-\[2\.5rem\] {
height: 2.5rem !important; height: 2.5rem !important;
} }
@ -6045,12 +6084,21 @@ td.uk-text-break {
.\!h-\[90vh\] { .\!h-\[90vh\] {
height: 90vh !important; height: 90vh !important;
} }
.h-2 {
height: calc(var(--spacing) * 2);
}
.h-4 { .h-4 {
height: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4);
} }
.h-6 { .h-6 {
height: calc(var(--spacing) * 6); height: calc(var(--spacing) * 6);
} }
.h-10 {
height: calc(var(--spacing) * 10);
}
.h-14 {
height: calc(var(--spacing) * 14);
}
.h-\[31svw\] { .h-\[31svw\] {
height: 31svw; height: 31svw;
} }
@ -6069,12 +6117,27 @@ td.uk-text-break {
.h-screen { .h-screen {
height: 100vh; height: 100vh;
} }
.max-h-\[600px\] {
max-height: 600px;
}
.w-2 {
width: calc(var(--spacing) * 2);
}
.w-4 { .w-4 {
width: calc(var(--spacing) * 4); width: calc(var(--spacing) * 4);
} }
.w-6 { .w-6 {
width: calc(var(--spacing) * 6); width: calc(var(--spacing) * 6);
} }
.w-10 {
width: calc(var(--spacing) * 10);
}
.w-52 {
width: calc(var(--spacing) * 52);
}
.w-72 {
width: calc(var(--spacing) * 72);
}
.w-80 { .w-80 {
width: calc(var(--spacing) * 80); width: calc(var(--spacing) * 80);
} }
@ -6090,6 +6153,9 @@ td.uk-text-break {
.w-screen { .w-screen {
width: 100vw; width: 100vw;
} }
.max-w-40 {
max-width: calc(var(--spacing) * 40);
}
.min-w-fit { .min-w-fit {
min-width: fit-content; min-width: fit-content;
} }
@ -6124,6 +6190,9 @@ td.uk-text-break {
.items-center { .items-center {
align-items: center; align-items: center;
} }
.items-start {
align-items: flex-start;
}
.justify-between { .justify-between {
justify-content: space-between; justify-content: space-between;
} }
@ -6133,9 +6202,24 @@ td.uk-text-break {
.justify-end { .justify-end {
justify-content: flex-end; justify-content: flex-end;
} }
.gap-1 {
gap: calc(var(--spacing) * 1);
}
.gap-2 { .gap-2 {
gap: calc(var(--spacing) * 2); gap: calc(var(--spacing) * 2);
} }
.gap-4 {
gap: calc(var(--spacing) * 4);
}
.gap-6 {
gap: calc(var(--spacing) * 6);
}
.gap-x-1 {
column-gap: calc(var(--spacing) * 1);
}
.gap-x-2 {
column-gap: calc(var(--spacing) * 2);
}
:where(.space-y-2 > :not(:last-child)) { :where(.space-y-2 > :not(:last-child)) {
--tw-space-y-reverse: 0; --tw-space-y-reverse: 0;
margin-block-start: calc( margin-block-start: calc(
@ -6145,6 +6229,15 @@ td.uk-text-break {
calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)) calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse))
); );
} }
:where(.space-y-4 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(
calc(var(--spacing) * 4) * var(--tw-space-y-reverse)
);
margin-block-end: calc(
calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse))
);
}
:where(.space-y-6 > :not(:last-child)) { :where(.space-y-6 > :not(:last-child)) {
--tw-space-y-reverse: 0; --tw-space-y-reverse: 0;
margin-block-start: calc( margin-block-start: calc(
@ -6154,15 +6247,27 @@ td.uk-text-break {
calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)) calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse))
); );
} }
:where(.divide-x > :not(:last-child)) {
--tw-divide-x-reverse: 0;
border-inline-style: var(--tw-border-style);
border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));
border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
}
.overflow-hidden { .overflow-hidden {
overflow: hidden; overflow: hidden;
} }
.overflow-y-auto {
overflow-y: auto;
}
.\!rounded-md { .\!rounded-md {
border-radius: var(--radius-md) !important; border-radius: var(--radius-md) !important;
} }
.rounded-2xl { .rounded-2xl {
border-radius: var(--radius-2xl); border-radius: var(--radius-2xl);
} }
.rounded-full {
border-radius: 3.40282e38px;
}
.border { .border {
border-style: var(--tw-border-style); border-style: var(--tw-border-style);
border-width: 1px; border-width: 1px;
@ -6171,6 +6276,10 @@ td.uk-text-break {
border-top-style: var(--tw-border-style); border-top-style: var(--tw-border-style);
border-top-width: 1px; border-top-width: 1px;
} }
.border-b {
border-bottom-style: var(--tw-border-style);
border-bottom-width: 1px;
}
.\!bg-\[hsl\(var\(--muted\)\)\]\/75 { .\!bg-\[hsl\(var\(--muted\)\)\]\/75 {
background-color: color-mix( background-color: color-mix(
in oklab, in oklab,
@ -6185,12 +6294,24 @@ td.uk-text-break {
transparent transparent
); );
} }
.bg-blue-600 {
background-color: var(--color-blue-600);
}
.bg-zinc-900 { .bg-zinc-900 {
background-color: var(--color-zinc-900); background-color: var(--color-zinc-900);
} }
.object-cover { .object-cover {
object-fit: cover; object-fit: cover;
} }
.p-1 {
padding: calc(var(--spacing) * 1);
}
.p-2 {
padding: calc(var(--spacing) * 2);
}
.p-3 {
padding: calc(var(--spacing) * 3);
}
.p-4 { .p-4 {
padding: calc(var(--spacing) * 4); padding: calc(var(--spacing) * 4);
} }
@ -6200,9 +6321,21 @@ td.uk-text-break {
.px-2 { .px-2 {
padding-inline: calc(var(--spacing) * 2); padding-inline: calc(var(--spacing) * 2);
} }
.px-4 {
padding-inline: calc(var(--spacing) * 4);
}
.px-8 { .px-8 {
padding-inline: calc(var(--spacing) * 8); padding-inline: calc(var(--spacing) * 8);
} }
.py-2 {
padding-block: calc(var(--spacing) * 2);
}
.pt-0 {
padding-top: calc(var(--spacing) * 0);
}
.pl-2 {
padding-left: calc(var(--spacing) * 2);
}
.text-center { .text-center {
text-align: center; text-align: center;
} }
@ -6234,9 +6367,22 @@ td.uk-text-break {
--tw-font-weight: var(--font-weight-medium); --tw-font-weight: var(--font-weight-medium);
font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium);
} }
.font-semibold {
--tw-font-weight: var(--font-weight-semibold);
font-weight: var(--font-weight-semibold);
}
.whitespace-pre-line {
white-space: pre-line;
}
.text-\[hsl\(var\(--background\)\)\] { .text-\[hsl\(var\(--background\)\)\] {
color: hsl(var(--background)); color: hsl(var(--background));
} }
.text-green-500 {
color: var(--color-green-500);
}
.text-red-500 {
color: var(--color-red-500);
}
.text-white { .text-white {
color: var(--color-white); color: var(--color-white);
} }
@ -6347,6 +6493,9 @@ td.uk-text-break {
} }
} }
@media (width>=80rem) { @media (width>=80rem) {
.xl\:flex {
display: flex;
}
.xl\:grid { .xl\:grid {
display: grid; display: grid;
} }
@ -6476,6 +6625,11 @@ td.uk-text-break {
inherits: false; inherits: false;
initial-value: 0; initial-value: 0;
} }
@property --tw-divide-x-reverse {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-border-style { @property --tw-border-style {
syntax: "*"; syntax: "*";
inherits: false; inherits: false;

154
Web/css/styles.min.css vendored
View file

@ -5931,6 +5931,17 @@ td.uk-text-break {
} }
@layer components; @layer components;
@layer utilities { @layer utilities {
.sr-only {
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
position: absolute;
overflow: hidden;
}
.absolute { .absolute {
position: absolute; position: absolute;
} }
@ -5949,6 +5960,9 @@ td.uk-text-break {
.inset-0 { .inset-0 {
inset: calc(var(--spacing) * 0); inset: calc(var(--spacing) * 0);
} }
.z-10 {
z-index: 10;
}
.col-span-1 { .col-span-1 {
grid-column: span 1 / span 1; grid-column: span 1 / span 1;
} }
@ -5983,6 +5997,9 @@ td.uk-text-break {
max-width: 96rem; max-width: 96rem;
} }
} }
.-mx-1 {
margin-inline: calc(var(--spacing) * -1);
}
.my-20 { .my-20 {
margin-block: calc(var(--spacing) * 20); margin-block: calc(var(--spacing) * 20);
} }
@ -5995,6 +6012,21 @@ td.uk-text-break {
.mr-2 { .mr-2 {
margin-right: calc(var(--spacing) * 2); margin-right: calc(var(--spacing) * 2);
} }
.ml-auto {
margin-left: auto;
}
.line-clamp-1 {
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
display: -webkit-box;
overflow: hidden;
}
.line-clamp-2 {
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
display: -webkit-box;
overflow: hidden;
}
.block { .block {
display: block; display: block;
} }
@ -6013,12 +6045,19 @@ td.uk-text-break {
.inline { .inline {
display: inline; display: inline;
} }
.inline-flex {
display: inline-flex;
}
.table { .table {
display: table; display: table;
} }
.aspect-square { .aspect-square {
aspect-ratio: 1; aspect-ratio: 1;
} }
.size-4 {
width: calc(var(--spacing) * 4);
height: calc(var(--spacing) * 4);
}
.\!h-\[2\.5rem\] { .\!h-\[2\.5rem\] {
height: 2.5rem !important; height: 2.5rem !important;
} }
@ -6028,12 +6067,21 @@ td.uk-text-break {
.\!h-\[90vh\] { .\!h-\[90vh\] {
height: 90vh !important; height: 90vh !important;
} }
.h-2 {
height: calc(var(--spacing) * 2);
}
.h-4 { .h-4 {
height: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4);
} }
.h-6 { .h-6 {
height: calc(var(--spacing) * 6); height: calc(var(--spacing) * 6);
} }
.h-10 {
height: calc(var(--spacing) * 10);
}
.h-14 {
height: calc(var(--spacing) * 14);
}
.h-\[31svw\] { .h-\[31svw\] {
height: 31svw; height: 31svw;
} }
@ -6052,12 +6100,27 @@ td.uk-text-break {
.h-screen { .h-screen {
height: 100vh; height: 100vh;
} }
.max-h-\[600px\] {
max-height: 600px;
}
.w-2 {
width: calc(var(--spacing) * 2);
}
.w-4 { .w-4 {
width: calc(var(--spacing) * 4); width: calc(var(--spacing) * 4);
} }
.w-6 { .w-6 {
width: calc(var(--spacing) * 6); width: calc(var(--spacing) * 6);
} }
.w-10 {
width: calc(var(--spacing) * 10);
}
.w-52 {
width: calc(var(--spacing) * 52);
}
.w-72 {
width: calc(var(--spacing) * 72);
}
.w-80 { .w-80 {
width: calc(var(--spacing) * 80); width: calc(var(--spacing) * 80);
} }
@ -6073,6 +6136,9 @@ td.uk-text-break {
.w-screen { .w-screen {
width: 100vw; width: 100vw;
} }
.max-w-40 {
max-width: calc(var(--spacing) * 40);
}
.min-w-fit { .min-w-fit {
min-width: fit-content; min-width: fit-content;
} }
@ -6107,6 +6173,9 @@ td.uk-text-break {
.items-center { .items-center {
align-items: center; align-items: center;
} }
.items-start {
align-items: flex-start;
}
.justify-between { .justify-between {
justify-content: space-between; justify-content: space-between;
} }
@ -6116,9 +6185,24 @@ td.uk-text-break {
.justify-end { .justify-end {
justify-content: flex-end; justify-content: flex-end;
} }
.gap-1 {
gap: calc(var(--spacing) * 1);
}
.gap-2 { .gap-2 {
gap: calc(var(--spacing) * 2); gap: calc(var(--spacing) * 2);
} }
.gap-4 {
gap: calc(var(--spacing) * 4);
}
.gap-6 {
gap: calc(var(--spacing) * 6);
}
.gap-x-1 {
column-gap: calc(var(--spacing) * 1);
}
.gap-x-2 {
column-gap: calc(var(--spacing) * 2);
}
:where(.space-y-2 > :not(:last-child)) { :where(.space-y-2 > :not(:last-child)) {
--tw-space-y-reverse: 0; --tw-space-y-reverse: 0;
margin-block-start: calc( margin-block-start: calc(
@ -6128,6 +6212,15 @@ td.uk-text-break {
calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)) calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse))
); );
} }
:where(.space-y-4 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(
calc(var(--spacing) * 4) * var(--tw-space-y-reverse)
);
margin-block-end: calc(
calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse))
);
}
:where(.space-y-6 > :not(:last-child)) { :where(.space-y-6 > :not(:last-child)) {
--tw-space-y-reverse: 0; --tw-space-y-reverse: 0;
margin-block-start: calc( margin-block-start: calc(
@ -6137,15 +6230,27 @@ td.uk-text-break {
calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)) calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse))
); );
} }
:where(.divide-x > :not(:last-child)) {
--tw-divide-x-reverse: 0;
border-inline-style: var(--tw-border-style);
border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));
border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
}
.overflow-hidden { .overflow-hidden {
overflow: hidden; overflow: hidden;
} }
.overflow-y-auto {
overflow-y: auto;
}
.\!rounded-md { .\!rounded-md {
border-radius: var(--radius-md) !important; border-radius: var(--radius-md) !important;
} }
.rounded-2xl { .rounded-2xl {
border-radius: var(--radius-2xl); border-radius: var(--radius-2xl);
} }
.rounded-full {
border-radius: 3.40282e38px;
}
.border { .border {
border-style: var(--tw-border-style); border-style: var(--tw-border-style);
border-width: 1px; border-width: 1px;
@ -6154,6 +6259,10 @@ td.uk-text-break {
border-top-style: var(--tw-border-style); border-top-style: var(--tw-border-style);
border-top-width: 1px; border-top-width: 1px;
} }
.border-b {
border-bottom-style: var(--tw-border-style);
border-bottom-width: 1px;
}
.\!bg-\[hsl\(var\(--muted\)\)\]\/75 { .\!bg-\[hsl\(var\(--muted\)\)\]\/75 {
background-color: color-mix( background-color: color-mix(
in oklab, in oklab,
@ -6168,12 +6277,24 @@ td.uk-text-break {
transparent transparent
); );
} }
.bg-blue-600 {
background-color: var(--color-blue-600);
}
.bg-zinc-900 { .bg-zinc-900 {
background-color: var(--color-zinc-900); background-color: var(--color-zinc-900);
} }
.object-cover { .object-cover {
object-fit: cover; object-fit: cover;
} }
.p-1 {
padding: calc(var(--spacing) * 1);
}
.p-2 {
padding: calc(var(--spacing) * 2);
}
.p-3 {
padding: calc(var(--spacing) * 3);
}
.p-4 { .p-4 {
padding: calc(var(--spacing) * 4); padding: calc(var(--spacing) * 4);
} }
@ -6183,9 +6304,21 @@ td.uk-text-break {
.px-2 { .px-2 {
padding-inline: calc(var(--spacing) * 2); padding-inline: calc(var(--spacing) * 2);
} }
.px-4 {
padding-inline: calc(var(--spacing) * 4);
}
.px-8 { .px-8 {
padding-inline: calc(var(--spacing) * 8); padding-inline: calc(var(--spacing) * 8);
} }
.py-2 {
padding-block: calc(var(--spacing) * 2);
}
.pt-0 {
padding-top: calc(var(--spacing) * 0);
}
.pl-2 {
padding-left: calc(var(--spacing) * 2);
}
.text-center { .text-center {
text-align: center; text-align: center;
} }
@ -6217,9 +6350,22 @@ td.uk-text-break {
--tw-font-weight: var(--font-weight-medium); --tw-font-weight: var(--font-weight-medium);
font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium);
} }
.font-semibold {
--tw-font-weight: var(--font-weight-semibold);
font-weight: var(--font-weight-semibold);
}
.whitespace-pre-line {
white-space: pre-line;
}
.text-\[hsl\(var\(--background\)\)\] { .text-\[hsl\(var\(--background\)\)\] {
color: hsl(var(--background)); color: hsl(var(--background));
} }
.text-green-500 {
color: var(--color-green-500);
}
.text-red-500 {
color: var(--color-red-500);
}
.text-white { .text-white {
color: var(--color-white); color: var(--color-white);
} }
@ -6320,6 +6466,9 @@ td.uk-text-break {
} }
} }
@media (width>=80rem) { @media (width>=80rem) {
.xl\:flex {
display: flex;
}
.xl\:grid { .xl\:grid {
display: grid; display: grid;
} }
@ -6449,6 +6598,11 @@ td.uk-text-break {
inherits: false; inherits: false;
initial-value: 0; initial-value: 0;
} }
@property --tw-divide-x-reverse {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-border-style { @property --tw-border-style {
syntax: "*"; syntax: "*";
inherits: false; inherits: false;