_site-footer.scss 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071
  1. /* Site footer */
  2. .site-footer {
  3. padding: 1em 0;
  4. color: $color__text-light;
  5. display: flex;
  6. flex-direction: column;
  7. text-align: left;
  8. @include media(tablet) {
  9. margin: 0 $size__site-margins;
  10. }
  11. .wp-block-separator {
  12. margin: 0 0 1em;
  13. background-color: $color__text-light;
  14. border: 0;
  15. height: 1px;
  16. }
  17. }
  18. #colophon {
  19. .widget-area,
  20. .site-info {
  21. margin: calc(2 * #{$size__spacing-unit}) $size__spacing-unit;
  22. @include media(tablet) {
  23. margin: 0 $size__site-margins;
  24. max-width: $size__site-tablet-content;
  25. }
  26. @include media(desktop) {
  27. max-width: $size__site-desktop-content;
  28. }
  29. }
  30. .widget-column {
  31. display: flex;
  32. flex-wrap: wrap;
  33. .widget {
  34. width: 100%;
  35. @include media(desktop) {
  36. margin-right: calc(3 * #{$size__spacing-unit});
  37. width: calc(50% - (3 * #{$size__spacing-unit}));
  38. }
  39. }
  40. }
  41. .site-info {
  42. color: $color__text-light;
  43. font-weight: 300;
  44. @include postContentMaxWidth();
  45. a {
  46. color: inherit;
  47. &:hover {
  48. text-decoration: none;
  49. color: $color__link;
  50. }
  51. }
  52. .imprint,
  53. .privacy-policy-link {
  54. margin-right: $size__spacing-unit;
  55. }
  56. }
  57. }