devextreme/less/sources/widgets/common/button.less

HTML5 JavaScript Component Suite for Responsive Web Development

/**
* DevExtreme (widgets/common/button.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() {
    cursor: default;
}

.dx-button-disabled {
    .dx-button-disabled();
}

.dx-button {
    display: inline-block;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    max-width: 100%;
    .user-select(none);

    -webkit-user-drag: none;

    .dx-icon {
        -webkit-user-drag: none;
        display: inline-block;
        vertical-align: middle;
    }
}

.dx-button-content {
    height: 100%;
    max-height: 100%;

    .dx-button-has-text & {
        .dx-overflow();
    }

    &:after {
        display: inline-block;
        position: relative;
        height: 100%;
        content: '';
        vertical-align: middle;
        font-size: 0;
    }

    > .dx-inkripple {
        display: none;
    }
}

.dx-button-link {
    text-decoration: none;
}

.dx-button-text {
    display: inline;
    vertical-align: middle;
}

.dx-button-submit-input {
    padding: 0;
    margin: 0;
    border: 0;
    height: 0;
    width: 0;
    font-size: 0;
    opacity: 0;
}

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