@alegendstale/holly-components/dist/components/draw-svg/draw-svg.styles.js

Reusable UI components created using lit

import { css as t } from "lit";
const e = t`
	:host {
		stroke: white;
		fill: white;
	}

	/* Override responsive-svg path fill */
	:host(:not([svgColors])) path {
		fill: transparent;
	}

	path {
		stroke-width: 2;
		stroke-dasharray: 1000;
		stroke-dashoffset: 1000;
	}

	.animation {
		path {
			animation: textAnimation 2s ease-in-out 1 forwards;
			will-change: fill, stroke-width, stroke-dashoffset;
		}
	}

	@keyframes textAnimation {
		0% {
			stroke-dashoffset: 1000;
		}
		60% {
			fill: transparent;
		}
		100% {
			fill: inherit;
			stroke-dashoffset: 0;
			stroke-width: 1;
		}
	}
`;
export {
  e as default
};