graycoreio/daffodil

libs/design/menu/src/menu-item/menu-item.component.scss

Summary

Maintainability

Test Coverage

Issues

@use '../../../scss/interactions';

:host {
    @include interactions.clickable();
    display: flex;
    align-items: center;
    gap: 8px;
    border: none;
    border-radius: 4px;
    margin: 0;
    padding: 12px 16px;
    text-decoration: none;
    width: 100%;
}

.daff-menu-item {
    &__content {
        font-size: 1rem;
        line-height: 1.25rem;
        text-align: left;
    }
}