// Content .content-section {
display: flex; margin-left: auto; margin-right: auto; padding: 90px 15px 0;
}
.main-section {
width: 100%;
}
@media (min-width: $breakpoint-content-section) {
.main-section { margin-right: 10px; width: 75%; }
}
.header-post {
font-size: 15px; margin-bottom: 25px; h1 { font-size: 28px; margin-bottom: 8px; } ul { display: inline; } li { margin-right: 10px; } i { color: $principal-color; }
}
@media (min-width: $breakpoint-content-section) {
.header-post { ul { display: inline-flex; } }
}
.pagination {
font-size: 1rem; margin-bottom: 20px; a, span { border-radius: 21px; color: $text-color; margin-right: 6px; padding: 6px 13px; } .current { background: $principal-color; color: #ffffff; font-weight: bold; } a:hover { background: $border-bottom-color; color: $principal-color; text-decoration: none; }
}
.post-separator {
border: 0; border-top: 1px solid $border-bottom-color; margin: 50px 0 40px;
}