@import '../../../../css/variables';
@import '../../../../css/mixins';

/**
 * List Group Item
 */
.list-group {
    .list-group-item {
        display: block;
        margin-bottom: 0;
        border-bottom-width: var(----border-bottom-width);
        border-bottom-style: var(----border-style);
        border-bottom-color: var(----border-bottom-color);
        transition-property: color, border-color;
        transition-duration: var(--transition-duration);
        transition-timing-function: var(--transition-easing);
        padding: var(----padding);

        &.-active {
            color: var(----color--active);
            background: var(----background--active);
            border-bottom-color: var(----border-color--active);
        }

        &:first-child {
            border-top-left-radius: var(----border-top-left-radius);
            border-top-right-radius: var(----border-top-right-radius);
        }

        &:last-child {
            border-bottom-width: 0;
            border-bottom-left-radius: var(----border-bottom-left-radius);
            border-bottom-right-radius: var(----border-bottom-right-radius);
        }

        &:hover,
        &:focus {
            text-decoration: none;
        }

        > *:first-child {
            margin-top: 0;
        }

        > *:last-child {
            margin-bottom: 0;
        }

        &.-disabled {
            color: var(----color--disabled);
            pointer-events: none;
            cursor: default;
        }
    }
}