& when (@media-common = true) {
    .post-list{
        &.blog-style-classic{
            .post-title{
                font-size: 24px;
                text-transform: uppercase;
                letter-spacing: -1px;
                line-height: 1;
                margin-left: -10px;
                margin-bottom:0;
                a{
                    display: inline-block;
                    padding: 7px 9px 7px;
                    text-decoration: none;
                }
            }
            .post-image-wrapper{
                position:relative;
                margin-bottom: 20px;
                .post-date{
                    position:absolute;
                    bottom:0;
                    left:0;
                    display:none;
                }
            }
            .post-content{
                margin-left: 97px;
            }
            .post-description{
                margin-top:14px;
                padding-left:1px;
            }
            .post-meta{
                margin-left:-3px;
                margin-top: 7px;
                display: flex;
                flex-wrap: wrap;
                gap: 4px;
                a{                   
                    line-height: 16px;
                    text-transform: capitalize;
                }
                .item{
                    display: inline-block;
                    &.post-views{
                        display: inline-flex;
                    }
                }
            }
            .post-date{
                overflow: hidden;
                float: left;
                position: relative;
                margin-right: 13px;
                width: 74px;
                height: 74px;
                font-size: 14px;
                letter-spacing: 0;
                line-height: 1;
                text-transform: uppercase;
                font-weight: @font-weight__bold;
                text-align: center;
                .day{
                    padding-top: 12px;
                    margin-bottom: 1px;
                    display: block;
                    font-size: 34px;
                    letter-spacing: -1px;
                    font-weight: @font-weight__black;
                }
                .inner{
                    position: absolute;
                    left: 0;
                    right: 0;
                    top: 0;
                    bottom: 0;
                    background-color: #000;
                    color: #fff;
                    .lib-css(transition, ~"all 300ms cubic-bezier(0.250, 0.100, 0.250, 1.000)", @_prefix: 1);
                }
                .hover{
                    position: absolute;
                    width: 100%;
                    height: 100%;
                    left: 0;
                    z-index: 2;
                    top: -100%;
                    background-color: @main-color;
                    color: #000;
                    .lib-css(transition, ~"all 300ms cubic-bezier(0.250, 0.100, 0.250, 1.000)", @_prefix: 1);
                }
            }
            article{
                &:hover{
                    .post-date{
                        .inner{
                            top: 100%;
                        }
                        .hover{
                            top: 0;
                        }
                    }
                    .post-title{
                        a{
                            color: #fff;
                            background: #000;
                        }
                    }
                }
            }
        }
    }
    .blog-widget-recent{
        .post-list.blog-style-classic{
            article:not(.no-image) {
                .post-content{
                    margin-left: 10px;
                }
            }
            .post-image-wrapper{
                position:relative;
                .post-date{
                    position: absolute;
                    left:0;
                    bottom:0;
                    margin-right:0;
                    display:block;
                }
            }
        }
    }
}

.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__s) {
    .post-list{
        &.blog-style-classic {
            .post-content{
                margin-left:10px;
            }
            .post-date{
                display:none;
            }
            .post-image-wrapper{
                .post-date{
                    display:block;
                }
            }
        }
    }
}
.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) {
    .post-list{
        &.columns-2,
        &.columns-3{
            &.blog-style-classic {
                .post-date{
                    display:none;
                }
                .post-content{
                    margin-left:10px;
                }
                .post-image-wrapper{
                    .post-date{
                        display:block;
                    }
                }
            }
        }
    }
}