ViMaSter/hackertours-theme
Watch
0
0
Fork
You've already forked hackertours-theme
 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Implement new css.Build.

Browse source
This commit is contained in:
Fredrik Jonsson 2026-04-08 11:17:24 +02:00
commit d984bcaf5d
1 changed files with 1681 additions and 1695 deletions
Download patch file Download diff file Expand all files Collapse all files

68
assets/css/components/_messages.css
View file

@ -1,44 +1,42 @@
/* Messages */
@layer components {
.message {
padding: .5rem;
outline-width: 2px;
outline-style: solid;
width: 95%;
.message {
padding: .5rem;
outline-width: 2px;
outline-style: solid;
width: 95%;
&.success {
background-color: var(--color-success-bg);
color: var(--color-success);
outline-color: var(--color-success);
}
&.info {
background-color: var(--color-info-bg);
color: var(--color-info);
outline-color: var(--color-info);
}
&.warning {
background-color: var(--color-warning-bg);
color: var(--color-warning);
outline-color: var(--color-warning);
}
&.error {
background-color: var(--color-error-bg);
color: var(--color-error);
outline-color: var(--color-error);
}
&.success {
background-color: var(--color-success-bg);
color: var(--color-success);
outline-color: var(--color-success);
}
.message--highlight {
animation: 2s ease-in-out infinite --outline-highlight;
&.info {
background-color: var(--color-info-bg);
color: var(--color-info);
outline-color: var(--color-info);
}
@keyframes --outline-highlight {
50% {
outline-width: .3rem;
}
&.warning {
background-color: var(--color-warning-bg);
color: var(--color-warning);
outline-color: var(--color-warning);
}
&.error {
background-color: var(--color-error-bg);
color: var(--color-error);
outline-color: var(--color-error);
}
}
.message--highlight {
animation: 2s ease-in-out infinite --outline-highlight;
}
@keyframes --outline-highlight {
50% {
outline-width: .3rem;
}
}