Sha256: 794cffd7d8c98236298ffa78a1c95413d12408597084e24bd86e41339649c269

Contents?: true

Size: 630 Bytes

Versions: 8

Compression:

Stored size: 630 Bytes

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;
}

$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

8 entries across 8 versions & 1 rubygems

Version Path
staple-0.0.9 source/stylesheets/staple/_flashes.scss
staple-0.0.8 source/stylesheets/staple/_flashes.scss
staple-0.0.7 source/stylesheets/staple/_flashes.scss
staple-0.0.6 source/stylesheets/staple/_flashes.scss
staple-0.0.5 source/stylesheets/staple/_flashes.scss
staple-0.0.4 source/stylesheets/staple/_flashes.scss
staple-0.0.3 source/stylesheets/staple/_flashes.scss
staple-0.0.2 source/stylesheets/staple/_flashes.scss