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

// xf2 Snow Category ===================================================================================

.fox-snowCategory(@snowNum: false) {

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

    .p-body-pageContent {
        .block--category {
            &:before {
                & when not (@snowNum = false) and (@snowNum <= 2) {
                    background:
                        url('@{fox-snowCategoryPath}/snow_l_@{snowNum}.png') no-repeat 0% 0%,
                        url('@{fox-snowCategoryPath}/snow_c_@{snowNum}.png') no-repeat 50% 0%,
                        url('@{fox-snowCategoryPath}/snow_r_@{snowNum}.png') no-repeat 100% 0%;
                }
      
                & when not (@snowNum = false) and (@snowNum >= 3) and (@snowNum <= 4) {
                    background:
                        url('@{fox-snowCategoryPath}/snow_l_@{snowNum}.png') no-repeat 0% 0%,
                        url('@{fox-snowCategoryPath}/snow_c_@{snowNum}.png') no-repeat 50% 0%,
                        url('@{fox-snowCategoryPath}/snow_r_@{snowNum}.png') no-repeat 100% 0%;
                    left: -5px;
                    padding: 0 5px;
                    top: 13px;
                }
      
                content: "";
                display: block;
                position: relative;
                height: 30px;
                width: 100%;
                margin-top: -20px;

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

.fox-snowCategory(1);