/***********************************************************
 * Copyright (c) Microsoft Corporation. All rights reserved.
 * Licensed under the MIT License
 **********************************************************/
@import 'variables';
@import 'mixins';
@import 'themes';

.grouped-list {
    margin: 0px 24px;

    .ms-GroupedList-group {
        &:hover {
            // this needs to be themed
            box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.16), 0px 4px 8px rgba(0, 0, 0, 0.12);
        }
    }
}

.grouped-list-group-header {
    border: 0;
    @include themify($themes) {
        border-top: 1px solid themed('contrastBorder');
    }

    .expanded {
        @include themify($themes) {
            background: themed('cellBackground');
        }
    }
}

.grouped-list-header-border {
    @include themify($themes) {
        border-top: 1px solid themed('borderColor');
    }
    left: 0;
    right: 0;
}

.grouped-list-group-checkbox {
    justify-content: center;
}

.grouped-list-group-cell {
    @include themify($themes) {
        background: themed('cellBackground');
    }
}

.grouped-list-group-content {
    .collapse {
        margin-left: auto;
    }

    & i {
        font-size: 12px;
    }
}
