@lobehub/ui/es/Accordion/style.mjs

Lobe UI is an open-source UI component library for building AIGC web apps

import { createStaticStyles } from "antd-style";
//#region src/Accordion/style.ts
const styles = createStaticStyles(({ css, cssVar }) => {
	return {
		action: css`
      opacity: 0;
      transition: opacity 150ms ${cssVar.motionEaseOut};
    `,
		actionVisible: css`
      opacity: 1;
    `,
		base: css`
      display: flex;
      flex-direction: column;
      width: 100%;
    `,
		content: css`
      overflow: hidden;
    `,
		contentInner: css`
      /* Content wrapper for animation */
    `,
		divider: css`
      margin-block: 0;
    `,
		header: css`
      &:hover .accordion-action {
        opacity: 1;
      }

      &:focus-visible {
        border-radius: ${cssVar.borderRadiusLG};
        outline: 2px solid ${cssVar.colorPrimary};
        outline-offset: 2px;
      }
    `,
		icon: css`
      transition: transform 200ms ${cssVar.motionEaseOut};
    `,
		iconRotate: css`
      transform: rotate(90deg);
    `,
		indicator: css`
      display: flex;
      flex-shrink: 0;
      align-items: center;

      font-size: 18px;
      color: ${cssVar.colorTextDescription};

      transition: transform 200ms ${cssVar.motionEaseOut};
    `,
		item: css`
      position: relative;
      display: flex;
      flex-direction: column;
    `,
		titleWrapper: css`
      user-select: none;
    `
	};
});
//#endregion
export { styles };

//# sourceMappingURL=style.mjs.map