[GH-ISSUE #19] Global css scope affects elements outside sileo #13

New issue

Closed

opened 2026-03-02 05:16:32 +03:00 by kerem · 1 comment

kerem commented

2026-03-02 05:16:32 +03:00

Owner

Originally created by @simbesh on GitHub (Feb 18, 2026).
Original GitHub issue: https://github.com/hiaaryan/sileo/issues/19

Originally assigned to: @hiaaryan on GitHub.

github.com/hiaaryan/sileo@b851ddc685/src/styles.css (L458-L466)

breaking animation styles globally, should have scope reduced to just sileo:

@media (prefers-reduced-motion: reduce) {
	[data-sileo-viewport],
	[data-sileo-viewport] *,
	[data-sileo-viewport] *::before,
	[data-sileo-viewport] *::after {
		animation-duration: 0.01ms;
		animation-iteration-count: 1;
		transition-duration: 0.01ms;
	}
}

Originally created by @simbesh on GitHub (Feb 18, 2026). Original GitHub issue: https://github.com/hiaaryan/sileo/issues/19 Originally assigned to: @hiaaryan on GitHub. https://github.com/hiaaryan/sileo/blob/b851ddc6856b9eb5e7b8f252b2917370661819ea/src/styles.css#L458-L466 breaking animation styles globally, should have scope reduced to just sileo: ```css @media (prefers-reduced-motion: reduce) { [data-sileo-viewport], [data-sileo-viewport] *, [data-sileo-viewport] *::before, [data-sileo-viewport] *::after { animation-duration: 0.01ms; animation-iteration-count: 1; transition-duration: 0.01ms; } }