mirror of https://github.com/sveltejs/svelte
parent
40e6b4fc11
commit
87a8e37150
@ -1,3 +0,0 @@
|
||||
export default {
|
||||
cascade: false
|
||||
};
|
@ -1,3 +0,0 @@
|
||||
export default {
|
||||
cascade: false
|
||||
};
|
@ -1 +1 @@
|
||||
div.svelte-xyz,.svelte-xyz div{color:red}
|
||||
div.svelte-xyz{color:red}
|
@ -1,3 +0,0 @@
|
||||
export default {
|
||||
cascade: false
|
||||
};
|
@ -1,3 +0,0 @@
|
||||
export default {
|
||||
cascade: false
|
||||
};
|
@ -1,3 +0,0 @@
|
||||
export default {
|
||||
cascade: false
|
||||
};
|
@ -1,3 +0,0 @@
|
||||
export default {
|
||||
cascade: false
|
||||
};
|
@ -1,3 +0,0 @@
|
||||
export default {
|
||||
cascade: false
|
||||
};
|
@ -1 +0,0 @@
|
||||
@keyframes svelte-xyz-why{0%{color:red}100%{color:blue}}.animated.svelte-xyz{animation:svelte-xyz-why 2s}.also-animated.svelte-xyz{animation:not-defined-here 2s}
|
@ -1,17 +0,0 @@
|
||||
<div class='animated'>animated</div>
|
||||
<div class='also-animated'>also animated</div>
|
||||
|
||||
<style>
|
||||
@keyframes why {
|
||||
0% { color: red; }
|
||||
100% { color: blue; }
|
||||
}
|
||||
|
||||
.animated {
|
||||
animation: why 2s;
|
||||
}
|
||||
|
||||
.also-animated {
|
||||
animation: not-defined-here 2s;
|
||||
}
|
||||
</style>
|
@ -1,3 +0,0 @@
|
||||
export default {
|
||||
cascade: false
|
||||
};
|
@ -1,3 +0,0 @@
|
||||
export default {
|
||||
cascade: false
|
||||
};
|
@ -1 +0,0 @@
|
||||
.svelte-xyz{color:red}
|
@ -1 +0,0 @@
|
||||
<div class="svelte-xyz"></div>
|
@ -1,7 +0,0 @@
|
||||
<div></div>
|
||||
|
||||
<style>
|
||||
* {
|
||||
color: red;
|
||||
}
|
||||
</style>
|
@ -1,3 +0,0 @@
|
||||
export default {
|
||||
cascade: false
|
||||
};
|
@ -1 +0,0 @@
|
||||
div.svelte-xyz{color:red}div.foo.svelte-xyz{color:blue}.foo.svelte-xyz{font-weight:bold}
|
@ -1,16 +0,0 @@
|
||||
<div>red</div>
|
||||
<div class='foo'>bold/blue</div>
|
||||
|
||||
<style>
|
||||
div {
|
||||
color: red;
|
||||
}
|
||||
|
||||
div.foo {
|
||||
color: blue;
|
||||
}
|
||||
|
||||
.foo {
|
||||
font-weight: bold;
|
||||
}
|
||||
</style>
|
@ -1,3 +0,0 @@
|
||||
export default {
|
||||
cascade: false
|
||||
};
|
@ -1 +1 @@
|
||||
div.svelte-xyz,.svelte-xyz div{--test:10}
|
||||
div.svelte-xyz{--test:10}
|
@ -1,3 +0,0 @@
|
||||
export default {
|
||||
cascade: false
|
||||
};
|
@ -1,4 +1,3 @@
|
||||
export default {
|
||||
cascade: false,
|
||||
dev: true
|
||||
};
|
@ -1 +1 @@
|
||||
@keyframes svelte-xyz-why{0%{color:red}100%{color:blue}}.svelte-xyz.animated,.svelte-xyz .animated{animation:svelte-xyz-why 2s}
|
||||
@keyframes svelte-xyz-why{0%{color:red}100%{color:blue}}.animated.svelte-xyz{animation:svelte-xyz-why 2s}.also-animated.svelte-xyz{animation:not-defined-here 2s}
|
@ -1 +1 @@
|
||||
@media only screen and (min-width: 400px){div.svelte-xyz,.svelte-xyz div{color:red}}
|
||||
@media only screen and (min-width: 400px){div.svelte-xyz{color:red}}
|
@ -1 +1 @@
|
||||
@media(min-width: 400px){.svelte-xyz.large-screen,.svelte-xyz .large-screen{display:block}}
|
||||
@media(min-width: 400px){.large-screen.svelte-xyz{display:block}}
|
@ -1,6 +1,4 @@
|
||||
export default {
|
||||
cascade: false,
|
||||
|
||||
data: {
|
||||
dynamic: 'x'
|
||||
}
|
@ -1,3 +0,0 @@
|
||||
export default {
|
||||
cascade: false
|
||||
};
|
@ -1,3 +0,0 @@
|
||||
export default {
|
||||
cascade: false
|
||||
};
|
@ -1,5 +1,4 @@
|
||||
export default {
|
||||
cascade: false,
|
||||
data: {
|
||||
dynamic: 'whatever'
|
||||
}
|
||||
|
@ -1,3 +0,0 @@
|
||||
export default {
|
||||
cascade: false
|
||||
};
|
@ -1,3 +0,0 @@
|
||||
export default {
|
||||
cascade: false
|
||||
};
|
@ -1,3 +0,0 @@
|
||||
export default {
|
||||
cascade: false
|
||||
};
|
@ -1,3 +0,0 @@
|
||||
export default {
|
||||
cascade: false
|
||||
};
|
@ -1,3 +0,0 @@
|
||||
export default {
|
||||
cascade: false
|
||||
};
|
@ -1,3 +0,0 @@
|
||||
export default {
|
||||
cascade: false
|
||||
};
|
@ -1,3 +0,0 @@
|
||||
export default {
|
||||
cascade: false
|
||||
};
|
@ -1,3 +0,0 @@
|
||||
export default {
|
||||
cascade: false
|
||||
};
|
@ -1,6 +1,4 @@
|
||||
export default {
|
||||
cascade: false,
|
||||
|
||||
data: {
|
||||
raw: '<p>raw</p>'
|
||||
}
|
||||
|
@ -1,6 +1,4 @@
|
||||
export default {
|
||||
cascade: false,
|
||||
|
||||
data: {
|
||||
raw: '<p>raw</p>'
|
||||
}
|
||||
|
@ -1,6 +1,4 @@
|
||||
export default {
|
||||
cascade: false,
|
||||
|
||||
data: {
|
||||
raw: '<p>raw</p>'
|
||||
}
|
||||
|
@ -1,6 +1,4 @@
|
||||
export default {
|
||||
cascade: false,
|
||||
|
||||
data: {
|
||||
raw: '<p>raw</p>'
|
||||
}
|
||||
|
@ -1,6 +1,4 @@
|
||||
export default {
|
||||
cascade: false,
|
||||
|
||||
data: {
|
||||
raw: '<p>raw</p>'
|
||||
}
|
||||
|
@ -1,6 +1,4 @@
|
||||
export default {
|
||||
cascade: false,
|
||||
|
||||
data: {
|
||||
raw: '<p>raw</p>'
|
||||
}
|
||||
|
@ -1,3 +0,0 @@
|
||||
export default {
|
||||
cascade: false
|
||||
};
|
@ -1,3 +0,0 @@
|
||||
export default {
|
||||
cascade: false
|
||||
};
|
@ -1,3 +0,0 @@
|
||||
export default {
|
||||
cascade: false
|
||||
};
|
@ -1,3 +0,0 @@
|
||||
export default {
|
||||
cascade: false
|
||||
};
|
@ -1,3 +0,0 @@
|
||||
export default {
|
||||
cascade: false
|
||||
};
|
@ -1,3 +0,0 @@
|
||||
export default {
|
||||
cascade: false
|
||||
};
|
@ -1 +1 @@
|
||||
.svelte-xyz,.svelte-xyz *{color:red}
|
||||
.svelte-xyz{color:red}
|
@ -1 +1 @@
|
||||
div.svelte-xyz,.svelte-xyz div{@apply --funky-div;}
|
||||
div.svelte-xyz{@apply --funky-div;}
|
@ -1,2 +1,2 @@
|
||||
div.svelte-bzh57p,.svelte-bzh57p div{color:red}
|
||||
div.svelte-4yw8vx,.svelte-4yw8vx div{color:green}
|
||||
div.svelte-bzh57p{color:red}
|
||||
div.svelte-4yw8vx{color:green}
|
@ -1 +1 @@
|
||||
div.svelte-bzh57p,.svelte-bzh57p div{color:red}
|
||||
div.svelte-bzh57p{color:red}
|
@ -1,3 +0,0 @@
|
||||
export default {
|
||||
cascade: false
|
||||
};
|
@ -1,7 +0,0 @@
|
||||
<p class='foo'>red</p>
|
||||
|
||||
<style>
|
||||
.foo {
|
||||
color: red;
|
||||
}
|
||||
</style>
|
@ -1,2 +0,0 @@
|
||||
.foo.svelte-sg04hs{color:red}
|
||||
/*# sourceMappingURL=output.css.map */
|
@ -1,12 +0,0 @@
|
||||
{
|
||||
"version": 3,
|
||||
"file": "output.css",
|
||||
"sources": [
|
||||
"input.html"
|
||||
],
|
||||
"sourcesContent": [
|
||||
"<p class='foo'>red</p>\n\n<style>\n\t.foo {\n\t\tcolor: red;\n\t}\n</style>"
|
||||
],
|
||||
"names": [],
|
||||
"mappings": "AAGC,IAAI,cAAC,CAAC,AACL,KAAK,CAAE,GAAG,AACX,CAAC"
|
||||
}
|
@ -1,17 +0,0 @@
|
||||
export function test ({ assert, smcCss, locateInSource, locateInGeneratedCss }) {
|
||||
const expected = locateInSource( '.foo' );
|
||||
|
||||
const loc = locateInGeneratedCss( '.foo' );
|
||||
|
||||
const actual = smcCss.originalPositionFor({
|
||||
line: loc.line + 1,
|
||||
column: loc.column
|
||||
});
|
||||
|
||||
assert.deepEqual( actual, {
|
||||
source: 'input.html',
|
||||
name: null,
|
||||
line: expected.line + 1,
|
||||
column: expected.column
|
||||
});
|
||||
}
|
@ -1,2 +1,2 @@
|
||||
.svelte-sg04hs.foo,.svelte-sg04hs .foo{color:red}
|
||||
.foo.svelte-sg04hs{color:red}
|
||||
/*# sourceMappingURL=output.css.map */
|
Loading…
Reference in new issue