$red:#FF3399; $gray:#f8f8f8; $header-border: e7e7e7; $header-border: #777; $text-border: 2px;
%header-base {
color: $header-border;
}
nav {
padding: 0px 10px;
}
wrapper {
padding: 10px 20px;
}
article {
margin: 12px 0px;
}
h1, h2, h3, h4, h5, h6 {
display: inline;
}
h1:before {
@extend %header-base; font-size: 36px; content: "# ";
}
h2:before {
@extend %header-base; font-size: 30px; content: "## ";
}
h3:before {
@extend %header-base; font-size: 24px; content: "### ";
}
h4:before {
@extend %header-base; font-size: 18px; content: "#### ";
}
h5:before {
@extend %header-base; font-size: 12px; content: "##### ";
}
h6:before {
@extend %header-base; font-size: 6px; content: "###### ";
}
.post-header-1 {
margin: 12px 0px; display: block;
}
.post-sidebar {
background-color: #eee; border-radius: 1em; padding-top: 18px;
}