_related-posts.scss 1.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
  1. .jp-relatedposts-i2,
  2. .wp-block-jetpack-related-posts {
  3. .jp-related-posts-i2__post {
  4. margin: 0 var(--global--spacing-horizontal) 0 0;
  5. }
  6. .jp-related-posts-i2__row {
  7. margin: auto;
  8. }
  9. .jp-related-posts-i2__post-link {
  10. font-weight: var(--global--font-weight);
  11. font-size: var(--global--font-size-lg);
  12. line-height: var(--global--line-height-body);
  13. width: fit-content;
  14. a {
  15. color: var(--global--color-foreground);
  16. }
  17. }
  18. .jp-related-posts-i2__post-date,
  19. .jp-related-posts-i2__post-context {
  20. font-family: var(--global--font-primary);
  21. font-size: var(--global--font-size-xs);
  22. text-transform: uppercase;
  23. color: var(--global--color-foreground-low-contrast);
  24. }
  25. }
  26. /* The built in Jetpack related posts has different markup */
  27. #jp-relatedposts {
  28. .jp-relatedposts-items {
  29. p {
  30. font-size: var(--global--font-size-xs);
  31. }
  32. .jp-relatedposts-post {
  33. .jp-relatedposts-post-date,
  34. .jp-relatedposts-post-context {
  35. opacity: 1;
  36. line-height: var(--global--line-height-body);
  37. color: var(--global--color-foreground-low-contrast);
  38. }
  39. .jp-relatedposts-post-title {
  40. font-size: var(--global--font-size-lg);
  41. line-height: var(--heading--line-height-h2);
  42. margin-bottom: calc(0.3 * var(--global--spacing-vertical));
  43. a {
  44. color: var(--global--color-foreground);
  45. &:hover {
  46. text-decoration: none;
  47. }
  48. }
  49. }
  50. &:hover {
  51. .jp-relatedposts-post-title a{
  52. text-decoration: none;
  53. }
  54. }
  55. }
  56. }
  57. h3.jp-relatedposts-headline {
  58. font-size: var(--global--font-size-base);
  59. margin-bottom: var(--global--spacing-vertical);
  60. em {
  61. font-weight: var(--global--font-weight);
  62. &:before {
  63. content: none;
  64. }
  65. }
  66. }
  67. }