maz-ui
Version:
A standalone components library for Vue.Js 3 & Nuxt.Js 3
2 lines (1 loc) • 1.53 kB
CSS
.m-alert[data-v-6fe77ca9]{align-items:flex-start;gap:.75rem;padding:1rem;display:flex}.m-alert.--soft[data-v-6fe77ca9]{background-color:hsl(var(--m-alert-color) / 10%);color:hsl(var(--m-alert-color))}.m-alert.--soft[data-v-6fe77ca9]:is([class~=dark] *){color:hsl(var(--m-alert-color-dark))}.m-alert.--soft.--bordered[data-v-6fe77ca9]{border-width:var(--maz-border-width);border-color:hsl(var(--m-alert-color) / 30%)}.m-alert.--solid[data-v-6fe77ca9]{background-color:hsl(var(--m-alert-bg));color:hsl(var(--m-alert-fg))}.m-alert.--solid.--bordered[data-v-6fe77ca9]{border-width:var(--maz-border-width);border-color:hsl(var(--m-alert-border))}.m-alert-icon[data-v-6fe77ca9]{flex-shrink:0;justify-content:center;align-items:center;display:flex}.m-alert-body[data-v-6fe77ca9]{flex-direction:column;flex:1;gap:.25rem;display:flex}.m-alert-title[data-v-6fe77ca9]{margin:0;font-weight:600;line-height:1.25}.m-alert-content[data-v-6fe77ca9]{line-height:1.625}.m-alert.--rounded-none[data-v-6fe77ca9]{border-radius:0}.m-alert.--rounded-sm[data-v-6fe77ca9]{border-radius:calc(var(--maz-radius) - 8px)}.m-alert.--rounded-md[data-v-6fe77ca9]{border-radius:calc(var(--maz-radius) - 4px)}.m-alert.--rounded-base[data-v-6fe77ca9]{border-radius:var(--maz-radius)}.m-alert.--rounded-lg[data-v-6fe77ca9]{border-radius:calc(var(--maz-radius) + 4px)}.m-alert.--rounded-xl[data-v-6fe77ca9]{border-radius:calc(var(--maz-radius) + 8px)}.m-alert.--rounded-2xl[data-v-6fe77ca9]{border-radius:1rem}.m-alert.--rounded-3xl[data-v-6fe77ca9]{border-radius:1.5rem}