codeforamerica/intake

View on GitHub
intake/static/intake/scss/molecules/_flashes.scss

Summary

Maintainability
Test Coverage
.flash {
  @include full-bleed();
  position: relative;
  padding: {
    top: 1em;
    bottom: 1em;
  }
  background-color: #fff;
  font-weight: 500;
  &:last-child {
    box-shadow: 10px 0 10px rgba(0,0,0,.25);
  }
  p:last-child {
    margin-bottom: 0;
  }
  a {
    color: inherit;
  }
}

.flash.error {
  background-color: tint($color-red, 80%);
}

.flash.success {
  color: #fff;
  background-color: shade($color-green, 8%);
}