_footer.sass 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  1. .footer
  2. height: 300px
  3. border-top: 1px solid #E6E6E6
  4. background-color: #F5F5F5
  5. padding: 25px 0
  6. .logos
  7. margin: 0 0 30px
  8. .footer-icon
  9. display: flex
  10. flex-direction: column
  11. align-items: center
  12. img
  13. height: 30px
  14. .logo
  15. display: block
  16. width: 100%
  17. height: 50px
  18. background-size: contain
  19. background-repeat: no-repeat
  20. background-position: center center
  21. &--small
  22. height: 30px
  23. &.logo-fsfe
  24. background-image: url('../images/fsfe_logo.png')
  25. &.logo-chopen
  26. background-image: url('../images/chopen_logo.png')
  27. &.logo-isoc
  28. background-image: url('../images/partner_logos/isoc_logo_sw.png')
  29. &:hover
  30. background-image: url('../images/partner_logos/isoc_logo.png')
  31. &.logo-wilhelmtux
  32. background-image: url('../images/partner_logos/wilhelmtux_logo_sw.png')
  33. &:hover
  34. background-image: url('../images/partner_logos/wilhelmtux_logo.png')
  35. &.logo-parldigi
  36. background-image: url('../images/partner_logos/parldigi_logo_sw.png')
  37. &:hover
  38. background-image: url('../images/partner_logos/parldigi_logo.png')
  39. &.logo-allmend
  40. background-image: url('../images/partner_logos/allmend_logo_sw.png')
  41. &:hover
  42. background-image: url('../images/partner_logos/allmend_logo.png')
  43. &.logo-opendata
  44. background-image: url('../images/partner_logos/opendata_logo_sw.png')
  45. &:hover
  46. background-image: url('../images/partner_logos/opendata_logo.png')
  47. .center-content
  48. display: flex
  49. justify-content: center
  50. .address
  51. text-align: center