sbolel/express-pug-starter

View on GitHub
app/styles/components/page-header.scss

Summary

Maintainability
Test Coverage
.page-header {
  background-image: linear-gradient(120deg, #155799, #159957);
  color: #fff;
  text-align: center;
}

@media screen and (min-width: 64em) {
  .page-header {
    padding: 3.25rem 4.25rem;
  }
}

@media screen and (min-width: 42em) and (max-width: 64em) {
  .page-header {
    padding: 1.25rem 2.25rem;
  }
}

@media screen and (max-width: 42em) {
  .page-header {
    padding: .25rem;
  }
}