Sha256: 003f47999391a3e49bf116b616686e74f0fd8a02343342bf95733c8e3528628c
Contents?: true
Size: 1.36 KB
Versions: 27
Compression:
Stored size: 1.36 KB
Contents
$icon_colors: (
default: $text_lt_default,
link: $primary_action
);
@mixin icon_button_variant($variant) {
.icon_button_icon {
color: map-get($icon_colors, $variant);
}
}
.pb_icon_button_kit_default,
.pb_icon_button_kit_link {
width: fit-content;
height: fit-content;
&:hover {
[class*="pb_button_kit"] {
background-color: $bg_light;
}
.icon_button_icon {
color: $primary_action;
}
}
&:active {
[class*="pb_button_kit"] {
background-color: $bg_light;
}
.icon_button_icon {
color: $primary_action;
}
}
&:hover:active {
[class*="pb_button_kit"] {
background-color: $bg_light;
}
.icon_button_icon {
color: $text_lt_default;
}
}
&:focus {
outline: 2px solid $primary_action;
border-radius: 8px;
}
[class*="pb_button_kit"] {
min-height: 0;
background: none;
position: relative;
display: flex;
justify-content: center;
align-items: center;
flex-shrink: 0;
flex-grow: 0;
width: fit-content;
height: fit-content;
line-height: normal;
flex-basis: auto;
min-width: 0;
padding: 0;
.icon_button_icon {
display: block;
vertical-align: middle;
}
}
}
.pb_icon_button_kit_default {
@include icon_button_variant(default);
}
.pb_icon_button_kit_link {
@include icon_button_variant(link);
}
Version data entries
27 entries across 27 versions & 1 rubygems