@plone/components
Version:
ReactJS components for Plone
36 lines (31 loc) • 686 B
CSS
@import './theme.css';
@import './Button.css';
@layer plone-components.base {
.react-aria-Disclosure {
.react-aria-Button[slot='trigger'] {
display: flex;
align-items: center;
border: none;
background: none;
box-shadow: none;
font-size: 16px;
font-weight: bold;
gap: 8px;
svg {
width: 12px;
height: 12px;
fill: none;
rotate: 0deg;
stroke: currentColor;
stroke-width: 3px;
transition: rotate 200ms;
}
}
&[data-expanded] .react-aria-Button[slot='trigger'] svg {
rotate: 90deg;
}
}
.react-aria-DisclosurePanel {
margin-left: 32px;
}
}