rugby-board/rugby-board-node

View on GitHub
client/css/_footer.scss

Summary

Maintainability
Test Coverage
footer {
  background-color: $main-font-color;
  border-radius: 6px;
  font-size: 1rem;
  margin: 1rem 0;
  overflow: hidden;
  padding: .8rem 0;
  text-align: center;

  .footer-column {
    background-color: $main-font-color;
    color: $menu-link-color;
    line-height: 1.4;
    padding: 0 .8rem;
    width: 100%;

    .footer-title {
      border-bottom: 1px solid $light-font-color;
      font-weight: bold;
      line-height: 1.2;
      margin-bottom: .4rem;
      padding-bottom: .4rem;
    }

    a {
      color: $menu-link-color;
    }
  }
}

@media (max-width: $page-breakpoint) {
  footer {
    .footer-column {
      display: none;

      .footer-title {
        border: 0;
      }

      &:first-of-type {
        display: block;
      }
    }
  }
}