_style.scss 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. .wp-block-latest-posts {
  2. padding-left: 0;
  3. & > li {
  4. word-wrap: break-word;
  5. /* Vertical margins logic */
  6. margin-top: #{map-deep-get($config-global, "spacing", "vertical")};
  7. margin-bottom: #{map-deep-get($config-global, "spacing", "vertical")};
  8. &:first-child {
  9. margin-top: 0;
  10. }
  11. &:last-child {
  12. margin-bottom: 0;
  13. }
  14. }
  15. & > li > a {
  16. @include font-family( map-deep-get($config-heading, "font", "family") );
  17. font-size: #{map-deep-get($config-heading, "font", "size", "h4")};
  18. font-weight: #{map-deep-get($config-heading, "font", "weight")};
  19. line-height: #{map-deep-get($config-heading, "font", "line-height", "h4")};
  20. }
  21. .wp-block-latest-posts__post-date {
  22. color: #{map-deep-get($config-global, "color", "foreground", "light")};
  23. font-size: #{map-deep-get($config-global, "font", "size", "xs")};
  24. line-height: #{map-deep-get($config-global, "font", "line-height", "body")};
  25. .entry-content [class*="inner-container"] &,
  26. .entry-content .has-background & {
  27. color: currentColor;
  28. }
  29. }
  30. .wp-block-latest-posts__post-excerpt,
  31. .wp-block-latest-posts__post-full-content {
  32. font-size: #{map-deep-get($config-global, "font", "size", "sm")};
  33. line-height: #{map-deep-get($config-global, "font", "line-height", "body")};
  34. margin: 0;
  35. }
  36. &.alignfull {
  37. padding-left: #{map-deep-get($config-global, "spacing", "unit")};
  38. padding-right: #{map-deep-get($config-global, "spacing", "unit")};
  39. .entry-content [class*="inner-container"] &,
  40. .entry-content .has-background & {
  41. padding-left: 0;
  42. padding-right: 0;
  43. }
  44. }
  45. }