Files
bulma/bulma/elements/notifications.sass
2016-04-10 16:00:32 +01:00

24 lines
504 B
Sass

.notification
@extend .block
+clearfix
background: $background
border-radius: $radius
padding: 16px 20px
position: relative
.delete
background: rgba(black, 0.2)
border-radius: 0 $radius
float: right
margin: -16px -20px 0 20px
&:hover
background: rgba(black, 0.5)
.title
color: inherit
// Colors
@each $name, $pair in $colors
$color: nth($pair, 1)
$color-invert: nth($pair, 2)
&.is-#{$name}
background: $color
color: $color-invert