@import "../components/page";
@import "../components/_link";

$std-trans: 0.3s;

.blog__content {
	@include md;

	p {
		margin: 30px 0;
	}
}

.blog__container {
	margin: auto;
	max-width: 50%;
}

.blog__list {
	list-style: none;
}

.blog__post-link,
.blog__post-link:visited {
	text-decoration: none;
	color: inherit;
}

.blog__title {
	margin: 35px 0;
}

.blog__post-link {
	display: block;
}

.blog__post-item {
	border-bottom: 1px dashed #333;
	margin: 10px;
	padding: 10px;
}

.blog__post-item:hover {
	background-color: lightgray;
}

.blog__post-item:last-child {
	border-bottom: none;
}

.blog__post-description {
	font-size: 0.9rem;
	margin: 5px 0;
}

.blog__post-tag {
	font-size: 0.7rem;
	font-family: monospace, monospace;
}

.blog__post-tag:hover {
	@include a_hover;
}

.blog__post-meta {
	font-size: 0.7rem;
}

.blog__post-title {
	font-size: 1.4rem;
	font-weight: 550;
}

.blog__post-tag-container {
	margin: 0;
}

.blog__post-warning {
	background: yellow;
	padding: 5px;
	margin: 10px;
	border-left: 10px solid orange;

	* {
		margin: 5px !important;
	}
}