bulma/docs/_sass/components/notification.scss
Jeremy Thomas 08ef4df2c0
Bulma v9 website (#3249)
* Add Bulma v9

* Add vendor dependencies

* Fix native

* Fix sponsors

* Add style attribute
2021-01-27 23:30:42 +00:00

38 lines
651 B
SCSS

.bd-notification {
background-color: $background;
border-radius: $radius;
color: $text-light;
font-weight: $weight-semibold;
padding: 1.25rem 0;
position: relative;
text-align: center;
.title,
.subtitle,
.content,
strong {
color: currentColor;
}
code,
pre {
background-color: rgba($scheme-invert, 0.2);
border-radius: $radius;
color: $scheme-main;
}
pre code {
background-color: transparent;
}
// Colors
@each $name, $pair in $colors {
$color: nth($pair, 1);
$color-invert: nth($pair, 2);
&.is-#{$name} {
background-color: $color;
color: $color-invert;
}
}
}