shop.balmet.com

Unnamed repository; edit this file 'description' to name the repository.
Log | Files | Refs | README

_list-group.scss (704B)


      1 // List Groups
      2 
      3 @mixin list-group-item-variant($state, $background, $color) {
      4   .list-group-item-#{$state} {
      5     color: $color;
      6     background-color: $background;
      7 
      8     // [converter] extracted a&, button& to a.list-group-item-#{$state}, button.list-group-item-#{$state}
      9   }
     10 
     11   a.list-group-item-#{$state},
     12   button.list-group-item-#{$state} {
     13     color: $color;
     14 
     15     .list-group-item-heading {
     16       color: inherit;
     17     }
     18 
     19     &:hover,
     20     &:focus {
     21       color: $color;
     22       background-color: darken($background, 5%);
     23     }
     24     &.active,
     25     &.active:hover,
     26     &.active:focus {
     27       color: #fff;
     28       background-color: $color;
     29       border-color: $color;
     30     }
     31   }
     32 }