$ticker-slider-height: 50px; .blook-post-content-opacity{ opacity: 0.63; &:hover{ opacity: 1; } } .#{$prefix}-post-desc{ padding-top: 5px; .blook-dashed, .blook-post-review, .blook-post-read-time{ 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-social-share, .blook-btn-section{ margin-top: 15px; } .blook-limit-excerpt{ p{ @include limitation(3); } } } .blook-post-desc-center{ text-align: center; .blook-meta-tag, .twp-social-share-layout-2, .blook-categories ul{ 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; } .blook-image-section{ .blook-post-desc{ padding: 5px 0 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; } } .blook-breaking-news-post{ padding: 0 7.5px; @extend %clearfix; height: $ticker-slider-height; overflow: hidden; .#{$prefix}-image-section{ float: left; width: 80px; background-color: pink; height: $ticker-slider-height; } .#{$prefix}-desc{ padding-left: 10px; float: left; width: calc( 100% - 80px); .#{$prefix}-post-title{ margin: 0; padding-top: 10px; font-size: 14px; line-height: 1.2; } } }