_site-footer.scss 841 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. /* Site footer */
  2. #colophon {
  3. .widget-area {
  4. margin: calc(2 * #{$size__spacing-unit}) $size__spacing-unit;
  5. @include media(tablet) {
  6. margin: calc(3 * #{$size__spacing-unit}) auto;
  7. max-width: calc(8 * (100vw / 12) - 28px);
  8. }
  9. @include media(desktop) {
  10. max-width: calc(6 * (100vw / 12) - 28px);
  11. }
  12. }
  13. .widget-column {
  14. display: flex;
  15. flex-wrap: wrap;
  16. .widget {
  17. width: 100%;
  18. }
  19. }
  20. .site-info {
  21. margin: calc(2 * #{$size__spacing-unit}) $size__spacing-unit;
  22. @include media(tablet) {
  23. margin: calc(3 * #{$size__spacing-unit}) $size__site-margins;
  24. }
  25. }
  26. .site-info {
  27. color: $color__text-light;
  28. text-align: center;
  29. a {
  30. color: inherit;
  31. &:hover {
  32. text-decoration: none;
  33. color: $color__link;
  34. }
  35. }
  36. .imprint,
  37. .privacy-policy-link {
  38. margin-right: $size__spacing-unit;
  39. }
  40. }
  41. }