1 line
15 KiB
CSS
1 line
15 KiB
CSS
|
/*! 🌼 daisyUI 5.5.7 - MIT License */ @layer utilities{.alert{border-width:var(--border);border-color:var(--alert-border-color,var(--color-base-200));@layer daisyui.l1.l2.l3{&{--alert-border-color:var(--color-base-200);border-radius:var(--radius-box);color:var(--color-base-content);background-color:var(--alert-color,var(--color-base-200));text-align:start;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)*.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)*.08));border-style:solid;grid-template-columns:auto;grid-auto-flow:column;justify-content:start;place-items:center start;gap:1rem;padding-block:.75rem;padding-inline:1rem;font-size:.875rem;line-height:1.25rem;display:grid}&:has(:nth-child(2)){grid-template-columns:auto minmax(auto,1fr)}}}.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)}}}.alert-error{@layer daisyui.l1.l2{&{color:var(--color-error-content);--alert-border-color:var(--color-error);--alert-color:var(--color-error)}}}.alert-soft{@layer daisyui.l1{&{color:var(--alert-color,var(--color-base-content));background:color-mix(in oklab,var(--alert-color,var(--color-base-content))8%,var(--color-base-100));--alert-border-color:color-mix(in oklab,var(--alert-color,var(--color-base-content))10%,var(--color-base-100));box-shadow:none;background-image:none}}}.alert-outline{@layer daisyui.l1{&{color:var(--alert-color);box-shadow:none;background-color:#0000;background-image:none}}}.alert-dash{@layer daisyui.l1{&{color:var(--alert-color);box-shadow:none;background-color:#0000;background-image:none;border-style:dashed}}}.alert-vertical{@layer daisyui.l1.l2{&{text-align:center;grid-template-columns:auto;grid-auto-flow:row;justify-content:center;justify-items:center}&:has(:nth-child(2)){grid-template-columns:auto}}}.alert-horizontal{@layer daisyui.l1.l2{&{text-align:start;grid-template-columns:auto;grid-auto-flow:column;justify-content:start;justify-items:start}&:has(:nth-child(2)){grid-template-columns:auto minmax(auto,1fr)}}}@media (width>=640px){.sm\:alert{border-width:var(--border);border-color:var(--alert-border-color,var(--color-base-200));@layer daisyui.l1.l2.l3{&{--alert-border-color:var(--color-base-200);border-radius:var(--radius-box);color:var(--color-base-content);background-color:var(--alert-color,var(--color-base-200));text-align:start;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)*.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)*.08));border-style:solid;grid-template-columns:auto;grid-auto-flow:column;justify-content:start;place-items:center start;gap:1rem;padding-block:.75rem;padding-inline:1rem;font-size:.875rem;line-height:1.25rem;display:grid}&:has(:nth-child(2)){grid-template-columns:auto minmax(auto,1fr)}}}.sm\:alert-info{@layer daisyui.l1.l2{&{color:var(--color-info-content);--alert-border-color:var(--color-info);--alert-color:var(--color-info)}}}.sm\:alert-success{@layer daisyui.l1.l2{&{color:var(--color-success-content);--alert-border-color:var(--color-success);--alert-color:var(--color-success)}}}.sm\:alert-warning{@layer daisyui.l1.l2{&{color:var(--color-warning-content);--alert-border-color:var(--color-warning);--alert-color:var(--color-warning)}}}.sm\:alert-error{@layer daisyui.l1.l2{&{color:var(--color-error-content);--alert-border-color:var(--color-error);--alert-color:var(-
|