jekyll(css): add experimental note

Signed-off-by: CrazyMax <crazy-max@users.noreply.github.com>
This commit is contained in:
CrazyMax 2022-07-27 16:02:54 +02:00
parent 72a3a45c0e
commit a4f735fec8
No known key found for this signature in database
GPG Key ID: 3248E46B6BB8C7F7
1 changed files with 20 additions and 2 deletions

View File

@ -53,7 +53,7 @@ blockquote {
body.night & {
// DARK THEME
&:not(.important):not(.warning):not(.restricted) {
&:not(.important):not(.warning):not(.restricted):not(.experimental) {
@include notification(
$bg-color: $dark-palette-blue-200,
$header-color: $white-0,
@ -88,12 +88,21 @@ blockquote {
$icon: "\f135"
);
}
&.experimental {
@include notification(
$bg-color: $dark-palette-blue-200,
$header-color: $white-0,
$body-text-color: $white-0,
$icon: "\f492"
);
}
}
body:not(.night) & {
// LIGHT THEME
&:not(.important):not(.warning):not(.restricted) {
&:not(.important):not(.warning):not(.restricted):not(.experimental) {
@include notification(
$bg-color: $light-palette-blue-100,
$header-color: $light-palette-blue-500,
@ -128,6 +137,15 @@ blockquote {
$icon: "\f135"
);
}
&.experimental {
@include notification(
$bg-color: $light-palette-blue-100,
$header-color: $light-palette-blue-500,
$body-text-color: inherit,
$icon: "\f492"
);
}
}
}