@inkline/inkline/components/INavItem/css/index.css

Inkline is the intuitive UI Components library that gives you a developer-friendly foundation for building high-quality, accessible, and customizable Vue.js 3 Design Systems.

/**
 * Nav Item
 */
.nav .nav-item {
  display: block;
  margin-bottom: 0;
  transition-property: var(--nav--transition-property, background-color, border-color, color);
  transition-timing-function: var(--nav--transition-timing-function, var(--transition-timing-function));
  transition-duration: var(--nav--transition-duration, var(--transition-duration));
  padding: var(--nav--padding, var(--nav--padding-top, var(--padding-top)) var(--nav--padding-right, var(--padding-right)) var(--nav--padding-bottom, var(--padding-bottom)) var(--nav--padding-left, var(--padding-left)));
  color: var(--nav--color);
  font-size: var(--nav--font-size, var(--font-size));
}
.nav .nav-item:hover, .nav .nav-item:focus {
  text-decoration: none;
  outline: 0;
}
.nav .nav-item.-disabled {
  pointer-events: none;
  cursor: default;
  color: var(--nav--disabled--color);
}
.nav .nav-item.-active {
  color: var(--nav--active--color);
  font-weight: bold;
}
.nav .nav-item[to], .nav .nav-item[href] {
  cursor: pointer;
}