lightspeeddevelopment/lsx-search

View on GitHub
assets/css/scss/_layout-selector.scss

Summary

Maintainability
Test Coverage
ul.products {
    &.grid {
        .woocommerce-product-details__short-description,
        hr {
            display: none;
        }
    }

    &.list {
        li.product {
            float: none !important;
            width: 100% !important;
            text-align: left !important;

            &:after {
                content: "";
                display: block;
                clear: both;
            }
            .woocommerce-loop-product__title,
            .woocommerce-loop-category__title {
                clear: none;
            }
            img {
                width: 30.75% !important;
                float: left;
                margin-bottom: 1.5em;
                -webkit-transition: none !important;
                margin-right: 3.8% !important;
            }
            h3,
            .woocommerce-product-details__short-description,
            .price,
            .gridlist-buttonwrap {
                width: 65.4%;
                float: right;
                clear: none;
            }
            div[itemprop="description"] {
                display: block;
            }
            .star-rating {
                margin: 0 0 1em;
            }
            .gridlist-buttonwrap {
                margin-bottom: 1.5em;
            }
            hr {
                clear: both;
            }
        }
    }
}