mirror of
https://github.com/jgthms/bulma
synced 2026-03-20 04:14:29 -07:00
24 lines
493 B
Sass
24 lines
493 B
Sass
.notification
|
|
@extend .block
|
|
+clearfix
|
|
background: $background
|
|
border-radius: $radius
|
|
padding: 16px 20px
|
|
position: relative
|
|
.title
|
|
color: inherit
|
|
@each $name, $pair in $colors
|
|
$color: nth($pair, 1)
|
|
$color-invert: nth($pair, 2)
|
|
&.is-#{$name}
|
|
background: $color
|
|
color: $color-invert
|
|
.delete
|
|
background: rgba(black, 0.2)
|
|
border-radius: 0 $radius
|
|
float: right
|
|
margin: -16px -20px 0 20px
|
|
&:hover
|
|
background: rgba(black, 0.5)
|
|
|