.blook-archive-layout-1, .blook-archive-layout-2{ .blook-archive-post{ margin: 0; padding-top: 15px; } .#{$prefix}-desc, .#{$prefix}-image-section, .blook-btn-section{ margin-top: 30px; } } .blook-archive-layout-1, .blook-archive-layout-3{ .#{$prefix}-desc{ .#{$prefix}-excerpt{ display: block; } } .#{$prefix}-excerpt{ display: none; } } .blook-archive-layout-2{ .blook-archive-post{ margin: 0; padding-top: 15px; display: flex; flex-wrap: wrap; flex-direction: column; } .#{$prefix}-desc{ order: 1; .#{$prefix}-excerpt{ display: none; } } .#{$prefix}-image-section{ order: 2; } .#{$prefix}-excerpt{ order: 3; } .blook-btn-section{ order: 4; } } .blook-archive-layout-3{ display: flex; flex-wrap: wrap; .blook-archive-post{ margin-left: 10px; margin-right: 10px; padding-top: 30px; flex: 0 0 calc(50% - 20px); max-width: calc(50% - 20px); } }