diff --git a/_scss/_notes.scss b/_scss/_notes.scss index 9af586a877..67faa5b72f 100644 --- a/_scss/_notes.scss +++ b/_scss/_notes.scss @@ -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" + ); + } } }