devextreme/less/sources/widgets/common/buttonGroup.less

HTML5 JavaScript Component Suite for Responsive Web Development

/**
* DevExtreme (widgets/common/buttonGroup.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) "./button.less";

.dx-buttongroup {
    display: inline-block;
}

.dx-buttongroup-wrapper {
    .flex-container(row, nowrap);

    height: 100%;
    width: 100%;
}

.dx-buttongroup-item {
    flex: 0 1 auto;

    &.dx-button-mode-outlined,
    &.dx-button-mode-contained {
        border-left-width: 0;

        &.dx-button {
            border-radius: 0;
        }
    }

    &.dx-button-mode-text {
        margin-left: 1px;
    }
}

.dx-buttongroup-item-has-width {
    flex: 1 1 auto;
}