_site-footer.scss 825 B

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