@import '../../styles/mixins.scss';

.dl-aside-header {
    &__item-link {
        @include link-reset;
        & {
            display: flex;
            height: 40px;
            width: 100%;
            align-items: center;
        }
    }

    &__item-wrap {
        display: flex;
        width: 100%;
        height: 100%;
        align-items: center;
    }

    &__logo {
        @include link-reset;
    }

    &__docs-link,
    &__info-btn {
        align-items: center;
        box-sizing: border-box;
        display: flex;
        flex-grow: 1;
        height: 100%;
        padding: 8px 16px;
        text-decoration: none;
        color: var(--g-color-text-primary);
    }

    &_hidden .gn-aside-header__aside {
        display: none;
    }

    &_hidden .gn-aside-header__pane-container {
        height: 100%;
    }

    &_hidden .gn-aside-header__content {
        width: 100%;
    }

    // TODO: Support css api in gravity-ui/navigation and use it
    .gn-settings-menu__item-icon {
        color: var(--gn-aside-header-item-icon-color);
    }
}
