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: Alpha version bugfixes

Browse source
This commit is contained in:
Jesse Malotaux 2025-04-13 13:07:15 +02:00
parent fd9430dbc6
commit cb5516f863
18 changed files with 474 additions and 144 deletions
Download patch file Download diff file Expand all files Collapse all files

125
panels/test_panel/output.css
View file

@ -1,66 +1,69 @@
.m-0 {
margin: calc(var(--spacing) * 0);
/*! tailwindcss v4.1.2 | MIT License | https://tailwindcss.com */
@layer theme, utilities;
@layer theme {
:root, :host {
--color-red-500: oklch(63.7% 0.237 25.331);
--color-sky-400: oklch(74.6% 0.16 232.661);
--color-rose-400: oklch(71.2% 0.194 13.428);
--color-slate-400: oklch(70.4% 0.04 256.788);
--color-slate-500: oklch(55.4% 0.046 257.417);
--spacing: 0.25rem;
}
}
.flex {
display: flex;
@layer utilities {
.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-full {
height: 100%;
}
.h-screen {
height: 100vh;
}
.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);
}
.bg-rose-400 {
background-color: var(--color-rose-400);
}
.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);
}
}
.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;
}