devextreme/less/sources/widgets/common/checkBox.less

HTML5 JavaScript Component Suite for Responsive Web Development

/**
* DevExtreme (widgets/common/checkBox.less)
* Version: 20.1.7
* Build date: Tue Aug 25 2020
*
* Copyright (c) 2012 - 2020 Developer Express Inc. ALL RIGHTS RESERVED
* Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/
*/
@import (once) "./validation.less";

.dx-checkbox {
    display: inline-block;
    cursor: pointer;
    line-height: 0;
    -webkit-user-drag: none;
    .user-select(none);

    &.dx-state-readonly {
        cursor: default;
    }
}

.dx-checkbox-icon {
    display: inline-block;
    position: relative;
    background-position: 0 0;
    background-size: cover;
    background-repeat: no-repeat;
}

.dx-checkbox-container {
    height: 100%;
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    .dx-overflow();
}

.dx-checkbox-has-text {
    .dx-checkbox-icon,
    .dx-checkbox-text {
        vertical-align: middle;
    }
}

.dx-checkbox-text {
    display: inline-block;
    vertical-align: middle;
    white-space: pre-wrap;
    word-wrap: break-word;
    line-height: normal;
    height: 100%;
    width: 100%;

    .dx-rtl&,
    .dx-rtl & {
        margin: 0;
        padding: 0;
    }
}

.dx-state-disabled {
    &.dx-checkbox,
    .dx-checkbox {
        cursor: default;
    }
}