mirror of https://github.com/sveltejs/svelte
Merge branch 'css-nesting' of https://github.com/AlbertMarashi/svelte into css-nesting
Albert
3 years ago
commit
e075ad7378
@ -0,0 +1,5 @@
|
||||
---
|
||||
'svelte': patch
|
||||
---
|
||||
|
||||
fix: align `beforeUpdate`/`afterUpdate` behavior better with that in Svelte 4
|
||||
@ -0,0 +1,5 @@
|
||||
---
|
||||
'svelte': patch
|
||||
---
|
||||
|
||||
fix: use hybrid scoping strategy for consistent specificity increase
|
||||
@ -0,0 +1,5 @@
|
||||
---
|
||||
"svelte": patch
|
||||
---
|
||||
|
||||
fix: throw validation error when binding to each argument in runes mode
|
||||
@ -0,0 +1,5 @@
|
||||
---
|
||||
"svelte": patch
|
||||
---
|
||||
|
||||
fix: disallow exporting props, derived and reassigned state from within components
|
||||
@ -0,0 +1,5 @@
|
||||
---
|
||||
'svelte': patch
|
||||
---
|
||||
|
||||
fix: make CSS animation declaration transformation more robust
|
||||
@ -0,0 +1,5 @@
|
||||
---
|
||||
"svelte": patch
|
||||
---
|
||||
|
||||
fix: handle sole empty expression tags
|
||||
@ -0,0 +1,5 @@
|
||||
---
|
||||
"svelte": patch
|
||||
---
|
||||
|
||||
fix: improve indexed each array reconcilation
|
||||
@ -0,0 +1,5 @@
|
||||
---
|
||||
'svelte': patch
|
||||
---
|
||||
|
||||
fix: set `open` binding value in `<details>`
|
||||
@ -0,0 +1,5 @@
|
||||
---
|
||||
"svelte": patch
|
||||
---
|
||||
|
||||
fix: add compiler error for each block mutations in runes mode
|
||||
@ -0,0 +1,4 @@
|
||||
<script>
|
||||
let count = $state(0);
|
||||
export const double = $derived(count * 2);
|
||||
</script>
|
||||
@ -0,0 +1,10 @@
|
||||
import { test } from '../../test';
|
||||
|
||||
export default test({
|
||||
error: {
|
||||
code: 'invalid-state-export',
|
||||
message:
|
||||
"Cannot export state if it is reassigned. Either export a function returning the state value or only mutate the state value's properties",
|
||||
position: [59, 99]
|
||||
}
|
||||
});
|
||||
@ -0,0 +1,15 @@
|
||||
<script>
|
||||
export const object = $state({
|
||||
ok: true
|
||||
});
|
||||
|
||||
export const primitive = $state('nope');
|
||||
|
||||
export function update_object() {
|
||||
object.ok = !object.ok;
|
||||
}
|
||||
|
||||
export function update_primitive() {
|
||||
primitive = 'yep';
|
||||
}
|
||||
</script>
|
||||
@ -0,0 +1,8 @@
|
||||
import { test } from '../../test';
|
||||
|
||||
export default test({
|
||||
error: {
|
||||
code: 'invalid-runes-mode-import',
|
||||
message: 'beforeUpdate cannot be used in runes mode'
|
||||
}
|
||||
});
|
||||
@ -0,0 +1,5 @@
|
||||
<svelte:options runes />
|
||||
|
||||
<script>
|
||||
import { beforeUpdate, afterUpdate } from 'svelte';
|
||||
</script>
|
||||
@ -0,0 +1,9 @@
|
||||
import { test } from '../../test';
|
||||
|
||||
export default test({
|
||||
error: {
|
||||
code: 'invalid-prop-export',
|
||||
message:
|
||||
'Cannot export properties. To expose the current value of a property, export a function returning its value'
|
||||
}
|
||||
});
|
||||
@ -0,0 +1,4 @@
|
||||
<script>
|
||||
let { foo } = $props();
|
||||
export { foo };
|
||||
</script>
|
||||
@ -0,0 +1,9 @@
|
||||
import { test } from '../../test';
|
||||
|
||||
export default test({
|
||||
error: {
|
||||
code: 'invalid-each-assignment',
|
||||
message:
|
||||
"Cannot reassign or bind to each block argument in runes mode. Use the array and index variables instead (e.g. 'array[i] = value' instead of 'entry = value')"
|
||||
}
|
||||
});
|
||||
@ -0,0 +1,7 @@
|
||||
<script>
|
||||
let arr = $state([1,2,3]);
|
||||
</script>
|
||||
|
||||
{#each arr as value}
|
||||
<input bind:value>
|
||||
{/each}
|
||||
@ -0,0 +1,9 @@
|
||||
import { test } from '../../test';
|
||||
|
||||
export default test({
|
||||
error: {
|
||||
code: 'invalid-each-assignment',
|
||||
message:
|
||||
"Cannot reassign or bind to each block argument in runes mode. Use the array and index variables instead (e.g. 'array[i] = value' instead of 'entry = value')"
|
||||
}
|
||||
});
|
||||
@ -0,0 +1,7 @@
|
||||
<script>
|
||||
let arr = $state([1,2,3]);
|
||||
</script>
|
||||
|
||||
{#each arr as value}
|
||||
<button onclick={() => value += 1}>click</button>
|
||||
{/each}
|
||||
@ -0,0 +1,24 @@
|
||||
|
||||
@keyframes svelte-xyz-a {
|
||||
0% {
|
||||
transform: scale(1);
|
||||
}
|
||||
100% {
|
||||
transform: scale(2);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes svelte-xyz-animation {
|
||||
0% {
|
||||
transform: scale(1);
|
||||
}
|
||||
100% {
|
||||
transform: scale(2);
|
||||
}
|
||||
}
|
||||
|
||||
h1.svelte-xyz {
|
||||
animation: 1s linear infinite svelte-xyz-a;
|
||||
animation: svelte-xyz-a 1s linear infinite;
|
||||
animation: 1s linear infinite svelte-xyz-a,svelte-xyz-animation 1s linear infinite;
|
||||
}
|
||||
@ -0,0 +1,27 @@
|
||||
<h1>test</h1>
|
||||
|
||||
<style>
|
||||
@keyframes a {
|
||||
0% {
|
||||
transform: scale(1);
|
||||
}
|
||||
100% {
|
||||
transform: scale(2);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes animation {
|
||||
0% {
|
||||
transform: scale(1);
|
||||
}
|
||||
100% {
|
||||
transform: scale(2);
|
||||
}
|
||||
}
|
||||
|
||||
h1 {
|
||||
animation: 1s linear infinite a;
|
||||
animation: a 1s linear infinite;
|
||||
animation: 1s linear infinite a,animation 1s linear infinite;
|
||||
}
|
||||
</style>
|
||||
@ -1,7 +1,7 @@
|
||||
main.svelte-xyz button.svelte-xyz.svelte-xyz {
|
||||
main.svelte-xyz button:where(.svelte-xyz) {
|
||||
background-color: red;
|
||||
}
|
||||
|
||||
main.svelte-xyz div.svelte-xyz > button.svelte-xyz {
|
||||
main.svelte-xyz div:where(.svelte-xyz) > button:where(.svelte-xyz) {
|
||||
background-color: blue;
|
||||
}
|
||||
|
||||
@ -1,3 +1,3 @@
|
||||
.test.svelte-xyz > div.svelte-xyz {
|
||||
.test.svelte-xyz > div:where(.svelte-xyz) {
|
||||
color: #0af;
|
||||
}
|
||||
|
||||
@ -1,3 +1,3 @@
|
||||
p.svelte-xyz span.svelte-xyz {
|
||||
p.svelte-xyz span:where(.svelte-xyz) {
|
||||
color: red;
|
||||
}
|
||||
|
||||
@ -1,18 +1,18 @@
|
||||
div.svelte-xyz.svelte-xyz.svelte-xyz {
|
||||
div.svelte-xyz {
|
||||
color: red;
|
||||
}
|
||||
h2.svelte-xyz > p.svelte-xyz.svelte-xyz {
|
||||
h2.svelte-xyz > p:where(.svelte-xyz) {
|
||||
color: red;
|
||||
}
|
||||
h2.svelte-xyz span.svelte-xyz.svelte-xyz {
|
||||
h2.svelte-xyz span:where(.svelte-xyz) {
|
||||
color: red;
|
||||
}
|
||||
h2.svelte-xyz > span.svelte-xyz > b.svelte-xyz {
|
||||
h2.svelte-xyz > span:where(.svelte-xyz) > b:where(.svelte-xyz) {
|
||||
color: red;
|
||||
}
|
||||
h2.svelte-xyz span b.svelte-xyz.svelte-xyz {
|
||||
h2.svelte-xyz span b:where(.svelte-xyz) {
|
||||
color: red;
|
||||
}
|
||||
h2.svelte-xyz b.svelte-xyz.svelte-xyz {
|
||||
h2.svelte-xyz b:where(.svelte-xyz) {
|
||||
color: red;
|
||||
}
|
||||
|
||||
@ -1,13 +1,13 @@
|
||||
.a.svelte-xyz ~ .b.svelte-xyz.svelte-xyz.svelte-xyz { color: green; }
|
||||
.a.svelte-xyz ~ .c.svelte-xyz.svelte-xyz.svelte-xyz { color: green; }
|
||||
.a.svelte-xyz ~ .d.svelte-xyz.svelte-xyz.svelte-xyz { color: green; }
|
||||
.a.svelte-xyz ~ .e.svelte-xyz.svelte-xyz.svelte-xyz { color: green; }
|
||||
.a.svelte-xyz ~ .f.svelte-xyz.svelte-xyz.svelte-xyz { color: green; }
|
||||
.a.svelte-xyz ~ .g.svelte-xyz.svelte-xyz.svelte-xyz { color: green; }
|
||||
.a.svelte-xyz ~ .h.svelte-xyz.svelte-xyz.svelte-xyz { color: green; }
|
||||
.a.svelte-xyz ~ .b:where(.svelte-xyz) { color: green; }
|
||||
.a.svelte-xyz ~ .c:where(.svelte-xyz) { color: green; }
|
||||
.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; }
|
||||
.a.svelte-xyz ~ .h:where(.svelte-xyz) { color: green; }
|
||||
|
||||
.b.svelte-xyz ~ .d.svelte-xyz.svelte-xyz.svelte-xyz { color: green; }
|
||||
.c.svelte-xyz ~ .d.svelte-xyz.svelte-xyz.svelte-xyz { color: green; }
|
||||
.b.svelte-xyz ~ .e.svelte-xyz ~ .f.svelte-xyz ~ .h.svelte-xyz { color: green; }
|
||||
.b.svelte-xyz ~ .d.svelte-xyz ~ .h.svelte-xyz.svelte-xyz { color: green; }
|
||||
.c.svelte-xyz ~ .g.svelte-xyz.svelte-xyz.svelte-xyz { color: green; }
|
||||
.b.svelte-xyz ~ .d:where(.svelte-xyz) { color: green; }
|
||||
.c.svelte-xyz ~ .d:where(.svelte-xyz) { color: green; }
|
||||
.b.svelte-xyz ~ .e:where(.svelte-xyz) ~ .f:where(.svelte-xyz) ~ .h:where(.svelte-xyz) { color: green; }
|
||||
.b.svelte-xyz ~ .d:where(.svelte-xyz) ~ .h:where(.svelte-xyz) { color: green; }
|
||||
.c.svelte-xyz ~ .g:where(.svelte-xyz) { color: green; }
|
||||
|
||||
@ -1,22 +1,22 @@
|
||||
/* boundary of each */
|
||||
.a.svelte-xyz ~ .b.svelte-xyz {
|
||||
.a.svelte-xyz ~ .b:where(.svelte-xyz) {
|
||||
color: green;
|
||||
}
|
||||
.c.svelte-xyz ~ .d.svelte-xyz {
|
||||
.c.svelte-xyz ~ .d:where(.svelte-xyz) {
|
||||
color: green;
|
||||
}
|
||||
/* if array is empty */
|
||||
.a.svelte-xyz ~ .d.svelte-xyz {
|
||||
.a.svelte-xyz ~ .d:where(.svelte-xyz) {
|
||||
color: green;
|
||||
}
|
||||
/* if array has multiple items */
|
||||
.c.svelte-xyz ~ .b.svelte-xyz {
|
||||
.c.svelte-xyz ~ .b:where(.svelte-xyz) {
|
||||
color: green;
|
||||
}
|
||||
/* normal sibling */
|
||||
.b.svelte-xyz ~ .c.svelte-xyz {
|
||||
.b.svelte-xyz ~ .c:where(.svelte-xyz) {
|
||||
color: green;
|
||||
}
|
||||
.a.svelte-xyz ~ .c.svelte-xyz {
|
||||
.a.svelte-xyz ~ .c:where(.svelte-xyz) {
|
||||
color: green;
|
||||
}
|
||||
|
||||
@ -1,30 +1,30 @@
|
||||
.a.svelte-xyz ~ .e.svelte-xyz.svelte-xyz.svelte-xyz { color: green; }
|
||||
.a.svelte-xyz ~ .f.svelte-xyz.svelte-xyz.svelte-xyz { color: green; }
|
||||
.b.svelte-xyz ~ .c.svelte-xyz.svelte-xyz.svelte-xyz { color: green; }
|
||||
.b.svelte-xyz ~ .d.svelte-xyz.svelte-xyz.svelte-xyz { color: green; }
|
||||
.c.svelte-xyz ~ .e.svelte-xyz.svelte-xyz.svelte-xyz { color: green; }
|
||||
.c.svelte-xyz ~ .f.svelte-xyz.svelte-xyz.svelte-xyz { color: green; }
|
||||
.d.svelte-xyz ~ .e.svelte-xyz.svelte-xyz.svelte-xyz { color: green; }
|
||||
.d.svelte-xyz ~ .f.svelte-xyz.svelte-xyz.svelte-xyz { color: green; }
|
||||
.e.svelte-xyz ~ .e.svelte-xyz.svelte-xyz.svelte-xyz { color: green; }
|
||||
.i.svelte-xyz ~ .j.svelte-xyz.svelte-xyz.svelte-xyz { color: green; }
|
||||
.g.svelte-xyz ~ .h.svelte-xyz ~ .j.svelte-xyz.svelte-xyz { color: green; }
|
||||
.g.svelte-xyz ~ .i.svelte-xyz ~ .j.svelte-xyz.svelte-xyz { color: green; }
|
||||
.m.svelte-xyz ~ .m.svelte-xyz.svelte-xyz.svelte-xyz { color: green; }
|
||||
.m.svelte-xyz ~ .l.svelte-xyz.svelte-xyz.svelte-xyz { color: green; }
|
||||
.l.svelte-xyz ~ .m.svelte-xyz.svelte-xyz.svelte-xyz { color: green; }
|
||||
.a.svelte-xyz ~ .c.svelte-xyz.svelte-xyz.svelte-xyz { color: green; }
|
||||
.a.svelte-xyz ~ .g.svelte-xyz.svelte-xyz.svelte-xyz { color: green; }
|
||||
.b.svelte-xyz ~ .e.svelte-xyz.svelte-xyz.svelte-xyz { color: green; }
|
||||
.c.svelte-xyz ~ .g.svelte-xyz.svelte-xyz.svelte-xyz { color: green; }
|
||||
.c.svelte-xyz ~ .k.svelte-xyz.svelte-xyz.svelte-xyz { color: green; }
|
||||
.d.svelte-xyz ~ .d.svelte-xyz.svelte-xyz.svelte-xyz { color: green; }
|
||||
.g.svelte-xyz ~ .g.svelte-xyz.svelte-xyz.svelte-xyz { color: green; }
|
||||
.h.svelte-xyz ~ .h.svelte-xyz.svelte-xyz.svelte-xyz { color: green; }
|
||||
.i.svelte-xyz ~ .i.svelte-xyz.svelte-xyz.svelte-xyz { color: green; }
|
||||
.j.svelte-xyz ~ .j.svelte-xyz.svelte-xyz.svelte-xyz { color: green; }
|
||||
.g.svelte-xyz ~ .j.svelte-xyz.svelte-xyz.svelte-xyz { color: green; }
|
||||
.g.svelte-xyz ~ .h.svelte-xyz ~ .i.svelte-xyz ~ .j.svelte-xyz { color: green; }
|
||||
.a.svelte-xyz ~ .e:where(.svelte-xyz) { color: green; }
|
||||
.a.svelte-xyz ~ .f:where(.svelte-xyz) { color: green; }
|
||||
.b.svelte-xyz ~ .c:where(.svelte-xyz) { color: green; }
|
||||
.b.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; }
|
||||
.d.svelte-xyz ~ .e:where(.svelte-xyz) { color: green; }
|
||||
.d.svelte-xyz ~ .f:where(.svelte-xyz) { color: green; }
|
||||
.e.svelte-xyz ~ .e:where(.svelte-xyz) { color: green; }
|
||||
.i.svelte-xyz ~ .j:where(.svelte-xyz) { color: green; }
|
||||
.g.svelte-xyz ~ .h:where(.svelte-xyz) ~ .j:where(.svelte-xyz) { color: green; }
|
||||
.g.svelte-xyz ~ .i:where(.svelte-xyz) ~ .j:where(.svelte-xyz) { color: green; }
|
||||
.m.svelte-xyz ~ .m:where(.svelte-xyz) { color: green; }
|
||||
.m.svelte-xyz ~ .l:where(.svelte-xyz) { color: green; }
|
||||
.l.svelte-xyz ~ .m:where(.svelte-xyz) { color: green; }
|
||||
.a.svelte-xyz ~ .c:where(.svelte-xyz) { color: green; }
|
||||
.a.svelte-xyz ~ .g:where(.svelte-xyz) { color: green; }
|
||||
.b.svelte-xyz ~ .e:where(.svelte-xyz) { color: green; }
|
||||
.c.svelte-xyz ~ .g:where(.svelte-xyz) { color: green; }
|
||||
.c.svelte-xyz ~ .k:where(.svelte-xyz) { color: green; }
|
||||
.d.svelte-xyz ~ .d: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; }
|
||||
.j.svelte-xyz ~ .j:where(.svelte-xyz) { color: green; }
|
||||
.g.svelte-xyz ~ .j:where(.svelte-xyz) { color: green; }
|
||||
.g.svelte-xyz ~ .h:where(.svelte-xyz) ~ .i:where(.svelte-xyz) ~ .j:where(.svelte-xyz) { color: green; }
|
||||
|
||||
/* no match */
|
||||
/* (unused) .e ~ .f { color: green; }*/
|
||||
|
||||
@ -1,8 +1,8 @@
|
||||
.a.svelte-xyz ~ .b.svelte-xyz { color: green; }
|
||||
.a.svelte-xyz ~ .c.svelte-xyz { color: green; }
|
||||
.b.svelte-xyz ~ .d.svelte-xyz { color: green; }
|
||||
.c.svelte-xyz ~ .d.svelte-xyz { color: green; }
|
||||
.a.svelte-xyz ~ .d.svelte-xyz { color: green; }
|
||||
.a.svelte-xyz ~ .b:where(.svelte-xyz) { color: green; }
|
||||
.a.svelte-xyz ~ .c:where(.svelte-xyz) { color: green; }
|
||||
.b.svelte-xyz ~ .d:where(.svelte-xyz) { color: green; }
|
||||
.c.svelte-xyz ~ .d:where(.svelte-xyz) { color: green; }
|
||||
.a.svelte-xyz ~ .d:where(.svelte-xyz) { color: green; }
|
||||
|
||||
/* no match */
|
||||
/* (unused) .b ~ .c { color: green; }*/
|
||||
|
||||
@ -1,60 +1,60 @@
|
||||
/* boundary of each */
|
||||
.a.svelte-xyz ~ .d.svelte-xyz.svelte-xyz { color: green; }
|
||||
.a.svelte-xyz ~ .e.svelte-xyz.svelte-xyz { color: green; }
|
||||
.a.svelte-xyz ~ .f.svelte-xyz.svelte-xyz { color: green; }
|
||||
.a.svelte-xyz ~ .g.svelte-xyz.svelte-xyz { color: green; }
|
||||
.c.svelte-xyz ~ .d.svelte-xyz.svelte-xyz { color: green; }
|
||||
.c.svelte-xyz ~ .e.svelte-xyz.svelte-xyz { color: green; }
|
||||
.c.svelte-xyz ~ .f.svelte-xyz.svelte-xyz { color: green; }
|
||||
.c.svelte-xyz ~ .g.svelte-xyz.svelte-xyz { color: green; }
|
||||
.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.svelte-xyz.svelte-xyz { color: green; }
|
||||
.j.svelte-xyz ~ .n.svelte-xyz.svelte-xyz { color: green; }
|
||||
.j.svelte-xyz ~ .o.svelte-xyz.svelte-xyz { color: green; }
|
||||
.k.svelte-xyz ~ .m.svelte-xyz.svelte-xyz { color: green; }
|
||||
.k.svelte-xyz ~ .n.svelte-xyz.svelte-xyz { color: green; }
|
||||
.k.svelte-xyz ~ .o.svelte-xyz.svelte-xyz { color: green; }
|
||||
.l.svelte-xyz ~ .m.svelte-xyz.svelte-xyz { color: green; }
|
||||
.l.svelte-xyz ~ .n.svelte-xyz.svelte-xyz { color: green; }
|
||||
.l.svelte-xyz ~ .o.svelte-xyz.svelte-xyz { color: green; }
|
||||
.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.svelte-xyz.svelte-xyz { color: green; }
|
||||
.e.svelte-xyz ~ .f.svelte-xyz.svelte-xyz { color: green; }
|
||||
.d.svelte-xyz ~ .e:where(.svelte-xyz) { color: green; }
|
||||
.e.svelte-xyz ~ .f:where(.svelte-xyz) { color: green; }
|
||||
|
||||
/* child each */
|
||||
.g.svelte-xyz ~ .h.svelte-xyz.svelte-xyz { color: green; }
|
||||
.g.svelte-xyz ~ .h:where(.svelte-xyz) { color: green; }
|
||||
|
||||
/* wrap around */
|
||||
.f.svelte-xyz ~ .d.svelte-xyz.svelte-xyz { color: green; }
|
||||
.f.svelte-xyz ~ .e.svelte-xyz.svelte-xyz { color: green; }
|
||||
.f.svelte-xyz ~ .f.svelte-xyz.svelte-xyz { color: green; }
|
||||
.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.svelte-xyz.svelte-xyz { color: green; }
|
||||
.i.svelte-xyz ~ .h.svelte-xyz.svelte-xyz { color: green; }
|
||||
.i.svelte-xyz ~ .g.svelte-xyz.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.svelte-xyz.svelte-xyz { color: green; }
|
||||
.e.svelte-xyz ~ .e.svelte-xyz.svelte-xyz { color: green; }
|
||||
.f.svelte-xyz ~ .f.svelte-xyz.svelte-xyz { color: green; }
|
||||
.g.svelte-xyz ~ .g.svelte-xyz.svelte-xyz { color: green; }
|
||||
.h.svelte-xyz ~ .h.svelte-xyz.svelte-xyz { color: green; }
|
||||
.i.svelte-xyz ~ .i.svelte-xyz.svelte-xyz { color: green; }
|
||||
.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.svelte-xyz ~ .f.svelte-xyz { color: green; }
|
||||
.e.svelte-xyz ~ .e.svelte-xyz ~ .d.svelte-xyz { color: green; }
|
||||
.h.svelte-xyz ~ .h.svelte-xyz ~ .i.svelte-xyz { color: green; }
|
||||
.h.svelte-xyz ~ .h.svelte-xyz ~ .g.svelte-xyz { color: green; }
|
||||
.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.svelte-xyz.svelte-xyz { color: green; }
|
||||
.a.svelte-xyz ~ .i.svelte-xyz.svelte-xyz { color: green; }
|
||||
.c.svelte-xyz ~ .h.svelte-xyz.svelte-xyz { color: green; }
|
||||
.c.svelte-xyz ~ .i.svelte-xyz.svelte-xyz { color: green; }
|
||||
.d.svelte-xyz ~ .f.svelte-xyz.svelte-xyz { color: green; }
|
||||
.d.svelte-xyz ~ .g.svelte-xyz.svelte-xyz { color: green; }
|
||||
.e.svelte-xyz ~ .g.svelte-xyz.svelte-xyz { color: green; }
|
||||
.g.svelte-xyz ~ .i.svelte-xyz.svelte-xyz { color: green; }
|
||||
.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; }
|
||||
|
||||
@ -1,3 +1,3 @@
|
||||
div.svelte-xyz ~ span.svelte-xyz {
|
||||
div.svelte-xyz ~ span:where(.svelte-xyz) {
|
||||
color: green;
|
||||
}
|
||||
|
||||
@ -1,3 +1,3 @@
|
||||
h1.svelte-xyz ~ p.svelte-xyz {
|
||||
h1.svelte-xyz ~ p:where(.svelte-xyz) {
|
||||
color: red;
|
||||
}
|
||||
|
||||
@ -1,12 +1,12 @@
|
||||
.a.svelte-xyz ~ .b.svelte-xyz.svelte-xyz.svelte-xyz { color: green; }
|
||||
.a.svelte-xyz ~ .c.svelte-xyz.svelte-xyz.svelte-xyz { color: green; }
|
||||
.a.svelte-xyz ~ .d.svelte-xyz.svelte-xyz.svelte-xyz { color: green; }
|
||||
.b.svelte-xyz ~ .d.svelte-xyz.svelte-xyz.svelte-xyz { color: green; }
|
||||
.c.svelte-xyz ~ .d.svelte-xyz.svelte-xyz.svelte-xyz { color: green; }
|
||||
.a.svelte-xyz ~ .b:where(.svelte-xyz) { color: green; }
|
||||
.a.svelte-xyz ~ .c:where(.svelte-xyz) { color: green; }
|
||||
.a.svelte-xyz ~ .d:where(.svelte-xyz) { color: green; }
|
||||
.b.svelte-xyz ~ .d:where(.svelte-xyz) { color: green; }
|
||||
.c.svelte-xyz ~ .d:where(.svelte-xyz) { color: green; }
|
||||
|
||||
.a.svelte-xyz ~ .c.svelte-xyz ~ .c.svelte-xyz.svelte-xyz { color: green; }
|
||||
.c.svelte-xyz ~ .c.svelte-xyz ~ .d.svelte-xyz.svelte-xyz { color: green; }
|
||||
.a.svelte-xyz ~ .c.svelte-xyz ~ .c.svelte-xyz ~ .d.svelte-xyz { color: green; }
|
||||
.a.svelte-xyz ~ .c:where(.svelte-xyz) ~ .c:where(.svelte-xyz) { color: green; }
|
||||
.c.svelte-xyz ~ .c:where(.svelte-xyz) ~ .d:where(.svelte-xyz) { color: green; }
|
||||
.a.svelte-xyz ~ .c:where(.svelte-xyz) ~ .c:where(.svelte-xyz) ~ .d:where(.svelte-xyz) { color: green; }
|
||||
|
||||
/* no match */
|
||||
/* (unused) .b ~ .c { color: green; }*/
|
||||
|
||||
@ -1,8 +1,8 @@
|
||||
.a.svelte-xyz ~ .b.svelte-xyz { color: green; }
|
||||
.a.svelte-xyz ~ .c.svelte-xyz { color: green; }
|
||||
.a.svelte-xyz ~ .d.svelte-xyz { color: green; }
|
||||
.b.svelte-xyz ~ .d.svelte-xyz { color: green; }
|
||||
.c.svelte-xyz ~ .d.svelte-xyz { color: green; }
|
||||
.a.svelte-xyz ~ .b:where(.svelte-xyz) { color: green; }
|
||||
.a.svelte-xyz ~ .c:where(.svelte-xyz) { color: green; }
|
||||
.a.svelte-xyz ~ .d:where(.svelte-xyz) { color: green; }
|
||||
.b.svelte-xyz ~ .d:where(.svelte-xyz) { color: green; }
|
||||
.c.svelte-xyz ~ .d:where(.svelte-xyz) { color: green; }
|
||||
|
||||
/* no match */
|
||||
/* (unused) .b ~ .c { color: green; }*/
|
||||
|
||||
@ -1,3 +1,3 @@
|
||||
h1.svelte-xyz ~ p.svelte-xyz {
|
||||
h1.svelte-xyz ~ p:where(.svelte-xyz) {
|
||||
color: red;
|
||||
}
|
||||
|
||||
@ -1,3 +1,3 @@
|
||||
h1.svelte-xyz ~ p.svelte-xyz {
|
||||
h1.svelte-xyz ~ p:where(.svelte-xyz) {
|
||||
color: red;
|
||||
}
|
||||
|
||||
@ -1,3 +1,3 @@
|
||||
h1.svelte-xyz ~ p.svelte-xyz {
|
||||
h1.svelte-xyz ~ p:where(.svelte-xyz) {
|
||||
color: red;
|
||||
}
|
||||
|
||||
@ -1,11 +1,11 @@
|
||||
h1.svelte-xyz ~ span.svelte-xyz {
|
||||
h1.svelte-xyz ~ span:where(.svelte-xyz) {
|
||||
color: green;
|
||||
}
|
||||
|
||||
h1.svelte-xyz ~ p.svelte-xyz {
|
||||
h1.svelte-xyz ~ p:where(.svelte-xyz) {
|
||||
color: red;
|
||||
}
|
||||
|
||||
span.svelte-xyz ~ p.svelte-xyz {
|
||||
span.svelte-xyz ~ p:where(.svelte-xyz) {
|
||||
color: blue;
|
||||
}
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
button.svelte-xyz {
|
||||
color: red;
|
||||
|
||||
+ .abc.svelte-xyz {
|
||||
+ .abc:where(.svelte-xyz) {
|
||||
color: purple;
|
||||
}
|
||||
|
||||
color: black;
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,20 +1,20 @@
|
||||
button.svelte-xyz {
|
||||
color: red;
|
||||
& > div.svelte-xyz {
|
||||
& > div:where(.svelte-xyz) {
|
||||
color: blue;
|
||||
}
|
||||
& .foo.svelte-xyz {
|
||||
& .foo:where(.svelte-xyz) {
|
||||
color: yellow;
|
||||
}
|
||||
&:last-child {
|
||||
color: green;
|
||||
}
|
||||
|
||||
& .bar.svelte-xyz {
|
||||
& .hello.svelte-xyz {
|
||||
& .bar:where(.svelte-xyz) {
|
||||
& .hello:where(.svelte-xyz) {
|
||||
color: orange;
|
||||
}
|
||||
}
|
||||
|
||||
color: black;
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
button.svelte-xyz {
|
||||
color: red;
|
||||
|
||||
> .abc.svelte-xyz {
|
||||
> .abc:where(.svelte-xyz) {
|
||||
color: purple;
|
||||
}
|
||||
|
||||
color: black;
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
button.svelte-xyz {
|
||||
color: red;
|
||||
|
||||
.hello.svelte-xyz {
|
||||
.hello:where(.svelte-xyz) {
|
||||
color: pink;
|
||||
}
|
||||
|
||||
color: black;
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
div.svelte-xyz {
|
||||
color: red;
|
||||
|
||||
button.svelte-xyz {
|
||||
button:where(.svelte-xyz) {
|
||||
color: yellow;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
b.svelte-xyz {
|
||||
color: red;
|
||||
/* (empty) x.svelte-xyz {
|
||||
/* (empty) x:where(.svelte-xyz) {
|
||||
|
||||
}*/
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
b.svelte-xyz {
|
||||
x.svelte-xyz {
|
||||
x:where(.svelte-xyz) {
|
||||
color: yellow;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,17 +1,17 @@
|
||||
a.svelte-xyz {
|
||||
color: red;
|
||||
b.svelte-xyz {
|
||||
b:where(.svelte-xyz) {
|
||||
color: yellow;
|
||||
c.svelte-xyz {
|
||||
c:where(.svelte-xyz) {
|
||||
color: green;
|
||||
}
|
||||
}
|
||||
|
||||
b c.svelte-xyz {
|
||||
b c:where(.svelte-xyz) {
|
||||
color: blue;
|
||||
}
|
||||
|
||||
b c d.svelte-xyz {
|
||||
b c d:where(.svelte-xyz) {
|
||||
color: orange;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
a.svelte-xyz, b.svelte-xyz {
|
||||
color: red;
|
||||
|
||||
x.svelte-xyz {
|
||||
x:where(.svelte-xyz) {
|
||||
color: purple;
|
||||
}
|
||||
|
||||
color: black;
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,3 +1,3 @@
|
||||
html body .root.svelte-xyz p.svelte-xyz {
|
||||
html body .root.svelte-xyz p:where(.svelte-xyz) {
|
||||
color: red;
|
||||
}
|
||||
|
||||
@ -1,3 +1,3 @@
|
||||
.root.svelte-xyz p.svelte-xyz {
|
||||
.root.svelte-xyz p:where(.svelte-xyz) {
|
||||
color: red;
|
||||
}
|
||||
|
||||
@ -1,3 +1,3 @@
|
||||
div.svelte-xyz section p.svelte-xyz {
|
||||
div.svelte-xyz section p:where(.svelte-xyz) {
|
||||
color: red;
|
||||
}
|
||||
|
||||
@ -1,3 +1,3 @@
|
||||
div.svelte-xyz p.svelte-xyz {
|
||||
div.svelte-xyz p:where(.svelte-xyz) {
|
||||
color: red;
|
||||
}
|
||||
|
||||
@ -1,8 +1,8 @@
|
||||
a.svelte-xyz b c span.svelte-xyz {
|
||||
a.svelte-xyz b c span:where(.svelte-xyz) {
|
||||
color: red;
|
||||
font-size: 2em;
|
||||
font-family: 'Comic Sans MS';
|
||||
}
|
||||
.foo.svelte-xyz.svelte-xyz {
|
||||
.foo.svelte-xyz {
|
||||
color: green;
|
||||
}
|
||||
|
||||
@ -1,13 +1,13 @@
|
||||
.a.svelte-xyz + .b.svelte-xyz.svelte-xyz.svelte-xyz { color: green; }
|
||||
.a.svelte-xyz + .c.svelte-xyz.svelte-xyz.svelte-xyz { color: green; }
|
||||
.a.svelte-xyz + .d.svelte-xyz.svelte-xyz.svelte-xyz { color: green; }
|
||||
.a.svelte-xyz + .e.svelte-xyz.svelte-xyz.svelte-xyz { color: green; }
|
||||
.a.svelte-xyz + .f.svelte-xyz.svelte-xyz.svelte-xyz { color: green; }
|
||||
.a.svelte-xyz + .g.svelte-xyz.svelte-xyz.svelte-xyz { color: green; }
|
||||
.a.svelte-xyz + .h.svelte-xyz.svelte-xyz.svelte-xyz { color: green; }
|
||||
.a.svelte-xyz + .b:where(.svelte-xyz) { color: green; }
|
||||
.a.svelte-xyz + .c:where(.svelte-xyz) { color: green; }
|
||||
.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; }
|
||||
.a.svelte-xyz + .h:where(.svelte-xyz) { color: green; }
|
||||
|
||||
.b.svelte-xyz + .d.svelte-xyz.svelte-xyz.svelte-xyz { color: green; }
|
||||
.c.svelte-xyz + .d.svelte-xyz.svelte-xyz.svelte-xyz { color: green; }
|
||||
.b.svelte-xyz + .e.svelte-xyz + .f.svelte-xyz + .h.svelte-xyz { color: green; }
|
||||
.b.svelte-xyz + .d.svelte-xyz + .h.svelte-xyz.svelte-xyz { color: green; }
|
||||
.c.svelte-xyz + .g.svelte-xyz.svelte-xyz.svelte-xyz { color: green; }
|
||||
.b.svelte-xyz + .d:where(.svelte-xyz) { color: green; }
|
||||
.c.svelte-xyz + .d:where(.svelte-xyz) { color: green; }
|
||||
.b.svelte-xyz + .e:where(.svelte-xyz) + .f:where(.svelte-xyz) + .h:where(.svelte-xyz) { color: green; }
|
||||
.b.svelte-xyz + .d:where(.svelte-xyz) + .h:where(.svelte-xyz) { color: green; }
|
||||
.c.svelte-xyz + .g:where(.svelte-xyz) { color: green; }
|
||||
|
||||
@ -1,3 +1,3 @@
|
||||
div.svelte-xyz + span.svelte-xyz {
|
||||
div.svelte-xyz + span:where(.svelte-xyz) {
|
||||
color: green;
|
||||
}
|
||||
|
||||
@ -1,3 +1,3 @@
|
||||
h1.svelte-xyz + span.svelte-xyz {
|
||||
h1.svelte-xyz + span:where(.svelte-xyz) {
|
||||
color: red;
|
||||
}
|
||||
|
||||
@ -1,12 +1,12 @@
|
||||
.a.svelte-xyz + .b.svelte-xyz.svelte-xyz.svelte-xyz { color: green; }
|
||||
.a.svelte-xyz + .c.svelte-xyz.svelte-xyz.svelte-xyz { color: green; }
|
||||
.a.svelte-xyz + .d.svelte-xyz.svelte-xyz.svelte-xyz { color: green; }
|
||||
.b.svelte-xyz + .d.svelte-xyz.svelte-xyz.svelte-xyz { color: green; }
|
||||
.c.svelte-xyz + .d.svelte-xyz.svelte-xyz.svelte-xyz { color: green; }
|
||||
.a.svelte-xyz + .b:where(.svelte-xyz) { color: green; }
|
||||
.a.svelte-xyz + .c:where(.svelte-xyz) { color: green; }
|
||||
.a.svelte-xyz + .d:where(.svelte-xyz) { color: green; }
|
||||
.b.svelte-xyz + .d:where(.svelte-xyz) { color: green; }
|
||||
.c.svelte-xyz + .d:where(.svelte-xyz) { color: green; }
|
||||
|
||||
.a.svelte-xyz + .c.svelte-xyz + .c.svelte-xyz.svelte-xyz { color: green; }
|
||||
.c.svelte-xyz + .c.svelte-xyz + .d.svelte-xyz.svelte-xyz { color: green; }
|
||||
.a.svelte-xyz + .c.svelte-xyz + .c.svelte-xyz + .d.svelte-xyz { color: green; }
|
||||
.a.svelte-xyz + .c:where(.svelte-xyz) + .c:where(.svelte-xyz) { color: green; }
|
||||
.c.svelte-xyz + .c:where(.svelte-xyz) + .d:where(.svelte-xyz) { color: green; }
|
||||
.a.svelte-xyz + .c:where(.svelte-xyz) + .c:where(.svelte-xyz) + .d:where(.svelte-xyz) { color: green; }
|
||||
|
||||
/* no match */
|
||||
/* (unused) .b + .c { color: green; }*/
|
||||
|
||||
@ -1,8 +1,8 @@
|
||||
.a.svelte-xyz + .b.svelte-xyz { color: green; }
|
||||
.a.svelte-xyz + .c.svelte-xyz { color: green; }
|
||||
.a.svelte-xyz + .d.svelte-xyz { color: green; }
|
||||
.b.svelte-xyz + .d.svelte-xyz { color: green; }
|
||||
.c.svelte-xyz + .d.svelte-xyz { color: green; }
|
||||
.a.svelte-xyz + .b:where(.svelte-xyz) { color: green; }
|
||||
.a.svelte-xyz + .c:where(.svelte-xyz) { color: green; }
|
||||
.a.svelte-xyz + .d:where(.svelte-xyz) { color: green; }
|
||||
.b.svelte-xyz + .d:where(.svelte-xyz) { color: green; }
|
||||
.c.svelte-xyz + .d:where(.svelte-xyz) { color: green; }
|
||||
|
||||
/* no match */
|
||||
/* (unused) .b + .c { color: green; }*/
|
||||
|
||||
@ -1,3 +1,3 @@
|
||||
h1.svelte-xyz + span.svelte-xyz {
|
||||
h1.svelte-xyz + span:where(.svelte-xyz) {
|
||||
color: red;
|
||||
}
|
||||
|
||||
@ -1,3 +1,3 @@
|
||||
h1.svelte-xyz + span.svelte-xyz {
|
||||
h1.svelte-xyz + span:where(.svelte-xyz) {
|
||||
color: red;
|
||||
}
|
||||
|
||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in new issue