@inkline/inkline/components/IListGroupItem/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.

/**
 * List Group Item
 */
.list-group .list-group-item {
  display: block;
  margin-bottom: 0;
  border-bottom-width: var(--list-group--border-bottom-width, var(--border-bottom-width));
  border-bottom-style: var(--list-group--border-bottom-style, var(--border-bottom-style));
  border-bottom-color: var(--list-group--border-bottom-color, var(--border-bottom-color));
  transition-property: color, border-color;
  transition-duration: var(--transition-duration);
  transition-timing-function: var(--transition-timing-function);
  padding: var(--list-group--padding, var(--list-group--padding-top, var(--padding-top)) var(--list-group--padding-right, var(--padding-right)) var(--list-group--padding-bottom, var(--padding-bottom)) var(--list-group--padding-left, var(--padding-left)));
}
.list-group .list-group-item.-active {
  color: var(--list-group--active--color);
  background: var(--list-group--active--background);
  border-bottom-color: var(--list-group--active--border-color);
}
.list-group .list-group-item:first-child {
  border-top-left-radius: var(--list-group--border-top-left-radius);
  border-top-right-radius: var(--list-group--border-top-right-radius);
}
.list-group .list-group-item:last-child {
  border-bottom-width: 0;
  border-bottom-left-radius: var(--list-group--border-bottom-left-radius);
  border-bottom-right-radius: var(--list-group--border-bottom-right-radius);
}
.list-group .list-group-item:hover, .list-group .list-group-item:focus {
  text-decoration: none;
}
.list-group .list-group-item.-disabled {
  color: var(--list-group--disabled--color);
  pointer-events: none;
  cursor: default;
}