18F/e-QIP-prototype

View on GitHub
src/components/ErrorList/ErrorList.scss

Summary

Maintainability
Test Coverage
.error-list {
  margin-bottom: 2rem;
}

.usa-alert {
  background-size: 4.2rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1.4rem;
  background-position: 1.4rem 1.7rem;
  border-radius: 6px;
  margin-top: .5rem;
  margin-bottom: .5rem;

  &::before {
    content: none;
  }

  .usa-alert-heading {
    margin-bottom: 1.5rem;
    font-size: inherit;
  }

  .usa-alert-body {
    padding-left: 4rem;
    padding-right: 4rem;

    h4,
    h5,
    h6 {
      margin: 0;
      font-family: $font-sans;
      font-size: inherit;
    }

    ul {
      margin-top: 0;
      margin-bottom: 1.5rem;
      padding-left: 3.5rem;
    }

    p:last-of-type {
      margin-bottom: 0;
      margin-top: 0;
    }
  }

  &.usa-alert-error {
    background-image: url('#{$asset-path}img/error.svg');
    background-size: 2rem;
  }

  &.usa-alert-info {
    background-image: url('#{$asset-path}img/help-icon-v2-01.svg');
    background-size: 2rem;

    .close {
      margin-top: 2rem;
      display: inline-block;
    }
  }

  &.usa-alert-warning {
    background-size: 3rem;
  }
}