$post-width-outer: 100%;

@mixin article-layout-basic() {
	padding-top: 3em;
}


article {
	@include article-layout-basic();
	width: $post-width-outer;
	header {
		@include post-layout-basic();
		h1 {
			@include post-header-basic();
		}
	}
	main {
		@include post-layout-basic();
		p {
			@include post-content-basic();
			a {
				text-decoration: none;
				border-radius: 0.25em;
				transition: background 0.5s;
			}
			a:hover {
				background: #d9d9d9;
			}
		}
	}
}