@talentsoft-opensource/hylia/organisms/popin.less

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

.Hylia-o-popin {
    width: 46rem;
    padding: 2rem;

    border: solid 1px @apprentice;
    border-radius: @radius;
    background-color: @stormtrooper;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);

    &__header {
        display: flex;
        align-items: flex-start;

        &__title {
            flex: 1;
        }
    }

    //Anim enter & leave popin
    &--enter {
        animation: slide-in-bck-center 0.7s
        cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
    }

    &--leave {
        animation: slide-out-top 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53)
        both;
    }

    &__title {
        padding-bottom: 1.5rem;
    }
}