_hero.sass 515 B

123456789101112131415161718192021222324
  1. // *************************************
  2. //
  3. // Hero
  4. // -> Main Hero image in header
  5. //
  6. // *************************************
  7. .hero
  8. min-height: $hero-minHeight
  9. background-color: $hero-background
  10. background-image: url('../images/note-wrangler-hero.jpg')
  11. background-position: center
  12. background-repeat: no-repeat
  13. .hero-wrapper
  14. @extend %row
  15. background-color: $hero-background
  16. .hero-content
  17. @extend %cell
  18. .hero-cover
  19. background-image: url('../images/hero-cover.jpg')
  20. background-size: cover