2016-01-24 00:03:43 +00:00
|
|
|
.notification
|
2016-02-14 22:10:05 +00:00
|
|
|
@extend .block
|
2016-01-24 00:03:43 +00:00
|
|
|
+clearfix
|
2016-06-29 22:59:48 +00:00
|
|
|
background-color: $background
|
2016-01-24 00:03:43 +00:00
|
|
|
border-radius: $radius
|
|
|
|
|
padding: 16px 20px
|
|
|
|
|
position: relative
|
2016-04-10 15:00:32 +00:00
|
|
|
.delete
|
|
|
|
|
border-radius: 0 $radius
|
|
|
|
|
float: right
|
|
|
|
|
margin: -16px -20px 0 20px
|
2016-04-11 22:21:26 +00:00
|
|
|
.subtitle,
|
2016-01-24 00:03:43 +00:00
|
|
|
.title
|
|
|
|
|
color: inherit
|
2016-04-10 15:00:32 +00:00
|
|
|
// Colors
|
2016-01-24 00:03:43 +00:00
|
|
|
@each $name, $pair in $colors
|
|
|
|
|
$color: nth($pair, 1)
|
|
|
|
|
$color-invert: nth($pair, 2)
|
|
|
|
|
&.is-#{$name}
|
2016-06-29 22:59:48 +00:00
|
|
|
background-color: $color
|
2016-01-24 00:03:43 +00:00
|
|
|
color: $color-invert
|
