mirror of
https://github.com/Macrame-App/Macrame
synced 2025-12-29 15:29:26 +00:00
66 lines
953 B
CSS
66 lines
953 B
CSS
.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;
|
|
}
|