Sha256: b075c018cc52fec4ae9dd8196b004a4f744c82484945cf0c40c7e43ca4e41953
Contents?: true
Size: 1.04 KB
Versions: 4
Compression:
Stored size: 1.04 KB
Contents
.message-body
border: 1px solid $border
border-radius: $radius
padding: 12px 15px
strong
color: inherit
.message-header
background: $text
border-radius: $radius $radius 0 0
color: $text-invert
font-size: 10px
font-weight: bold
letter-spacing: 1px
padding: 3px 8px
text-transform: uppercase
& + .message-body
border-radius: 0 0 $radius $radius
border-top: none
.message
@extend .block
background: $background
border-radius: $radius
@each $name, $pair in $colors
$color: nth($pair, 1)
$color-invert: nth($pair, 2)
$lightning: (100% - lightness($color)) - 4%
$darkness: max(lightness($color) - 10%, lightness($color))
&.is-#{$name}
background: lighten($color, $lightning)
.message-header
background: $color
color: $color-invert
.message-body
border-color: $color
@if (colorLuminance($color) > 0.8)
color: desaturate(lighten(darken($color, 100%), 40%), 40%)
@else
color: desaturate(lighten(darken($color, 100%), 50%), 30%)
Version data entries
4 entries across 4 versions & 1 rubygems