Снег на категориях 2.2.2

.fox-snowCategory(@snowNumOdd: false; @snowNumEven: false) {

    @fox-snowCategoryPath: "/styles/xfi/snowCategory";

    .p-body-pageContent {
        .block--category {
            &:nth-child(odd):before {
                & when not (@snowNumOdd = false) and (@snowNumOdd <= 4) {
                    background:
                        url('@{fox-snowCategoryPath}/snow_l_@{snowNumOdd}.png') no-repeat 0% 0%,
                        url('@{fox-snowCategoryPath}/snow_c_@{snowNumOdd}.png') no-repeat 50% 0%,
                        url('@{fox-snowCategoryPath}/snow_r_@{snowNumOdd}.png') no-repeat 100% 0%;

                    .snowNumSetting();
                  
                    & when not (@snowNumOdd = false) and (@snowNumOdd >= 3) and (@snowNumOdd <= 4) {
                        left: -5px;
                        padding: 0 5px;
                        top: 13px;
                    }

                    @media (max-width: @xf-responsiveMedium) {
                        background: url('@{fox-snowCategoryPath}/snow_c_@{snowNumOdd}.png') no-repeat 50% 0%;
                    }
                }
            }

            &:nth-child(even):before {
                & when not (@snowNumEven = false) and (@snowNumEven <= 4) {
                    background:
                        url('@{fox-snowCategoryPath}/snow_l_@{snowNumEven}.png') no-repeat 0% 0%,
                        url('@{fox-snowCategoryPath}/snow_c_@{snowNumEven}.png') no-repeat 50% 0%,
                        url('@{fox-snowCategoryPath}/snow_r_@{snowNumEven}.png') no-repeat 100% 0%;

                    .snowNumSetting();

                    & when not (@snowNumEven = false) and (@snowNumEven >= 3) and (@snowNumEven <= 4) {
                        left: -5px;
                        padding: 0 5px;
                        top: 13px;
                    }

                    @media (max-width: @xf-responsiveMedium) {
                        background: url('@{fox-snowCategoryPath}/snow_c_@{snowNumEven}.png') no-repeat 50% 0%;
                    }
                }
            }
        }

        .snowNumSetting() {     
            content: "";
            display: block;
            position: relative;
            height: 30px;
            width: 100%;
            margin-top: -20px;
        }
    }
}

.fox-snowCategory(2; 4);