zoeynoort/Macrame
1
0
Fork 0
mirror of https://github.com/Macrame-App/Macrame synced 2025-12-29 07:19:26 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

WIP: Simple test panel for mobile phones.

Browse source
This commit is contained in:
Jesse Malotaux 2025-04-05 23:25:37 +02:00
parent a79da7c6f9
commit 55dc67a0ac
9 changed files with 1185 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

66
panels/test_panel/output.css Normal file
View file

@ -0,0 +1,66 @@
.m-0 {
margin: calc(var(--spacing) * 0);
}
.flex {
display: flex;
}
.grid {
display: grid;
}
.aspect-\[9\/20\] {
aspect-ratio: 9/20;
}
.size-full {
width: 100%;
height: 100%;
}
.h-dvh {
height: 100dvh;
}
.h-full {
height: 100%;
}
.h-screen {
height: 100vh;
}
.w-dvw {
width: 100dvw;
}
.w-screen {
width: 100vw;
}
.grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-rows-8 {
grid-template-rows: repeat(8, minmax(0, 1fr));
}
.items-center {
align-items: center;
}
.justify-center {
justify-content: center;
}
.gap-2 {
gap: calc(var(--spacing) * 2);
}
.border {
border-style: var(--tw-border-style);
border-width: 1px;
}
.border-red-500 {
border-color: var(--color-red-500);
}
.bg-sky-400 {
background-color: var(--color-sky-400);
}
.bg-slate-400 {
background-color: var(--color-slate-400);
}
.bg-slate-500 {
background-color: var(--color-slate-500);
}
body * {
box-sizing: border-box;
}