mirror of
https://github.com/swc-project/swc.git
synced 2024-12-29 00:23:10 +03:00
37 lines
609 B
CSS
37 lines
609 B
CSS
.iconButton {
|
|
--icon-rotation: 0deg;
|
|
|
|
composes: reset from '../utils/reset.module.css';
|
|
height: 30px;
|
|
color: var(--accents-3);
|
|
|
|
&:hover:not(:disabled) {
|
|
color: var(--geist-foreground);
|
|
}
|
|
|
|
&:disabled {
|
|
cursor: not-allowed;
|
|
}
|
|
|
|
&[data-open='true'] {
|
|
--icon-rotation: 180deg;
|
|
|
|
.chevron {
|
|
transform: rotate(var(--icon-rotation));
|
|
}
|
|
}
|
|
|
|
> span {
|
|
display: inline-flex;
|
|
}
|
|
|
|
.chevron {
|
|
transition: transform 150ms ease;
|
|
}
|
|
|
|
.chevron,
|
|
.cross {
|
|
animation: bounce 150ms ease;
|
|
}
|
|
}
|
|
|