sass.n2o.components.UserBox.scss Maven / Gradle / Ivy

Go to download

Show more of this group Show more artifacts with this name
Show all versions of n2o-react

The newest version!

.n2o-user-box {
    padding: 20px 0;
    border-bottom: 1px solid #0d151c;

    small {
        font-size: 12px;
    }
}

.n2o-user-box__title {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    font-size: 16px;
    border: none;
    background-color: transparent;
    outline: none !important;
}

.n2o-user-box__title--chevron {
    position: relative;

    &::after {
        content: "\F105";
        font-family: FontAwesome, serif;
        position: absolute;
        right: -20px;
        top: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        color: $white;
        transition: 0.3s;
    }
}

.n2o-user-box__title--chevron-up::after {
    transform: rotate(90deg);
}

.n2o-user-box__items {
    background: rgba(0, 0, 0, 0.25);

    > ul {
        list-style: none;
        padding: 0;
        margin: 20px 0 0 0;
    }
}

.n2o-user-box__dropdown-item {
    padding: 0.5rem 1rem;
    cursor: pointer;
}

.n2o-user-box--compressed {
    .n2o-user-box__image {
        padding: 5px;
        cursor: pointer;

        img {
            width: 100%;
            height: 100%;
        }
    }
}