.container {
margin: 0 auto; max-width: $width-content;
}
//————————— // Header //————————— .masthead {
color: $color-text-light; font-size: 1rem; margin-bottom: 0; @media (min-width: $screen-small) { padding-top: 1rem; text-align: right; }
}
.masthead:after {
background-color: $color-grey-lighter; content: ""; display: block; height: 1px; margin: 3rem auto; width: 100px;
}
.masthead-nav ul {
list-style: none; margin-bottom: 0; padding-left: 0;
}
.masthead-nav li {
display: inline-block;
}
.masthead-nav li + li {
margin-left: .5rem;
}
.masthead-title {
@media (min-width: $screen-small) { float: left; }
}
//————————— // Footer //————————— .body:after {
background-color: $color-grey-lighter; content: ""; display: block; height: 1px; margin: 3rem auto; width: 100px;
}
.footer {
font-size: 90%; text-align: center;
}
//————————— // Listing //————————— .listing {
margin-bottom: 3rem;
}
.listing-item {
margin-bottom: 1rem; overflow: auto; @media (min-width: $screen-small) { margin-bottom: .5rem; }
}
.listing-item + h2 {
margin-top: 2rem;
}
.listing-date {
color: $color-date; display: block; margin-bottom: 0; margin-top: 0; @media (min-width: $screen-small) { float: right; margin-left: 1rem; }
}
//————————— // Post //————————— .post {
margin-bottom: 4rem; position: relative;
}
.post img, .post iframe {
max-width: 100%;
}
.post iframe {
margin-bottom: 1rem;
}
.post-date {
color: $color-date; display: block; font-size: .85rem; margin-bottom: 1rem;
}
//————————— // Page //————————— .page-title {
margin-bottom: 2rem;
}
.page-content > p:first-child {
font-size: 1.25rem;
}
//————————— // Tags //————————— .tag {
background-color: $color-grey-lighter; border-bottom: none !important; border-radius: 3px; color: $color-text; font-family: $font-tags; font-size: .85rem; padding: .3rem .6rem;
}
.tag:hover {
background-color: $color-grey-light; border-bottom: none !important;
}
.tag .count {
color: $color-mono; font-size: .7rem; vertical-align: super;
}
.tag-list {
display: block; padding-left: 0;
}
.tag-list li {
display: inline-block; line-height: 2em; margin-bottom: 0; margin-right: .25rem; white-space: nowrap; // prevent counts breaking to a new line
}