_site-footer.scss 908 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. .widget {
  14. -webkit-hyphens: auto;
  15. -moz-hyphens: auto;
  16. -ms-hyphens: auto;
  17. hyphens: auto;
  18. width: 100%;
  19. word-wrap: break-word;
  20. @include media(desktop) {
  21. margin-right: calc(3 * #{$size__spacing-unit});
  22. width: calc(50% - (3 * #{$size__spacing-unit}));
  23. }
  24. }
  25. }
  26. .site-info {
  27. color: $color__text-light;
  28. -webkit-hyphens: auto;
  29. -moz-hyphens: auto;
  30. -ms-hyphens: auto;
  31. hyphens: auto;
  32. word-wrap: break-word;
  33. a {
  34. color: inherit;
  35. &:hover {
  36. text-decoration: none;
  37. color: $color__link;
  38. }
  39. }
  40. .imprint,
  41. .privacy-policy-link {
  42. margin-right: $size__spacing-unit;
  43. }
  44. }
  45. }