/**
* Site header */
.site-header {
padding-top: 1.250em; padding-bottom: 3em; text-align: center; hgroup { padding: 1.5em 0; }
}
h1.site-title {
font-size: 3.2em; line-height: 1.3; margin-bottom: .4em; margin-top: 0; img { max-height: 200px; } a { border-bottom: 1px dotted #ccc; &:hover { color: #000; } }
}
.site-description {
font-size: .9em; font-weight: 400;
}
/**
* Site footer */
.site-footer {
padding: 0 0 1.5em 0; > .row { border-top: 1px solid #eee; padding-top: 1.5em } .site-info { padding-top: 1em; text-align: center; font-size: .9em; color: #666; a { color: #666; } }
}
.footer-heading {
font-size: 18px; margin-bottom: $spacing-unit / 2;
}
.footer-content {
font-size: 0.8em; color: #828282;
}
.footer-col {
margin-bottom: 15px;
}
.contact-list, .social-media-list {
list-style: none; margin-left: 0;
}
/**
* Content */
.page, .posts, .posts-list {
max-width: 700px; margin-left: auto; margin-right: auto;
}
.page {
.post-list, .rss-subscribe { text-align: center; }
}
/**
* Page content */
.page-content {
}
.page-heading {
font-size: 20px; text-align: center;
}
.site-list, .post-list {
margin-left: 0; list-style: none; li { margin-bottom: $spacing-unit; &:last-child { margin-bottom: 0; } }
}
.site-meta, .post-meta {
font-size: $small-font-size; color: $grey-color;
}
.site-link, .post-link {
display: block; font-size: 24px;
}
/**
* Posts */
.post-header {
margin-bottom: $spacing-unit; text-align: center;
}
.post-title {
font-size: 42px; letter-spacing: -1px; line-height: 1; @include media-query($on-laptop) { font-size: 36px; }
}
.post-content {
margin-bottom: $spacing-unit; h1, h2, h3, h4, h5, h6, p, blockquote, pre, ul, ol, dl, figure, .highlight { margin-bottom: 15px; } h2, h3, h4 { text-align: center; } h2 { font-size: 32px; @include media-query($on-laptop) { font-size: 28px; } } h3 { font-size: 26px; @include media-query($on-laptop) { font-size: 22px; } } h4 { font-size: 20px; @include media-query($on-laptop) { font-size: 18px; } } ul { list-style: none; text-align: center; } pre, code { font-size: 15px; border: 1px solid #E8E8E8; border-radius: 3px; background-color: #EEF; } pre { padding: 8px 12px; overflow-x: scroll; } * { &:first-child { margin-top: 0 } }
}
/**
* Home */ .home { article { margin-bottom: 3em; &:last-child { margin-bottom: 0; } p { text-align: justify; } } .article-heading { font-size: 2em; margin-bottom: 0.5em; } }
/* ————— MEDIA QUERIES —————- */ @media (min-width: 768px) and (max-width: 979px) {
.main-navigation ul li { margin: 0 0.75em; }
}
@media (max-width: 767px) {
.site-header { padding-top: 0.250em; } .site-header { padding-bottom: 1em; hgroup { padding: .875em 0; } } .site-description { margin: 0.23em 0; } .footer-col { float: none; width: -webkit-calc(100% - (#{$spacing-unit} / 2)); width: calc(100% - (#{$spacing-unit} / 2)); }
}