Sha256: 667e950921d226bc610ca53a93965bf39f23796d4504fdf912c80c8110a35332

Contents?: true

Size: 1.63 KB

Versions: 251

Compression:

Stored size: 1.63 KB

Contents

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

@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;
      }
    }
  }
  
  @mixin hover-shadow-classes($shadows-list) {
    @each $name, $shadow in $shadows-list {
      .hover_#{$name}:hover {
        box-shadow: $shadow;
        transition: box-shadow $transition-speed ease;
      }
    }
  }
  
  @mixin hover-scale-classes($scales-list) {
    @each $name, $scale in $scales-list {
      .hover_#{$name}:hover {
        transform: $scale;
        transition: transform $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

251 entries across 251 versions & 1 rubygems

Version Path
playbook_ui-13.34.1.pre.alpha.play1407statvaluekitinconsistencies3388 app/pb_kits/playbook/utilities/_hover.scss
playbook_ui-13.34.1.pre.alpha.PLAY14703378 app/pb_kits/playbook/utilities/_hover.scss
playbook_ui-13.34.1 app/pb_kits/playbook/utilities/_hover.scss
playbook_ui-13.34.0.pre.alpha.PBNTR358responsiveadvancedtablereact3370 app/pb_kits/playbook/utilities/_hover.scss
playbook_ui-13.34.0.pre.alpha.PBNTR358responsiveadvancedtablereact3369 app/pb_kits/playbook/utilities/_hover.scss
playbook_ui-13.34.0.pre.alpha.PBNTR358responsiveadvancedtablereact3368 app/pb_kits/playbook/utilities/_hover.scss
playbook_ui-13.34.0.pre.alpha.PBNTR358responsiveadvancedtablereact3366 app/pb_kits/playbook/utilities/_hover.scss
playbook_ui-13.34.0 app/pb_kits/playbook/utilities/_hover.scss
playbook_ui-13.33.1.pre.alpha.play1407statvaluekitinconsistencies3352 app/pb_kits/playbook/utilities/_hover.scss
playbook_ui-13.33.1.pre.alpha.PLAY14063320 app/pb_kits/playbook/utilities/_hover.scss
playbook_ui-13.33.1 app/pb_kits/playbook/utilities/_hover.scss
playbook_ui-13.33.0.pre.alpha.PBNTR405dropdownformfixesrails3311 app/pb_kits/playbook/utilities/_hover.scss
playbook_ui-13.33.0.pre.alpha.PLAY1454formpillicons3309 app/pb_kits/playbook/utilities/_hover.scss
playbook_ui-13.33.0 app/pb_kits/playbook/utilities/_hover.scss
playbook_ui-13.32.0.pre.alpha.PBNTR405dropdownformfixesrails3301 app/pb_kits/playbook/utilities/_hover.scss
playbook_ui-13.32.0.pre.alpha.PLAY1138iconkitaddcolorprop3268 app/pb_kits/playbook/utilities/_hover.scss
playbook_ui-13.32.0.pre.alpha.play1416movealiaslogic3266 app/pb_kits/playbook/utilities/_hover.scss
playbook_ui-13.32.0.pre.alpha.PLAY14143255 app/pb_kits/playbook/utilities/_hover.scss
playbook_ui-13.32.0.pre.alpha.PLAY14143251 app/pb_kits/playbook/utilities/_hover.scss
playbook_ui-13.32.0.pre.alpha.play1416movealiaslogic3239 app/pb_kits/playbook/utilities/_hover.scss