_style.scss (2751B)
1 .wp-block-rss { 2 padding-left: 0; 3 4 > li { 5 list-style: none; 6 } 7 8 // Vertical margins logic 9 &:not(.is-grid) > li { 10 margin-top: calc(1.666 * var(--global--spacing-vertical)); 11 margin-bottom: calc(1.666 * var(--global--spacing-vertical)); 12 13 &:first-child { 14 margin-top: 0; 15 } 16 17 &:last-child { 18 margin-bottom: 0; 19 } 20 } 21 22 &.is-grid { 23 24 > li { 25 margin-bottom: var(--global--spacing-vertical); 26 27 &:last-child { 28 margin-bottom: 0; 29 } 30 } 31 32 // Remove bottom margins in grid columns 33 &.columns-2 > li:nth-last-child(-n + 2):nth-child(2n + 1), 34 &.columns-2 > li:nth-last-child(-n + 2):nth-child(2n + 1) ~ li, 35 &.columns-3 > li:nth-last-child(-n + 3):nth-child(3n + 1), 36 &.columns-3 > li:nth-last-child(-n + 3):nth-child(3n + 1) ~ li, 37 &.columns-4 > li:nth-last-child(-n + 4):nth-child(4n + 1), 38 &.columns-4 > li:nth-last-child(-n + 4):nth-child(4n + 1) ~ li, 39 &.columns-5 > li:nth-last-child(-n + 5):nth-child(5n + 1), 40 &.columns-5 > li:nth-last-child(-n + 5):nth-child(5n + 1) ~ li, 41 &.columns-6 > li:nth-last-child(-n + 6):nth-child(6n + 1), 42 &.columns-6 > li:nth-last-child(-n + 6):nth-child(6n + 1) ~ li { 43 margin-bottom: 0; 44 } 45 } 46 47 > li > * { 48 margin-top: calc(0.333 * var(--global--spacing-vertical)); 49 margin-bottom: calc(0.333 * var(--global--spacing-vertical)); 50 51 &:first-child { 52 margin-top: 0; 53 } 54 55 &:last-child { 56 margin-bottom: 0; 57 } 58 } 59 60 // Post title 61 .wp-block-rss__item-title > a { 62 display: inline-block; 63 font-family: var(--latest-posts--title-font-family); 64 font-size: var(--latest-posts--title-font-size); 65 font-weight: var(--heading--font-weight); 66 line-height: var(--global--line-height-heading); 67 margin-bottom: calc(0.333 * var(--global--spacing-vertical)); 68 } 69 70 // Post author 71 .wp-block-rss__item-author { 72 color: var(--global--color-primary); 73 font-size: var(--global--font-size-md); 74 line-height: var(--global--line-height-body); 75 } 76 77 // Post date 78 .wp-block-rss__item-publish-date { 79 color: var(--global--color-primary); 80 font-size: var(--global--font-size-xs); 81 line-height: var(--global--line-height-body); 82 83 [class*="inner-container"] &, 84 .has-background & { 85 color: currentColor; 86 } 87 } 88 89 // Post content 90 .wp-block-rss__item-excerpt, 91 .wp-block-rss__item-full-content { 92 font-family: var(--latest-posts--description-font-family); 93 font-size: var(--latest-posts--description-font-size); 94 line-height: var(--global--line-height-body); 95 margin-top: calc(0.666 * var(--global--spacing-vertical)); 96 } 97 98 // Utility classes 99 &.alignfull { 100 padding-left: var(--global--spacing-unit); 101 padding-right: var(--global--spacing-unit); 102 103 .entry-content [class*="inner-container"] &, 104 .entry-content .has-background & { 105 padding-left: 0; 106 padding-right: 0; 107 } 108 } 109 }