Contents

@import "../tokens/exports/scale.module";

@mixin hover-scale-classes($scales-list) {
  @each $name, $scale in $scales-list {
    .hover_#{"" + $name}:hover,
    .group_hover:hover .group_hover.hover_#{"" + $name} {
      transform: $scale;
      transition: transform $transition-speed ease;
    }
  }
}

@mixin hover-shadow-classes($shadows-list) {
  @each $name, $shadow in $shadows-list {
    .hover_#{"" + $name}:hover,
    .group_hover:hover .group_hover.hover_#{"" + $name} {
      box-shadow: $shadow;
      transition: box-shadow $transition-speed ease;
    }
  }
}

@mixin hover-color-classes($colors-list) {
    @each $name, $color in $colors-list {
      .hover_background-#{"" + $name}:hover {
        background-color: $color !important;
        transition: background-color $transition-speed ease;
      }
      .hover_color-#{"" + $name}:hover {
        color: $color !important;
        transition: color $transition-speed ease;
      }
    }
  }
  
  @include hover-scale-classes($scales);
  @include hover-shadow-classes($box_shadows);
  @include hover-color-classes($product_colors);
  @include hover-color-classes($status_colors);
  @include hover-color-classes($data_colors);
  @include hover-color-classes($shadow_colors);
  @include hover-color-classes($colors);
  @include hover-color-classes($interface_colors);
  @include hover-color-classes($main_colors);
  @include hover-color-classes($background_colors);
  @include hover-color-classes($card_colors);
  @include hover-color-classes($active_colors);
  @include hover-color-classes($action_colors);
  @include hover-color-classes($hover_colors);
  @include hover-color-classes($border_colors);
  @include hover-color-classes($text_colors);
  @include hover-color-classes($category_colors);

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
playbook_ui-14.8.0.pre.rc.6	app/pb_kits/playbook/utilities/_hover.scss