make confetti and add resource form

This commit is contained in:
@s.roertgen 2024-08-21 09:22:16 +02:00
parent ce5916e692
commit 0aa97e9526
5 changed files with 113 additions and 19 deletions

View file

@ -1045,6 +1045,15 @@ html {
min-height: fit-content;
}
.diff {
position: relative;
display: grid;
width: 100%;
overflow: hidden;
container-type: inline-size;
grid-template-columns: auto 1fr;
}
.dropdown {
position: relative;
display: inline-block;
@ -1181,6 +1190,18 @@ html {
}
}
.btn-outline.btn-primary:hover {
--tw-text-opacity: 1;
color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)));
}
@supports (color: color-mix(in oklab, black, black)) {
.btn-outline.btn-primary:hover {
background-color: color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black);
border-color: color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black);
}
}
.btn-outline.btn-warning:hover {
--tw-text-opacity: 1;
color: var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity)));
@ -1556,6 +1577,10 @@ html {
border-color: var(--btn-color, var(--fallback-b2));
}
.btn-primary {
--btn-color: var(--fallback-p);
}
.btn-warning {
--btn-color: var(--fallback-wa);
}
@ -1566,6 +1591,11 @@ html {
}
@supports (color: color-mix(in oklab, black, black)) {
.btn-outline.btn-primary.btn-active {
background-color: color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black);
border-color: color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black);
}
.btn-outline.btn-warning.btn-active {
background-color: color-mix(in oklab, var(--fallback-wa,oklch(var(--wa)/1)) 90%, black);
border-color: color-mix(in oklab, var(--fallback-wa,oklch(var(--wa)/1)) 90%, black);
@ -1583,7 +1613,17 @@ html {
outline-offset: 2px;
}
.btn-primary {
--tw-text-opacity: 1;
color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)));
outline-color: var(--fallback-p,oklch(var(--p)/1));
}
@supports (color: oklch(0% 0 0)) {
.btn-primary {
--btn-color: var(--p);
}
.btn-warning {
--btn-color: var(--wa);
}
@ -1633,6 +1673,16 @@ html {
background-color: var(--fallback-bc,oklch(var(--bc)/0.2));
}
.btn-outline.btn-primary {
--tw-text-opacity: 1;
color: var(--fallback-p,oklch(var(--p)/var(--tw-text-opacity)));
}
.btn-outline.btn-primary.btn-active {
--tw-text-opacity: 1;
color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)));
}
.btn-outline.btn-warning {
--tw-text-opacity: 1;
color: var(--fallback-wa,oklch(var(--wa)/var(--tw-text-opacity)));
@ -2535,6 +2585,10 @@ details.collapse summary::-webkit-details-marker {
z-index: 1;
}
.float-right {
float: right;
}
.m-1 {
margin: 0.25rem;
}
@ -2583,6 +2637,10 @@ details.collapse summary::-webkit-details-marker {
width: 2.5rem;
}
.w-24 {
width: 6rem;
}
.w-5 {
width: 1.25rem;
}
@ -2685,6 +2743,10 @@ details.collapse summary::-webkit-details-marker {
border-radius: 9999px;
}
.rounded-xl {
border-radius: 0.75rem;
}
.border {
border-width: 1px;
}
@ -2736,6 +2798,11 @@ details.collapse summary::-webkit-details-marker {
padding-bottom: 1rem;
}
.text-2xl {
font-size: 1.5rem;
line-height: 2rem;
}
.text-lg {
font-size: 1.125rem;
line-height: 1.75rem;