.sticky { display: block; } .post { margin: 0 0 1.5em; } .updated:not(.published) { display: none; } article h1.entry-title { margin-top: 3.5rem; } .page-content, .entry-content, .entry-summary { margin: 1.5em 0 0; } .page-links { clear: both; margin: 0 0 1.5em; } .container { width: 100%; margin-right: auto; margin-left: auto; padding-left: 3rem; padding-right: 3rem; } article { margin-bottom: 2rem; } .entry-footer { display: none; } .billow { &.home { article { header.entry-header { .post-thumbnail { display: none; } } } } } .billow { .blw-pagination { width: 100%; order: 2; .navigation.pagination { .nav-links { display: flex; align-items: center; justify-content: center; position: relative; background-color: transparent; @include transition; > * { display: inline-flex; align-items: center; justify-content: center; height: 2.5rem; border-radius: 3px; color: $color_text_main; text-decoration: none; @include transition; &:hover { @include transition; } &:not(.prev):not(.next) { width: 2.5rem; } &.prev, &.next { padding: 0 1rem; font-size: 0; } &.prev { &::before { content: '\f30a'; font-family: 'Font Awesome 5 Free'; font-weight: 700; display: inline-block; font-size: 1rem; padding-right: 0.3rem; } } &.next { &::after { content: '\f30b'; font-family: 'Font Awesome 5 Free'; font-weight: 700; display: inline-block; font-size: 1rem; padding-left: 0.3rem; } } &.current { color: $color_white; background-color: $color_main; cursor: pointer; } } } } } } @media only screen and (max-width: 35em) { .billow { .blw-pagination { .navigation.pagination { .nav-links { > * { font-size: 0.75rem; } } } } } } @media ( max-width: 42rem ) { .billow { .container { padding-left: 1rem !important; padding-right: 1rem !important; } } }