_actions.less

// /**
//  * Copyright © Magento, Inc. All rights reserved.
//  * See COPYING.txt for license details.
//  */

//
//  Utilities -> Actions
//  _____________________________________________

.action-reset() {
    background-color: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
    margin: 0;
    padding: 0;

    &:hover {
        background-color: transparent;
        border: none;
        box-shadow: none;
    }
}

.action-icon() {
    background-color: transparent;
    border-color: transparent;
    box-shadow: none;

    &:hover {
        background-color: transparent;
        border-color: transparent;
        box-shadow: none;
    }
}

//  Used in action dropdown, actions split & all other actions with triangle marker
.action-toggle-triangle (
    @_dropdown__padding-right: 3rem;
    @_triangle__height: @button-marker-triangle__height;
    @_triangle__width: @button-marker-triangle__width;
    @_triangle__color: @color-black;
    @_triangle__hover__color: darken(@_triangle__color, 10%);
    @_triangle__right: (@_dropdown__padding-right / 2) - (@_triangle__width / 2);
) {
    padding-right: @_dropdown__padding-right;

    &._active,
    &.active {
        &:after {
            transform: rotate(180deg);
        }
    }

    &:after {
        border-color: @_triangle__color transparent transparent transparent;
        border-style: solid;
        border-width: @_triangle__height @_triangle__width / 2 0 @_triangle__width / 2;
        content: '';
        height: 0;
        margin-top: -((@_triangle__width / 2) / 2);
        position: absolute;
        right: @_triangle__right;
        top: 50%;
        transition: all .2s linear;
        width: 0;

        ._active &,
        .active & {
            transform: rotate(180deg);
        }
    }

    &:hover {
        &:after {
            border-color: @_triangle__hover__color transparent transparent transparent;
        }
    }
}