Proyectos de Subversion LeadersLinked - Antes de SPA

@use "./mixins.scss";

.suggests_widget {
    @include mixins.widget;
    display: block;

    &-header {
        align-items: center;
        display: flex;
        justify-content: space-between;
        padding: 1rem;
        position: relative;

        h3 {
            color: $title-color;
            font-weight: 600;
            font-size: 1.1rem;
        }

        span {
            color: $subtitle-color;
            font-weight: 600;
            font-size: 1rem;
            cursor: pointer;
        }
    }

    &>.suggest-list {
        max-height: 400px;
        overflow: auto;
        width: 100%;
        display: flex;
        flex-direction: row;

        &::-webkit-scrollbar-thumb {
            visibility: hidden;
        }

        @include mixins.for-size(tablet-landscape) {
            flex-direction: column;

            &::-webkit-scrollbar-thumb {
                visibility: visible;
            }
        }
    }
}

.user {
    align-items: center;
    border-right: 1px solid $border-primary;
    display: flex;
    padding: 1rem;
    gap: 0.5rem;

    img {
        border-radius: 50%;
        max-width: 3.3rem;
        background: #fff;
    }

    div.d-flex {
        gap: 0.5rem;
    }

    a.btn,
    button.btn {
        padding: 0.2rem 0.6rem;
        white-space: nowrap;
    }

    h4 {
        font-weight: 500;
        line-height: 1.4;
    }

    @include mixins.for-size(phone) {
        &:last-child {
            border-right: none;
        }
    }

    @include mixins.for-size(tablet-portrait) {
        border-right: none;
        border-top: 1px solid $border-primary;
        min-width: auto;
    }
}