svelte Architecture Docs
Home / File/ expected.css — svelte Source File

expected.css — svelte Source File

Architecture documentation for expected.css, a css file in the svelte codebase.

File css

Entity Profile

Source Code

	/* boundary of each */
	.a.svelte-xyz ~ .d:where(.svelte-xyz) { color: green; }
	.a.svelte-xyz ~ .e:where(.svelte-xyz) { color: green; }
	.a.svelte-xyz ~ .f:where(.svelte-xyz) { color: green; }
	.a.svelte-xyz ~ .g:where(.svelte-xyz) { color: green; }
	.c.svelte-xyz ~ .d:where(.svelte-xyz) { color: green; }
	.c.svelte-xyz ~ .e:where(.svelte-xyz) { color: green; }
	.c.svelte-xyz ~ .f:where(.svelte-xyz) { color: green; }
	.c.svelte-xyz ~ .g:where(.svelte-xyz) { color: green; }

	/* nested boundary of each */
	.j.svelte-xyz ~ .m:where(.svelte-xyz) { color: green; }
	.j.svelte-xyz ~ .n:where(.svelte-xyz) { color: green; }
	.j.svelte-xyz ~ .o:where(.svelte-xyz) { color: green; }
	.k.svelte-xyz ~ .m:where(.svelte-xyz) { color: green; }
	.k.svelte-xyz ~ .n:where(.svelte-xyz) { color: green; }
	.k.svelte-xyz ~ .o:where(.svelte-xyz) { color: green; }
	.l.svelte-xyz ~ .m:where(.svelte-xyz) { color: green; }
	.l.svelte-xyz ~ .n:where(.svelte-xyz) { color: green; }
	.l.svelte-xyz ~ .o:where(.svelte-xyz) { color: green; }

	/* parent each */
	.d.svelte-xyz ~ .e:where(.svelte-xyz) { color: green; }
	.e.svelte-xyz ~ .f:where(.svelte-xyz) { color: green; }

	/* child each */
	.g.svelte-xyz ~ .h:where(.svelte-xyz) { color: green; }

	/* wrap around */
	.f.svelte-xyz ~ .d:where(.svelte-xyz) { color: green; }
	.f.svelte-xyz ~ .e:where(.svelte-xyz) { color: green; }
	.f.svelte-xyz ~ .f:where(.svelte-xyz) { color: green; }

	.h.svelte-xyz ~ .g:where(.svelte-xyz) { color: green; }
	.i.svelte-xyz ~ .h:where(.svelte-xyz) { color: green; }
	.i.svelte-xyz ~ .g:where(.svelte-xyz) { color: green; }

	/* wrap around self */
	.d.svelte-xyz ~ .d:where(.svelte-xyz) { color: green; }
	.e.svelte-xyz ~ .e:where(.svelte-xyz) { color: green; }
	.f.svelte-xyz ~ .f:where(.svelte-xyz) { color: green; }
	.g.svelte-xyz ~ .g:where(.svelte-xyz) { color: green; }
	.h.svelte-xyz ~ .h:where(.svelte-xyz) { color: green; }
	.i.svelte-xyz ~ .i:where(.svelte-xyz) { color: green; }

	/* wrap around self ~ next */
	.e.svelte-xyz ~ .e:where(.svelte-xyz) ~ .f:where(.svelte-xyz) { color: green; }
	.e.svelte-xyz ~ .e:where(.svelte-xyz) ~ .d:where(.svelte-xyz) { color: green; }
	.h.svelte-xyz ~ .h:where(.svelte-xyz) ~ .i:where(.svelte-xyz) { color: green; }
	.h.svelte-xyz ~ .h:where(.svelte-xyz) ~ .g:where(.svelte-xyz) { color: green; }

	/* general siblings */
	.a.svelte-xyz ~ .h:where(.svelte-xyz) { color: green; }
	.a.svelte-xyz ~ .i:where(.svelte-xyz) { color: green; }
	.c.svelte-xyz ~ .h:where(.svelte-xyz) { color: green; }
	.c.svelte-xyz ~ .i:where(.svelte-xyz) { color: green; }
	.d.svelte-xyz ~ .f:where(.svelte-xyz) { color: green; }
	.d.svelte-xyz ~ .g:where(.svelte-xyz) { color: green; }
	.e.svelte-xyz ~ .g:where(.svelte-xyz) { color: green; }
	.g.svelte-xyz ~ .i:where(.svelte-xyz) { color: green; }

Source

Frequently Asked Questions

What does expected.css do?
expected.css is a source file in the svelte codebase, written in css.
Where is expected.css in the architecture?
expected.css is located at packages/svelte/tests/css/samples/general-siblings-combinator-each-nested/expected.css (directory: packages/svelte/tests/css/samples/general-siblings-combinator-each-nested).

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free