fix(css): rebuild tailwind to include DaisyUI alert classes
This commit is contained in:
@@ -746,6 +746,27 @@
|
|||||||
.visible {
|
.visible {
|
||||||
visibility: visible;
|
visibility: visible;
|
||||||
}
|
}
|
||||||
|
.toast {
|
||||||
|
@layer daisyui.l1.l2.l3 {
|
||||||
|
position: fixed;
|
||||||
|
inset-inline-start: auto;
|
||||||
|
inset-inline-end: calc(0.25rem * 4);
|
||||||
|
top: auto;
|
||||||
|
bottom: calc(0.25rem * 4);
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: calc(0.25rem * 2);
|
||||||
|
background-color: transparent;
|
||||||
|
translate: var(--toast-x, 0) var(--toast-y, 0);
|
||||||
|
width: max-content;
|
||||||
|
max-width: calc(100vw - 2rem);
|
||||||
|
& > * {
|
||||||
|
@media (prefers-reduced-motion: no-preference) {
|
||||||
|
animation: toast 0.25s ease-out;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
.input {
|
.input {
|
||||||
@layer daisyui.l1.l2.l3 {
|
@layer daisyui.l1.l2.l3 {
|
||||||
cursor: text;
|
cursor: text;
|
||||||
@@ -1162,6 +1183,13 @@
|
|||||||
.inset-0 {
|
.inset-0 {
|
||||||
inset: calc(var(--spacing) * 0);
|
inset: calc(var(--spacing) * 0);
|
||||||
}
|
}
|
||||||
|
.toast-end {
|
||||||
|
@layer daisyui.l1.l2 {
|
||||||
|
inset-inline-start: auto;
|
||||||
|
inset-inline-end: calc(0.25rem * 4);
|
||||||
|
--toast-x: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
.dropdown-end {
|
.dropdown-end {
|
||||||
@layer daisyui.l1.l2 {
|
@layer daisyui.l1.l2 {
|
||||||
--anchor-h: span-left;
|
--anchor-h: span-left;
|
||||||
@@ -1228,6 +1256,13 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.toast-bottom {
|
||||||
|
@layer daisyui.l1.l2 {
|
||||||
|
top: auto;
|
||||||
|
bottom: calc(0.25rem * 4);
|
||||||
|
--toast-y: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
.modal-backdrop {
|
.modal-backdrop {
|
||||||
@layer daisyui.l1.l2.l3 {
|
@layer daisyui.l1.l2.l3 {
|
||||||
grid-column-start: 1;
|
grid-column-start: 1;
|
||||||
@@ -1285,6 +1320,24 @@
|
|||||||
min-width: calc(0.25rem * 0);
|
min-width: calc(0.25rem * 0);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.container {
|
||||||
|
width: 100%;
|
||||||
|
@media (width >= 40rem) {
|
||||||
|
max-width: 40rem;
|
||||||
|
}
|
||||||
|
@media (width >= 48rem) {
|
||||||
|
max-width: 48rem;
|
||||||
|
}
|
||||||
|
@media (width >= 64rem) {
|
||||||
|
max-width: 64rem;
|
||||||
|
}
|
||||||
|
@media (width >= 80rem) {
|
||||||
|
max-width: 80rem;
|
||||||
|
}
|
||||||
|
@media (width >= 96rem) {
|
||||||
|
max-width: 96rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
.divider {
|
.divider {
|
||||||
@layer daisyui.l1.l2.l3 {
|
@layer daisyui.l1.l2.l3 {
|
||||||
display: flex;
|
display: flex;
|
||||||
@@ -1525,6 +1578,38 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.alert {
|
||||||
|
border-width: var(--border);
|
||||||
|
border-color: var(--alert-border-color, var(--color-base-200));
|
||||||
|
@layer daisyui.l1.l2.l3 {
|
||||||
|
border-style: solid;
|
||||||
|
--alert-border-color: var(--color-base-200);
|
||||||
|
display: grid;
|
||||||
|
align-items: center;
|
||||||
|
gap: calc(0.25rem * 4);
|
||||||
|
border-radius: var(--radius-box);
|
||||||
|
padding-inline: calc(0.25rem * 4);
|
||||||
|
padding-block: calc(0.25rem * 3);
|
||||||
|
color: var(--color-base-content);
|
||||||
|
background-color: var(--alert-color, var(--color-base-200));
|
||||||
|
justify-content: start;
|
||||||
|
justify-items: start;
|
||||||
|
grid-auto-flow: column;
|
||||||
|
grid-template-columns: auto;
|
||||||
|
text-align: start;
|
||||||
|
font-size: 0.875rem;
|
||||||
|
line-height: 1.25rem;
|
||||||
|
background-size: auto, calc(var(--noise) * 100%);
|
||||||
|
background-image: none, var(--fx-noise);
|
||||||
|
box-shadow: 0 3px 0 -2px oklch(100% 0 0 / calc(var(--depth) * 0.08)) inset, 0 1px #000, 0 4px 3px -2px oklch(0% 0 0 / calc(var(--depth) * 0.08));
|
||||||
|
@supports (color: color-mix(in lab, red, red)) {
|
||||||
|
box-shadow: 0 3px 0 -2px oklch(100% 0 0 / calc(var(--depth) * 0.08)) inset, 0 1px color-mix( in oklab, color-mix(in oklab, #000 20%, var(--alert-color, var(--color-base-200))) calc(var(--depth) * 20%), #0000 ), 0 4px 3px -2px oklch(0% 0 0 / calc(var(--depth) * 0.08));
|
||||||
|
}
|
||||||
|
&:has(:nth-child(2)) {
|
||||||
|
grid-template-columns: auto minmax(auto, 1fr);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
.join {
|
.join {
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
align-items: stretch;
|
align-items: stretch;
|
||||||
@@ -1593,9 +1678,6 @@
|
|||||||
-webkit-box-orient: vertical;
|
-webkit-box-orient: vertical;
|
||||||
-webkit-line-clamp: 2;
|
-webkit-line-clamp: 2;
|
||||||
}
|
}
|
||||||
.block {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
.flex {
|
.flex {
|
||||||
display: flex;
|
display: flex;
|
||||||
}
|
}
|
||||||
@@ -1647,6 +1729,9 @@
|
|||||||
.h-5 {
|
.h-5 {
|
||||||
height: calc(var(--spacing) * 5);
|
height: calc(var(--spacing) * 5);
|
||||||
}
|
}
|
||||||
|
.h-6 {
|
||||||
|
height: calc(var(--spacing) * 6);
|
||||||
|
}
|
||||||
.h-8 {
|
.h-8 {
|
||||||
height: calc(var(--spacing) * 8);
|
height: calc(var(--spacing) * 8);
|
||||||
}
|
}
|
||||||
@@ -1683,6 +1768,9 @@
|
|||||||
.w-5 {
|
.w-5 {
|
||||||
width: calc(var(--spacing) * 5);
|
width: calc(var(--spacing) * 5);
|
||||||
}
|
}
|
||||||
|
.w-6 {
|
||||||
|
width: calc(var(--spacing) * 6);
|
||||||
|
}
|
||||||
.w-24 {
|
.w-24 {
|
||||||
width: calc(var(--spacing) * 24);
|
width: calc(var(--spacing) * 24);
|
||||||
}
|
}
|
||||||
@@ -2032,6 +2120,34 @@
|
|||||||
.whitespace-nowrap {
|
.whitespace-nowrap {
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
|
.alert-error {
|
||||||
|
@layer daisyui.l1.l2 {
|
||||||
|
color: var(--color-error-content);
|
||||||
|
--alert-border-color: var(--color-error);
|
||||||
|
--alert-color: var(--color-error);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.alert-info {
|
||||||
|
@layer daisyui.l1.l2 {
|
||||||
|
color: var(--color-info-content);
|
||||||
|
--alert-border-color: var(--color-info);
|
||||||
|
--alert-color: var(--color-info);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.alert-success {
|
||||||
|
@layer daisyui.l1.l2 {
|
||||||
|
color: var(--color-success-content);
|
||||||
|
--alert-border-color: var(--color-success);
|
||||||
|
--alert-color: var(--color-success);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.alert-warning {
|
||||||
|
@layer daisyui.l1.l2 {
|
||||||
|
color: var(--color-warning-content);
|
||||||
|
--alert-border-color: var(--color-warning);
|
||||||
|
--alert-color: var(--color-warning);
|
||||||
|
}
|
||||||
|
}
|
||||||
.progress-primary {
|
.progress-primary {
|
||||||
@layer daisyui.l1.l2 {
|
@layer daisyui.l1.l2 {
|
||||||
color: var(--color-primary);
|
color: var(--color-primary);
|
||||||
|
|||||||
Reference in New Issue
Block a user