@talentsoft-opensource/hylia/organisms/table-panel.less

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

// Table Panel
.Hylia-o-table-panel {
    display: flex;
    height: 4.5rem;
    align-items: center;
    justify-content: space-between;
    background-color: @minion;
    padding: 1rem;
    border-top-left-radius: @radius;
    border-top-right-radius: @radius;
    border: 0.1rem solid @minion;

    &--search {
        background-color: transparent;
        padding: 1rem 0;
        border: none;

        .Hylia-o-table-panel__actions {
            display: flex;
            width: 100%;
            justify-content: space-between;
        }
    }

    &__title {
        display: flex;
        align-items: center;
    }

    &__actions {
        button {
            margin: 0;
            margin-left: 0.5rem;
        }
    }

    &__count {
        border-radius: 1000rem;
        color: @vader;
        background-color: @apprentice;
        font-size: 1.4rem;
        font-family: @regular_bold;
        min-width: 3.5rem;
        padding: 0 1rem;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        margin-right: 1rem;
    }
}