[Summary view] [Print] [Text view]

   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  }