🎨 (basic): Organiza estilos de Basic e Intro
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`.
This commit is contained in:
parent
b5da11777a
commit
c848b97450
30 changed files with 1612 additions and 1812 deletions
24
assets/scss/basic/_messages.scss
Normal file
24
assets/scss/basic/_messages.scss
Normal file
|
|
@ -0,0 +1,24 @@
|
|||
.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));
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue