mirror of https://github.com/sveltejs/svelte
parent
3dfe92b54f
commit
45dd99d6db
@ -0,0 +1,3 @@
|
||||
export default {
|
||||
cascade: false
|
||||
};
|
@ -0,0 +1,4 @@
|
||||
|
||||
[data-foo*='bar'][svelte-4224841812] {
|
||||
color: red;
|
||||
}
|
@ -0,0 +1,2 @@
|
||||
<div><p svelte-4224841812="" data-foo="foobarbaz">this is styled</p>
|
||||
<p data-foo="fooBARbaz">this is unstyled</p></div>
|
@ -0,0 +1,10 @@
|
||||
<div>
|
||||
<p data-foo='foobarbaz'>this is styled</p>
|
||||
<p data-foo='fooBARbaz'>this is unstyled</p>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
[data-foo*='bar'] {
|
||||
color: red;
|
||||
}
|
||||
</style>
|
@ -0,0 +1,3 @@
|
||||
export default {
|
||||
cascade: false
|
||||
};
|
@ -0,0 +1,4 @@
|
||||
|
||||
[data-foo='bar' i][svelte-4191913977] {
|
||||
color: red;
|
||||
}
|
@ -0,0 +1,2 @@
|
||||
<div><p svelte-4191913977="" data-foo="BAR">this is styled</p>
|
||||
<p data-foo="BAZ">this is unstyled</p></div>
|
@ -0,0 +1,10 @@
|
||||
<div>
|
||||
<p data-foo='BAR'>this is styled</p>
|
||||
<p data-foo='BAZ'>this is unstyled</p>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
[data-foo='bar' i] {
|
||||
color: red;
|
||||
}
|
||||
</style>
|
@ -0,0 +1,3 @@
|
||||
export default {
|
||||
cascade: false
|
||||
};
|
@ -0,0 +1,4 @@
|
||||
|
||||
[data-foo|='bar'][svelte-1225676040] {
|
||||
color: red;
|
||||
}
|
@ -0,0 +1,3 @@
|
||||
<div><p svelte-1225676040="" data-foo="bar">this is styled</p>
|
||||
<p svelte-1225676040="" data-foo="bar-baz">this is styled</p>
|
||||
<p data-foo="baz-bar">this is unstyled</p></div>
|
@ -0,0 +1,11 @@
|
||||
<div>
|
||||
<p data-foo='bar'>this is styled</p>
|
||||
<p data-foo='bar-baz'>this is styled</p>
|
||||
<p data-foo='baz-bar'>this is unstyled</p>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
[data-foo|='bar'] {
|
||||
color: red;
|
||||
}
|
||||
</style>
|
@ -0,0 +1,3 @@
|
||||
export default {
|
||||
cascade: false
|
||||
};
|
@ -0,0 +1,4 @@
|
||||
|
||||
[data-foo^='bar'][svelte-3106767242] {
|
||||
color: red;
|
||||
}
|
@ -0,0 +1,2 @@
|
||||
<div><p svelte-3106767242="" data-foo="barbaz">this is styled</p>
|
||||
<p data-foo="bazbar">this is unstyled</p></div>
|
@ -0,0 +1,10 @@
|
||||
<div>
|
||||
<p data-foo='barbaz'>this is styled</p>
|
||||
<p data-foo='bazbar'>this is unstyled</p>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
[data-foo^='bar'] {
|
||||
color: red;
|
||||
}
|
||||
</style>
|
@ -0,0 +1,3 @@
|
||||
export default {
|
||||
cascade: false
|
||||
};
|
@ -0,0 +1,4 @@
|
||||
|
||||
[data-foo$='bar'][svelte-207782622] {
|
||||
color: red;
|
||||
}
|
@ -0,0 +1,2 @@
|
||||
<div><p data-foo="barbaz">this is unstyled</p>
|
||||
<p svelte-207782622="" data-foo="bazbar">this is styled</p></div>
|
@ -0,0 +1,10 @@
|
||||
<div>
|
||||
<p data-foo='barbaz'>this is unstyled</p>
|
||||
<p data-foo='bazbar'>this is styled</p>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
[data-foo$='bar'] {
|
||||
color: red;
|
||||
}
|
||||
</style>
|
@ -1,6 +0,0 @@
|
||||
export default {
|
||||
cascade: false,
|
||||
data: {
|
||||
dynamic: 'whatever'
|
||||
}
|
||||
};
|
@ -1,4 +0,0 @@
|
||||
|
||||
[data-foo~='bar'][svelte-25731322] {
|
||||
color: red;
|
||||
}
|
@ -1,2 +0,0 @@
|
||||
<div><p svelte-25731322="" data-foo="whatever">this is styled</p>
|
||||
<p data-foo="qux baz">this is unstyled</p></div>
|
@ -1,10 +0,0 @@
|
||||
<div>
|
||||
<p data-foo='{{dynamic}}'>this is styled</p>
|
||||
<p data-foo='qux baz'>this is unstyled</p>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
[data-foo~='bar'] {
|
||||
color: red;
|
||||
}
|
||||
</style>
|
Loading…
Reference in new issue