/* WIDGET: RECENT POSTS
-------------------------------------------- */

.vlt-widget.vlt_widget_recent_posts,
%widget-recent-posts {

	.vlt-widget-post + .vlt-widget-post {
		margin-top: px2rem(18px);
	}

	.vlt-widget-post {
		display: flex;
		align-items: center;
		flex-direction: row;

		.vlt-widget-post__thumbnail + .vlt-widget-post__content {
			margin-left: px2rem(25px);
		}

		&__thumbnail {
			max-width: px2rem(90px);
			overflow: hidden;
			border-radius: var(--vlt-border-radius-sm);
			z-index: 0; // fix rounded
			flex-shrink: 0;

			img {
				transition: transform var(--vlt-transition-duration) var(--vlt-transition-easing);
				backface-visibility: hidden;
				will-change: transform;
			}

		}

		&__content {
			min-width: 0; // fix elipsis
			flex-grow: 1;

			h5 {
				margin-bottom: px2rem(5px);
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
				@include vlt_primary_bold_18;

				a:hover {
					color: var(--vlt-accent-1);
				}

			}

			span {
				@include vlt_primary_regular_14;
			}

		}

		&:hover .vlt-widget-post__thumbnail img {
			transform: scale(1.05);
		}

	}

}