CMSgov/dpc-app

View on GitHub
dpc-web/app/assets/stylesheets/components/_page-headers.scss

Summary

Maintainability
Test Coverage
.page-header {
  background-color: $color-gray-dark;
  color: $color-white;
  padding-top: $spacer-5;

  .ds-c-tabs {
    border-bottom: 0;
    margin-top: 0 - $spacer-3;
  }

  .ds-c-tabs__item {
    background-color: rgba($color-gray, .3);
    color: $color-white;
    border: 0;
    margin: 0 4px 0 0;
  }

  .ds-c-tabs__item--active {
    background-color: $color-white;
    color: $color-gray-dark;

    &:before {
      background-color: $color-primary;
      content: "";
      height: 4px;
      left: 0;
      position: absolute;
      right: 0;
      top: -1px;
    }
  }

}

.page-header__heading {
  color: $color-white;
  display: block;
  font-size: $h1-font-size;
  font-weight: $font-bold;
  margin: 0;
  padding-bottom: $spacer-5;
}

.header-seperator {
  background-color: $color-gray-dark;
  padding: $spacer-1;
}