_site-footer.scss 734 B

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