fleet/frontend/components/buttons/RevealButton/_styles.scss

33 lines
643 B
SCSS

.reveal-button .children-wrapper {
display: inline-flex;
align-items: center;
padding: $pad-small $pad-xxsmall; // larger clickable area
min-width: max-content;
.reveal-button__caret svg {
transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
transform: rotate(0deg);
}
.reveal-button__caret--open svg {
transform: rotate(180deg);
}
svg {
path {
fill: none; // Chevron icon uses stroke color
}
}
&:hover,
&:focus {
.component__tooltip-wrapper__element {
color: $ui-fleet-black-75-over;
}
svg {
path {
stroke: $ui-fleet-black-75-over;
}
}
}
}