Contents

$flash-red: #FBE3E4;
$flash-yellow: #FFF6BF;
$flash-green: #E6EFC2;

%flash-base {
  display: block;
  font-weight: bold;
  margin-bottom: $base-spacing / 2;
  padding: $base-spacing / 2;
  text-align: center;
}

$flashes: (alert: $flash-yellow, error: $flash-red, notice: lighten($base-accent-color, 40), success: $flash-green);

@each $flash, $color in $flashes {
  .flash.#{$flash} {
    @extend %flash-base;
    background: $color;
    color: darken($color, 60);

    a {
      color: darken($color, 70);
      border-bottom: 1px solid transparentize(darken($color, 70), .7);

      &:hover {
        color: darken($color, 90);
      }
    }
  }
}

Version data entries

2 entries across 2 versions & 1 rubygems

Version	Path
nesta-contentfocus-extensions-0.0.3	assets/stylesheets/contentfocus/_flashes.scss
nesta-contentfocus-extensions-0.0.2	assets/stylesheets/contentfocus/_flashes.scss