accounts-frontend/src/components/userbar/loggedInPanel.scss

@import '~components/ui/colors.scss';

.loggedInPanel {
}

.activeAccount {
    position: relative;
    display: inline-block;

    $border: 1px solid rgba(#fff, .15);
    border-left: $border;
    border-right: $border;
}

.activeAccountButton {
    composes: green from '~components/ui/buttons.scss';
}

.activeAccountExpanded {
    .activeAccountButton {
        background-color: darker($green);
    }

    .accountSwitcherContainer {
        display: block;
    }

    .expandIcon {
        transform: rotate(-180deg);
    }
}

.userIcon {
    composes: user from '~components/ui/icons.scss';

    position: relative;
    bottom: 2px;

    padding-right: 5px;
}

.expandIcon {
    composes: caret from '~components/ui/icons.scss';

    margin-left: 4px;
    font-size: 6px;
    color: #CCC;
    transition: .2s;
}

.userName {

}

.accountSwitcherContainer {
    position: absolute;
    top: 100%;
    right: -2px;
    cursor: auto;

    display: none;
}