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

//
//  Setup & Upgrade Theme Icons
//  _____________________________________________

//
//  Variables
//  ---------------------------------------------

.lib-font-face(
    @family-name: @icons__font-family,
    @font-path: @icons__font-name-path,
    @font-weight: normal,
    @font-style: normal
);

[class*='icon-'] {
    display: inline-block;
    line-height: 1;

    &:after {
        font-family: @icons__font-family;
    }
}

.icon-success,
.icon-failed {
    &:before {
        &:extend(.abs-icon all);
        font-family: @icons__font-family;
    }
}

.icon-success {
    color: @color-success;

    &:before {
        content: @icon-check-mage__content;
    }
}

.icon-failed {
    color: @color-failed;

    &:before {
        content: @icon-error__content;
    }
}

.icon-success-thick {
    &:after {
        content: @icon-check-mage__content;
    }
}


.icon-collapse {
    &:after {
        content: @icon-expand-close__content;
    }
}

.icon-failed-thick {
    &:after {
        content: @icon-error__content;
    }
}

.icon-expand {
    &:after {
        content: @icon-expand-open__content;
    }
}

.icon-warning {
    &:after {
        content: @icon-warning__content;
    }
}

.icon-success-round,
.icon-failed-round {
    border-radius: 100%;
    color: @color-white;
    font-size: @icons-round__size;
    height: 1em;
    position: relative;
    text-align: center;
    width: 1em;

    &:after {
        bottom: 0;
        font-size: .5em;
        left: 0;
        position: absolute;
        right: 0;
        top: .45em;
    }
}

.icon-success-round {
    background-color: @color-success;

    &:after {
        content: @icon-check-mage__content;
    }
}

.icon-failed-round {
    background-color: @color-failed;

    &:after {
        content: @icon-error__content;
    }
}