devextreme/less/sources/widgets/ios7/button.ios7.less

HTML5 JavaScript Component Suite for Responsive Web Development

/**
* DevExtreme (widgets/ios7/button.ios7.less)
* Version: 20.1.4
* Build date: Tue Jun 02 2020
*
* Copyright (c) 2012 - 2020 Developer Express Inc. ALL RIGHTS RESERVED
* Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/
*/
.dx-button-disabled {
    color: @IOS7_BUTTON_DISABLE;
    opacity: 1;
}

.dx-button {
    color: @IOS7_BUTTON_TEXT;
    overflow: hidden;
    display: inline-block;

    .dx-icon {
        .dx-icon-sizing(28px);

        margin: 4px;
    }
}

.dx-button-content {
    width: 100%;
    border: 0;
    text-align: center;
    transition: opacity 0.15s linear;
}

.dx-button-text {
    font-size: 100%;
    line-height: 28px;
    padding: 0 2px;
    display: inline;
    vertical-align: middle;
}

.dx-button-back {
    .dx-button-content {
        // B232107
        width: auto;
        height: auto;
    }

    .dx-button-text {
        padding: 0;
    }

    .dx-icon {
        font-weight: bold;
        margin: 0 -4px;
        line-height: normal;
    }
}

.dx-button-default {
    .dx-button-text {
        font-weight: bold;
    }
}

.dx-button-danger {
    color: @IOS7_BUTTON_DANGER;
}

.dx-button-success {
    color: @IOS7_BUTTON_SUCCESS;
}

.dx-state-active {
    &.dx-button .dx-button-content {
        opacity: 0.35;
        transition: opacity 0s;
    }
}

.dx-state-disabled {
    &.dx-button,
    .dx-button {
        .dx-button-disabled;
    }
}

.dx-rtl .dx-button-back,
.dx-rtl.dx-button-back {
    .dx-button-content {
        margin-left: 0;
    }
}