.sticky { display: block; } .hentry { @include typecsset-space(margin-bottom,2); } .entry-header { .meta { display: flex; @include typecsset-space(margin-bottom); } div.entry-date { @include typecsset-space(padding-top,0.25); border-top: 3px solid $color_border; font-weight: 600; width: 155px; } .entry-title { @include typecsset-font-size(48px,"false"); @include typecsset-space(margin-bottom,0.4); color: $color__text-header; font-weight: 400; a { color: $color__text-header; &:hover { color: $color__link; } } } } .entry-meta, .entry-date { @include typecsset-font-size(16px); color: $color__light-blue; font-family: $font__headings; a { color: $color__light-blue; &:hover { color: $color__link-hover; border-bottom: none; } } .cat-links a:first-child, .tags-links a:first-child, .comments-link a:first-child { margin-left: 4px; } } .entry-date a { letter-spacing: 2px; text-transform: uppercase; } .entry-meta { @include typecsset-space(padding-top,0.25); border-top: 1px solid $color_border; width: calc(100% - 180px); margin-left: 25px; .byline { img { border-radius: 50%; vertical-align: middle; } a { font-style: normal; margin-left: 8px; } } span { &:after { @include typecsset-space(margin-left,0.25); @include typecsset-space(margin-right,0.25); content: '/'; color: #D3D7D8; } &:last-child:after { content: ''; } &:before { color: #b8ced9; font-family: Genericons; @include typecsset-font-size(22px,"false"); line-height: 1; vertical-align: text-top; } &.cat-links:before { content: '\f301'; } &.tags-links:before { content: '\f302'; } &.comments-link:before { content: '\f300'; } &.edit-link:before { content: '\f411'; } } } .updated:not(.published){ display: none; } .single .byline, .group-blog .byline { display: inline; } .post-thumbnail, .entry-title, .page-content, .entry-content, .entry-summary, .entry-footer { @include typecsset-space(margin-bottom); margin-left: 180px; } .blog .format-aside .entry-title, .archive .format-aside .entry-title { display: none; } .entry-content, .entry-summary { a { border-bottom: 1px solid $color_border; } a:hover { border-bottom: 2px solid; } } .no-sidebar { .site-main > .hentry { max-width: 890px; margin-left: auto; margin-right: auto; } .site-main .posts-navigation, .site-main .post-navigation { margin-left: 180px; } }