@nodeject/ui-components/esm/buttons/ButtonLabel.module.less

UI library for non-trivial components

@padding: 4px;

.label {
    cursor: pointer;
    display: inline-block;
    background: unset;
    border: unset;
    height: 100%;
    margin-bottom: -4px;
    border-radius: 2px;
    width: fit-content;
    line-height: 0;
    padding: @padding;
    // font-size: unset;
    font-weight: unset;
    box-shadow: unset;

    &:hover {
        background: hsl(216, 20%, 90%);
        transition: 0.3s all;
    }
    &:active {
        background: hsl(216, 20%, 80%);
        transition: 0.3s all;
    }
}

.labelActive {
    .label();
    background: hsl(216, 20%, 90%);
    transition: 0.3s all;
}