devextreme/less/sources/widgets/ios7/slideOut.ios7.less

HTML5 JavaScript Component Suite for Responsive Web Development

/**
* DevExtreme (widgets/ios7/slideOut.ios7.less)
* Version: 19.2.6
* Build date: Thu Jan 30 2020
*
* Copyright (c) 2012 - 2020 Developer Express Inc. ALL RIGHTS RESERVED
* Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/
*/
@import (once) "./slideOutView.ios7.less";
@import (once) "./list.ios7.less";

.dx-slideout-menu {
    min-height: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);

    .dx-list-item {
        color: #000;

        .dx-icon {
            color: @IOS7_LINK;
            margin-top: -4px;
            margin-bottom: -4px;
            .dx-icon-sizing(24px);
            .dx-icon-margin(10px);
        }
    }
}

.dx-state-disabled {
    .dx-slideout-menu {
        .dx-list-item {
            opacity: 0.6;
        }
    }
}

.dx-state-active {
    .dx-slideout-menu {
        .dx-list-item {
            background: rgba(1, 122, 255, 0.2);
        }
    }
}

@media (min-resolution: 192dpi) {
    .dx-slideout-menu {
        .dx-list-item {
            .dx-icon {
                margin-top: -1px;
                margin-bottom: -7px;
            }
        }
    }
}