devextreme
Version:
HTML5 JavaScript Component Suite for Responsive Web Development
68 lines (59 loc) • 1.26 kB
text/less
/**
* 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;
}
}