_site-footer.scss 948 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. /* Site footer */
  2. #colophon {
  3. .widget-area,
  4. .site-info {
  5. margin: calc(2 * #{$size__spacing-unit}) $size__spacing-unit;
  6. @include media(tablet) {
  7. margin: calc(3 * #{$size__spacing-unit}) $size__site-margins;
  8. }
  9. }
  10. .widget-column {
  11. display: flex;
  12. flex-wrap: wrap;
  13. @include media(desktop) {
  14. margin: 32px auto;
  15. max-width: calc(6*(100vw/12) - 28px);
  16. }
  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-main;
  27. @include media(tablet) {
  28. max-width: $size__site-tablet-content;
  29. }
  30. @include media(desktop) {
  31. max-width: $size__site-desktop-content;
  32. }
  33. margin: 32px auto;
  34. a {
  35. color: inherit;
  36. &:hover {
  37. text-decoration: none;
  38. color: $color__link;
  39. }
  40. }
  41. .imprint,
  42. .privacy-policy-link {
  43. margin-right: $size__spacing-unit;
  44. }
  45. }
  46. }