/* FILE: comments/_meta.scss */

.comment-meta {
	clear: both;
	display: flex;
	flex-direction: column;
	margin-bottom: 1em;
	overflow: hidden;

	.avatar {
		display: block;
		width: 5em - $golden;
		margin-bottom: 1em;
		border-radius: 10em;

		@include media( map_get( $breakpoint, 'm' ) ) {
			position: absolute;
			width: 4em;
			#{$left}: 0;
			top: $golden +em;
			margin-bottom: 0;
		}

	}

	.says {
		@extend %screen_reader_hiding;
	}

}

.comment-metadata {
	order: -1;
	font-size: .8em;
	font-style: italic;

	a {
		text-decoration: none;
		color: inherit;
	}

	.edit-link {
		padding-#{$left}: 1rem;
		font-style: normal;
		text-transform: uppercase;
		letter-spacing: var(--letter_spacing);
	}

}