@talentsoft-opensource/hylia/molecules/panel-menu.less

The Hylia design systems. Contains all the building blocks style rules for Talentsoft.

.panel-menu {
    position: absolute;
    min-width: 14rem;

    visibility: hidden;
    border-radius: @radius;
    background-color: @stormtrooper;
    right: -15px;
    transform: translateY(100%);
    bottom: -15px;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.29);

    &:before {
        position: absolute;
        z-index: 0;
        top: -0.8rem;
        right: 2.5rem;

        display: block;

        width: 2rem;
        height: 2rem;

        content: "";
        transform: rotate(45deg);
        background-color: @stormtrooper;
        box-shadow: -2px -2px 2px 0 rgba(0, 0, 0, 0.1);
    }

    &--open {
        visibility: visible;
    }

    &__item {
        display: flex;
        align-items: center;
        padding: 0.5rem;
        height: 3.8rem;
        cursor: pointer;
        transition: background-color 0.3s;
        position: relative;
        z-index: 15;

        &:hover {
            border-radius: 0.4rem;
            background-color: fade(@terran, 25%);
        }

        &--text {
            padding-left: 2.6rem;
        }
    }

    &--edit {
        color: @smart;
    }

    &--delete {
        color: @ruban;
    }

    &__list {
        padding: 0.5rem;
        color: @smart;

        &--scroll {
            padding: 0.5rem 1.4rem 1.4rem 1.4rem;

            border-top: 0.1rem solid @minion;
            border-bottom-right-radius: @radius;
            border-bottom-left-radius: @radius;
            background-color: @acolyte;
        }
    }

    &__content {
        position: relative;
    }

    &__wrapper {
        position: relative;

        max-height: 18rem;
    }

    &__icon {
        margin-right: 0.5rem;
    }
}