Divide `basic.css` en parciales SCSS bajo `assets/scss/basic/`, integra `normalize.css` en `basic.min.css` y compila `intro.scss` por separado a `intro.min.css`.
24 lines
943 B
SCSS
24 lines
943 B
SCSS
.message {
|
|
padding: 0.75rem 1rem;
|
|
margin-bottom: 1rem;
|
|
border: 1px solid transparent;
|
|
border-radius: 0.375rem;
|
|
}
|
|
|
|
.message-info {
|
|
color: color-mix(in srgb, var(--val-color--info) 40%, black);
|
|
background-color: color-mix(in srgb, var(--val-color--info) 15%, var(--val-color--bg));
|
|
border-color: color-mix(in srgb, var(--val-color--info) 40%, var(--val-color--bg));
|
|
}
|
|
|
|
.message-warning {
|
|
color: color-mix(in srgb, var(--val-color--warning) 40%, black);
|
|
background-color: color-mix(in srgb, var(--val-color--warning) 15%, var(--val-color--bg));
|
|
border-color: color-mix(in srgb, var(--val-color--warning) 40%, var(--val-color--bg));
|
|
}
|
|
|
|
.message-error {
|
|
color: color-mix(in srgb, var(--val-color--danger) 40%, black);
|
|
background-color: color-mix(in srgb, var(--val-color--danger) 15%, var(--val-color--bg));
|
|
border-color: color-mix(in srgb, var(--val-color--danger) 40%, var(--val-color--bg));
|
|
}
|