Sha256: 06f37509b7e0cebe5d53440c131e6041924a1e8af18b77c246d3d7a559f93a2a
Contents?: true
Size: 1.92 KB
Versions: 54
Compression:
Stored size: 1.92 KB
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);
.hover_visibility {
opacity: 0;
transition: opacity $transition-speed ease;
&:hover {
opacity: 1;
}
}
.group_hover:hover {
.group_hover.hover_visibility {
opacity: 1;
}
}
Version data entries
54 entries across 54 versions & 1 rubygems