$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;

}