@use "@wordpress/base-styles/mixins" as *;

ul.wp-block-rss { // The ul is needed for specificity to override the reset styles in the editor.

	&.alignleft {
		/*rtl:ignore*/
		margin-right: 2em;
	}
	&.alignright {
		/*rtl:ignore*/
		margin-left: 2em;
	}
	&.is-grid {
		display: flex;
		flex-wrap: wrap;
		padding: 0;

		li {
			margin: 0 1em 1em 0;
			width: 100%;
		}
	}

	@include break-small {
		@for $i from 2 through 6 {
			&.columns-#{ $i } li {
				width: calc(( 100% / #{ $i } ) - 1em);
			}
		}
	}
}

.wp-block-rss__item-publish-date,
.wp-block-rss__item-author {
	display: block;
	font-size: 0.8125em;
}
.wp-block-rss {
	// This block has customizable padding, border-box makes that more predictable.
	box-sizing: border-box;
	list-style: none;
	padding: 0;
}