28 lines
466 B
SCSS
28 lines
466 B
SCSS
.ct-expandable-trigger {
|
|
|
|
&[data-icon='arrow'] {
|
|
cursor: pointer;
|
|
background-color: transparent;
|
|
--theme-icon-size: 10px;
|
|
--theme-icon-transition: transform 0.1s ease;
|
|
|
|
&[aria-expanded="false"] .ct-icon {
|
|
transform: rotate(180deg);
|
|
}
|
|
}
|
|
}
|
|
|
|
[data-behaviour='drop-down'] {
|
|
|
|
&[aria-hidden='true'] {
|
|
height: 0;
|
|
overflow-y: clip;
|
|
visibility: hidden;
|
|
}
|
|
|
|
&.is-animating {
|
|
transition: height 0.2s ease, opacity 0.2s ease;
|
|
overflow-y: clip;
|
|
}
|
|
}
|