Contents

// List Groups

@mixin list-group-item-variant($state, $background, $color) {
  .list-group-item-#{$state} {
    color: $color;
    background-color: $background;

    &.list-group-item-action {
      &:hover,
      &:focus {
        color: $color;
        background-color: darken($background, 5%);
      }

      &.active {
        color: $white;
        background-color: $color;
        border-color: $color;
      }
    }
  }
}

Version data entries

2 entries across 2 versions & 1 rubygems

Version	Path
bootstrap-5.0.0.alpha2	assets/stylesheets/bootstrap/mixins/_list-group.scss
bootstrap-5.0.0.alpha1	assets/stylesheets/bootstrap/mixins/_list-group.scss