.blook-post-content-opacity{ opacity: 0.63; &:hover{ opacity: 1; } } .#{$prefix}-post-desc{ padding-top: 5px; .blook-dashed{ margin-top: 10px; } p, .#{$prefix}-post-title{ margin: 0; padding-top: 10px; } .blook-categories{ li{ margin-top: 10px; } } .blook-meta-tag{ .blook-meta-icon, .blook-meta-caption, .blook-author-image{ margin-top: 10px; } } .blook-btn-section{ margin-top: 15px; } .blook-limit-excerpt{ p{ @include limitation(3); } } } .blook-post-desc-center{ text-align: center; .blook-categories{ ul{ justify-content: center; } } .blook-meta-tag{ justify-content: center; } } .#{$prefix}-post-style-1{ display: flex; flex-wrap: wrap; .#{$prefix}-image-section{ flex: 0 0 90px; max-width: 90px; height: 80px; } .#{$prefix}-desc{ flex: 0 0 calc(100% - 90px); max-width: calc(100% - 90px); padding-left: 15px; } .#{$prefix}-post-title{ margin: 0; padding-top: 5px; } } .blook-post-style-2{ .blook-post-desc{ padding: 10px 30px 0; } } .#{$prefix}-post-style-3{ color: $color_white; a{ color: $color_white; &:visited{ color: $color_white; } } .#{$prefix}-excerpt{ opacity: 0.63; } } .#{$prefix}-post-style-4{ display: flex; flex-wrap: wrap; align-items: center; .#{$prefix}-image-section{ flex: 0 0 90px; max-width: 90px; height: 80px; } .#{$prefix}-desc{ flex: 0 0 calc(100% - 120px); max-width: calc(100% - 120px); padding: 0 15px; } .#{$prefix}-post-title{ margin: 0; padding-top: 5px; } .blook-counter-section{ flex: 0 0 30px; max-width: 30px; font-size: 40px; } }