update: _animation.scss — adjusting for new implementation

EmptyWork · EmptyWork · commit 3a17e8dd1f03 · 2025-06-25T12:05:30.000+09:00
diff --git a/src/assets/scss/components/_animation.scss b/src/assets/scss/components/_animation.scss
@@ -1,6 +1,7 @@
 [data-animation] {
   opacity: 0;
   transition: translate var(--_translate, 1s) ease-in-out, scale var(--_scale, 1s) ease-in-out, rotate var(--_rotate, 1s) ease-in-out, opacity var(--_opacity, 1s) ease-in-out;
+  transition-delay: attr(data-transition-delay, 0ms);
 }
 
 [data-animation='fade-in'] {
@@ -31,7 +32,7 @@
   }
 }
 
-.has-been-animated {
+.has-been-animated, [data-has-been-animated] {
   opacity: unset;
   scale: unset;
   rotate: unset;

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,7 @@`
`1`	`1`	`[data-animation] {`
`2`	`2`	`opacity: 0;`
`3`	`3`	`transition: translate var(--_translate, 1s) ease-in-out, scale var(--_scale, 1s) ease-in-out, rotate var(--_rotate, 1s) ease-in-out, opacity var(--_opacity, 1s) ease-in-out;`
	`4`	`+ transition-delay: attr(data-transition-delay, 0ms);`
`4`	`5`	`}`
`5`	`6`
`6`	`7`	`[data-animation='fade-in'] {`
`@@ -31,7 +32,7 @@`
`31`	`32`	`}`
`32`	`33`	`}`
`33`	`34`
`34`		`-.has-been-animated {`
	`35`	`+.has-been-animated, [data-has-been-animated] {`
`35`	`36`	`opacity: unset;`
`36`	`37`	`scale: unset;`
`37`	`38`	`rotate: unset;`