Update _base.scss

systemreliability · web-flow · commit f9a6a877fa70 · 2026-02-09T16:43:49.000+01:00
diff --git a/_sass/_base.scss b/_sass/_base.scss
@@ -207,25 +207,32 @@ ul.task-list input[type="checkbox"] {
   }
 }
 
-/* About profile image hover swap */
+/* About profile image hover swap - enforce stacking order */
 .profile-hover-swap {
   position: relative;
   display: inline-block;
 }
 
+.profile-hover-swap > figure {
+  position: relative;
+  z-index: 1;
+  margin: 0;
+}
+
 .profile-hover-swap .hover-img {
   position: absolute;
   inset: 0;
+  z-index: 2;
   opacity: 0;
   transition: opacity 200ms ease-in-out;
 }
 
-.profile-hover-swap:hover .hover-img {
-  opacity: 1;
+.profile-hover-swap .hover-img > figure {
+  margin: 0;
 }
 
-.profile-hover-swap figure {
-  margin: 0;
+.profile-hover-swap:hover .hover-img {
+  opacity: 1;
 }
 /* figure.liquid가 figure 마진을 주는 경우 대비 (있으면 점프/어긋남 방지) */
 

Original file line number	Diff line number	Diff line change
`@@ -207,25 +207,32 @@ ul.task-list input[type="checkbox"] {`
`207`	`207`	`}`
`208`	`208`	`}`
`209`	`209`
`210`		`-/* About profile image hover swap */`
	`210`	`+/* About profile image hover swap - enforce stacking order */`
`211`	`211`	`.profile-hover-swap {`
`212`	`212`	`position: relative;`
`213`	`213`	`display: inline-block;`
`214`	`214`	`}`
`215`	`215`
	`216`	`+.profile-hover-swap > figure {`
	`217`	`+ position: relative;`
	`218`	`+ z-index: 1;`
	`219`	`+ margin: 0;`
	`220`	`+}`
	`221`	`+`
`216`	`222`	`.profile-hover-swap .hover-img {`
`217`	`223`	`position: absolute;`
`218`	`224`	`inset: 0;`
	`225`	`+ z-index: 2;`
`219`	`226`	`opacity: 0;`
`220`	`227`	`transition: opacity 200ms ease-in-out;`
`221`	`228`	`}`
`222`	`229`
`223`		`-.profile-hover-swap:hover .hover-img {`
`224`		`- opacity: 1;`
	`230`	`+.profile-hover-swap .hover-img > figure {`
	`231`	`+ margin: 0;`
`225`	`232`	`}`
`226`	`233`
`227`		`-.profile-hover-swap figure {`
`228`		`- margin: 0;`
	`234`	`+.profile-hover-swap:hover .hover-img {`
	`235`	`+ opacity: 1;`
`229`	`236`	`}`
`230`	`237`	`/* figure.liquid가 figure 마진을 주는 경우 대비 (있으면 점프/어긋남 방지) */`
`231`	`238`