@lobehub/ui/es/awesome/TypewriterEffect/style.mjs

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

import { createStaticStyles } from "antd-style";

//#region src/awesome/TypewriterEffect/style.ts
const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => ({
	container: css$1`
    display: inline-block;
    white-space: pre-wrap;
  `,
	cursor: css$1`
    transform: translateY(10%);

    display: inline-block;
    align-items: center;

    width: 3px;
    height: 1em;
    margin-inline-start: 0.25rem;
    border-radius: 2px;

    opacity: 1;
    background-color: ${cssVar$1.colorPrimary};
  `,
	cursorBlock: css$1`
    transform: translateY(10%);

    display: inline-block;
    align-items: center;

    width: 0.5em;
    height: 1em;
    margin-inline-start: 0.25rem;
    border-radius: 2px;

    opacity: 1;
    background-color: ${cssVar$1.colorPrimary};
  `,
	cursorCustom: css$1`
    display: inline-block;
    align-items: center;
    margin-inline-start: 0.25rem;
    opacity: 1;
  `,
	cursorDot: css$1`
    display: inline-block;
    align-items: center;

    width: 0.75em;
    height: 0.75em;
    margin-inline-start: 0.25rem;
    border-radius: 50%;

    opacity: 1;
    background-color: ${cssVar$1.colorPrimary};
  `,
	cursorHidden: css$1`
    display: none;
  `,
	cursorUnderscore: css$1`
    transform: translateY(0.3em);

    display: inline-block;
    align-items: center;

    width: 0.6em;
    height: 0.15em;
    margin-inline-start: 0.25rem;
    border-radius: 2px;

    opacity: 1;
    background-color: ${cssVar$1.colorPrimary};
  `,
	text: css$1`
    color: ${cssVar$1.colorText};
  `
}));

//#endregion
export { styles };
//# sourceMappingURL=style.mjs.map