@import "~cosmoUiVariables";
@import "~cosmoui/src/components/styles/mixins/paddings";
@import "~cosmoui/src/components/styles/mixins/margins";

// LINK
$nav-item-font-size: 12px;
$nav-item-padding-x: 20px;
$nav-item-padding-y: 3px;
$nav-item-border: 2px solid transparent;
$nav-item-active-border: 2px solid $brand-primary;
$nav-item-active-font-weight: bold;

.item {
    @include margin-x($nav-item-padding-x);
    @include padding-y($nav-item-padding-y);
    line-height: normal;
    font-size: $nav-item-font-size;
    text-decoration: none;
    border-top: $nav-item-border;
    border-bottom: $nav-item-border;
}

.active {
    border-bottom: $nav-item-active-border;
    font-weight: $nav-item-active-font-weight;
}