Your IP : 216.73.216.43

Current Path : /home/rtorresani/www/app/design/frontend/Magento/indaco/web/css/source/components/
Upload File :
Current File : //home/rtorresani/www/app/design/frontend/Magento/indaco/web/css/source/components/_products.less

.product-items {
    margin: 0 -1rem;




    .slick-slide {
        .product-item {
            padding: 0 1rem;
        }
    }
}

.product-item-actions {
    padding-top: 11px;
    border-top: 1px @border-color__base solid;
}


.product-item {
    overflow: hidden;
    &:hover,
    &:active{
        .actions-tertiary{
            margin-top: 0;
        }
    }
    .product-item-info{
        position: relative;
    }
    .product-item-attribute{
        a{
            font-size: 1.2rem;
            &,
            &:visited,
            &:active,
            &:hover{
                color: @text__color;
            }
        }
    }
    .actions-tertiary {
        padding: 1.2rem 1.8rem;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        z-index: 2;
        margin-top: -64px;
        transition: margin-top 0.3s ease-in-out;

        .action {
            color: @color-white;
            width: 4rem;
            height: 4rem;
            line-height: 4rem;
            border-radius: 2rem;
            display: inline-block;
            text-align: center;

            &:before {
                font-family: @fa-style-family;
                font-weight: @fa-style;
                -moz-osx-font-smoothing: grayscale;
                -webkit-font-smoothing: antialiased;
                display: var(--fa-display, inline-block);
                font-style: normal;
                font-variant: normal;
                line-height: 1;
                text-rendering: auto;
                font-size: 2rem;
                margin: 0;
                padding: 0;
                width: auto;
            }

            &.towishlist {
                background-color: @theme__color__primary;
                margin-right: 6px;
                &:before {
                    content: "\f004";
                }
            }

            &.tocompare {
                background-color: @color-gray60;
                &:before {
                    content: "\e13a";
                }
            }

            span {
                display: none;
            }
        }
    }
}