Skip to content

Commit 9642aa5

Browse files
evilebottnawievilebottnawi
authored
test: css stuff (#855)
1 parent 3338656 commit 9642aa5

File tree

2 files changed

+333
-5
lines changed

2 files changed

+333
-5
lines changed

‎test/__snapshots__/loader.test.js.snap‎

Lines changed: 270 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -157,6 +157,69 @@ Array [
157157
content: \\"\\\\2193\\\\2193\\\\2193\\";
158158
content: \\"\\\\2193 \\\\2193 \\\\2193\\";
159159
}
160+
161+
.-top {}
162+
.-top {}
163+
164+
#\\\\#test {}
165+
166+
.grid {
167+
display: flex;
168+
flex-wrap: wrap;
169+
}
170+
.grid.-top {
171+
align-items: flex-start;
172+
}
173+
.grid.-top {
174+
align-items: flex-start;
175+
}
176+
.grid.-middle {
177+
align-items: center;
178+
}
179+
.grid.-bottom {
180+
align-items: flex-end;
181+
}
182+
183+
.u-m00002b {}
184+
185+
.u-m00002b {}
186+
187+
#u-m\\\\+ {}
188+
189+
body {
190+
font-family: '微软雅黑'; /* some chinese font name */
191+
}
192+
193+
.myStyle {
194+
content: '\\\\e901';
195+
}
196+
197+
.myStyle {
198+
content: '\\\\E901';
199+
}
200+
201+
.♫ {}
202+
203+
.\\\\3A \\\\\`\\\\( {} /* matches elements with class=\\":\`(\\" */
204+
.\\\\31 a2b3c {} /* matches elements with class=\\"1a2b3c\\" */
205+
#\\\\#fake-id {} /* matches the element with id=\\"#fake-id\\" */
206+
#-a-b-c- {} /* matches the element with id=\\"-a-b-c-\\" */
207+
#© {} /* matches the element with id=\\"©\\" */
208+
209+
:root {
210+
--title-align: center;
211+
\\\\--sr-only: {
212+
position: absolute;
213+
width: 1px;
214+
height: 1px;
215+
padding: 0;
216+
overflow: hidden;
217+
clip: rect(0,0,0,0);
218+
white-space: nowrap;
219+
clip-path: inset(50%);
220+
border: 0;
221+
};
222+
}
160223
",
161224
"",
162225
],
@@ -171,7 +234,7 @@ var urlEscape = require(\\"../../src/runtime/url-escape.js\\");
171234
var ___CSS_LOADER_URL___0___ = urlEscape(require(\\"./url/img.png\\"));
172235
173236
// Module
174-
exports.push([module.id, \\"@charset \\\\\\"UTF-8\\\\\\";\\\\n\\\\n/* Comment */\\\\n\\\\n.class {\\\\n color: red;\\\\n background: url(\\" + ___CSS_LOADER_URL___0___ + \\");\\\\n}\\\\n\\\\n.class-duplicate-url {\\\\n background: url(\\" + ___CSS_LOADER_URL___0___ + \\");\\\\n}\\\\n\\\\n:root {\\\\n --foo: 1px;\\\\n --bar: 2px;\\\\n}\\\\n\\\\n.class { a: b c d; }\\\\n\\\\n.two {}\\\\n\\\\n.u-m\\\\\\\\+ { a: b c d; }\\\\n\\\\n.class { content: \\\\\\"\\\\\\\\F10C\\\\\\" }\\\\n\\\\n@media only screen and (max-width: 600px) {\\\\n body {\\\\n background-color: lightblue;\\\\n }\\\\n}\\\\n\\\\n.class {\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193 \\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\\\2193\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193 \\\\\\\\2193 \\\\\\\\2193\\\\\\";\\\\n}\\\\n\\", \\"\\"]);
237+
exports.push([module.id, \\"@charset \\\\\\"UTF-8\\\\\\";\\\\n\\\\n/* Comment */\\\\n\\\\n.class {\\\\n color: red;\\\\n background: url(\\" + ___CSS_LOADER_URL___0___ + \\");\\\\n}\\\\n\\\\n.class-duplicate-url {\\\\n background: url(\\" + ___CSS_LOADER_URL___0___ + \\");\\\\n}\\\\n\\\\n:root {\\\\n --foo: 1px;\\\\n --bar: 2px;\\\\n}\\\\n\\\\n.class { a: b c d; }\\\\n\\\\n.two {}\\\\n\\\\n.u-m\\\\\\\\+ { a: b c d; }\\\\n\\\\n.class { content: \\\\\\"\\\\\\\\F10C\\\\\\" }\\\\n\\\\n@media only screen and (max-width: 600px) {\\\\n body {\\\\n background-color: lightblue;\\\\n }\\\\n}\\\\n\\\\n.class {\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193 \\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\\\2193\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193 \\\\\\\\2193 \\\\\\\\2193\\\\\\";\\\\n}\\\\n\\\\n.-top {}\\\\n.-top {}\\\\n\\\\n#\\\\\\\\#test {}\\\\n\\\\n.grid {\\\\n display: flex;\\\\n flex-wrap: wrap;\\\\n}\\\\n.grid.-top {\\\\n align-items: flex-start;\\\\n}\\\\n.grid.-top {\\\\n align-items: flex-start;\\\\n}\\\\n.grid.-middle {\\\\n align-items: center;\\\\n}\\\\n.grid.-bottom {\\\\n align-items: flex-end;\\\\n}\\\\n\\\\n.u-m00002b {}\\\\n\\\\n.u-m00002b {}\\\\n\\\\n#u-m\\\\\\\\+ {}\\\\n\\\\nbody {\\\\n font-family: '微软雅黑'; /* some chinese font name */\\\\n}\\\\n\\\\n.myStyle {\\\\n content: '\\\\\\\\e901';\\\\n}\\\\n\\\\n.myStyle {\\\\n content: '\\\\\\\\E901';\\\\n}\\\\n\\\\n.♫ {}\\\\n\\\\n.\\\\\\\\3A \\\\\\\\\`\\\\\\\\( {} /* matches elements with class=\\\\\\":\`(\\\\\\" */\\\\n.\\\\\\\\31 a2b3c {} /* matches elements with class=\\\\\\"1a2b3c\\\\\\" */\\\\n#\\\\\\\\#fake-id {} /* matches the element with id=\\\\\\"#fake-id\\\\\\" */\\\\n#-a-b-c- {} /* matches the element with id=\\\\\\"-a-b-c-\\\\\\" */\\\\n#© {} /* matches the element with id=\\\\\\"©\\\\\\" */\\\\n\\\\n:root {\\\\n --title-align: center;\\\\n \\\\\\\\--sr-only: {\\\\n position: absolute;\\\\n width: 1px;\\\\n height: 1px;\\\\n padding: 0;\\\\n overflow: hidden;\\\\n clip: rect(0,0,0,0);\\\\n white-space: nowrap;\\\\n clip-path: inset(50%);\\\\n border: 0;\\\\n };\\\\n}\\\\n\\", \\"\\"]);
175238
176239
"
177240
`;
@@ -335,6 +398,69 @@ Array [
335398
content: \\"\\\\2193\\\\2193\\\\2193\\";
336399
content: \\"\\\\2193 \\\\2193 \\\\2193\\";
337400
}
401+
402+
._1fWEySWrY44TvDnJ8JNxnE {}
403+
._1fWEySWrY44TvDnJ8JNxnE {}
404+
405+
#Zmuw5k7Gg4hpgd6CVBEkq {}
406+
407+
.nz2GDQ2B9PRi6GmzRwbUM {
408+
display: flex;
409+
flex-wrap: wrap;
410+
}
411+
.nz2GDQ2B9PRi6GmzRwbUM._1fWEySWrY44TvDnJ8JNxnE {
412+
align-items: flex-start;
413+
}
414+
.nz2GDQ2B9PRi6GmzRwbUM._1fWEySWrY44TvDnJ8JNxnE {
415+
align-items: flex-start;
416+
}
417+
.nz2GDQ2B9PRi6GmzRwbUM._12Sbi_HmVVsUl9TM-zo3h- {
418+
align-items: center;
419+
}
420+
.nz2GDQ2B9PRi6GmzRwbUM.gpFhy6a0Dyg4XrktE4jA3 {
421+
align-items: flex-end;
422+
}
423+
424+
.YDvxHwoU5TyTmW1oTkKgw {}
425+
426+
.YDvxHwoU5TyTmW1oTkKgw {}
427+
428+
#_3i3CD1fyX8bvzRt1H0IV-f {}
429+
430+
body {
431+
font-family: '微软雅黑'; /* some chinese font name */
432+
}
433+
434+
._3txeRUnk43pQ_ialOcI-1F {
435+
content: '\\\\e901';
436+
}
437+
438+
._3txeRUnk43pQ_ialOcI-1F {
439+
content: '\\\\E901';
440+
}
441+
442+
._3Zu4uw_Urs6mU3AHN6h0NV {}
443+
444+
._2CroCHBxlB1qbFlcySSx5w \\\\\`\\\\( {} /* matches elements with class=\\":\`(\\" */
445+
.tm428Wy5sezAzoTJG2PnX a2b3c {} /* matches elements with class=\\"1a2b3c\\" */
446+
#_2E85FJStrx25rDG2lYWifC {} /* matches the element with id=\\"#fake-id\\" */
447+
#_2pyPm3oWgKQ-rjECcnFYrX {} /* matches the element with id=\\"-a-b-c-\\" */
448+
#_2pmolVDQD2g7wt3ejy2doK {} /* matches the element with id=\\"©\\" */
449+
450+
:root {
451+
--title-align: center;
452+
\\\\--sr-only: {
453+
position: absolute;
454+
width: 1px;
455+
height: 1px;
456+
padding: 0;
457+
overflow: hidden;
458+
clip: rect(0,0,0,0);
459+
white-space: nowrap;
460+
clip-path: inset(50%);
461+
border: 0;
462+
};
463+
}
338464
",
339465
"",
340466
],
@@ -349,14 +475,27 @@ var urlEscape = require(\\"../../src/runtime/url-escape.js\\");
349475
var ___CSS_LOADER_URL___0___ = urlEscape(require(\\"./url/img.png\\"));
350476
351477
// Module
352-
exports.push([module.id, \\"@charset \\\\\\"UTF-8\\\\\\";\\\\n\\\\n/* Comment */\\\\n\\\\n._1PSZ4tK4URrenXyNSoawrx {\\\\n color: red;\\\\n background: url(\\" + ___CSS_LOADER_URL___0___ + \\");\\\\n}\\\\n\\\\n._3YYoEr128Gk7ZgfRycu4tr {\\\\n background: url(\\" + ___CSS_LOADER_URL___0___ + \\");\\\\n}\\\\n\\\\n:root {\\\\n --foo: 1px;\\\\n --bar: 2px;\\\\n}\\\\n\\\\n._1PSZ4tK4URrenXyNSoawrx { a: b c d; }\\\\n\\\\n._1LWD9ZV4XMmN23IPiMONS3 {}\\\\n\\\\n._3i3CD1fyX8bvzRt1H0IV-f { a: b c d; }\\\\n\\\\n._1PSZ4tK4URrenXyNSoawrx { content: \\\\\\"\\\\\\\\F10C\\\\\\" }\\\\n\\\\n@media only screen and (max-width: 600px) {\\\\n body {\\\\n background-color: lightblue;\\\\n }\\\\n}\\\\n\\\\n._1PSZ4tK4URrenXyNSoawrx {\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193 \\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\\\2193\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193 \\\\\\\\2193 \\\\\\\\2193\\\\\\";\\\\n}\\\\n\\", \\"\\"]);
478+
exports.push([module.id, \\"@charset \\\\\\"UTF-8\\\\\\";\\\\n\\\\n/* Comment */\\\\n\\\\n._1PSZ4tK4URrenXyNSoawrx {\\\\n color: red;\\\\n background: url(\\" + ___CSS_LOADER_URL___0___ + \\");\\\\n}\\\\n\\\\n._3YYoEr128Gk7ZgfRycu4tr {\\\\n background: url(\\" + ___CSS_LOADER_URL___0___ + \\");\\\\n}\\\\n\\\\n:root {\\\\n --foo: 1px;\\\\n --bar: 2px;\\\\n}\\\\n\\\\n._1PSZ4tK4URrenXyNSoawrx { a: b c d; }\\\\n\\\\n._1LWD9ZV4XMmN23IPiMONS3 {}\\\\n\\\\n._3i3CD1fyX8bvzRt1H0IV-f { a: b c d; }\\\\n\\\\n._1PSZ4tK4URrenXyNSoawrx { content: \\\\\\"\\\\\\\\F10C\\\\\\" }\\\\n\\\\n@media only screen and (max-width: 600px) {\\\\n body {\\\\n background-color: lightblue;\\\\n }\\\\n}\\\\n\\\\n._1PSZ4tK4URrenXyNSoawrx {\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193 \\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\\\2193\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193 \\\\\\\\2193 \\\\\\\\2193\\\\\\";\\\\n}\\\\n\\\\n._1fWEySWrY44TvDnJ8JNxnE {}\\\\n._1fWEySWrY44TvDnJ8JNxnE {}\\\\n\\\\n#Zmuw5k7Gg4hpgd6CVBEkq {}\\\\n\\\\n.nz2GDQ2B9PRi6GmzRwbUM {\\\\n display: flex;\\\\n flex-wrap: wrap;\\\\n}\\\\n.nz2GDQ2B9PRi6GmzRwbUM._1fWEySWrY44TvDnJ8JNxnE {\\\\n align-items: flex-start;\\\\n}\\\\n.nz2GDQ2B9PRi6GmzRwbUM._1fWEySWrY44TvDnJ8JNxnE {\\\\n align-items: flex-start;\\\\n}\\\\n.nz2GDQ2B9PRi6GmzRwbUM._12Sbi_HmVVsUl9TM-zo3h- {\\\\n align-items: center;\\\\n}\\\\n.nz2GDQ2B9PRi6GmzRwbUM.gpFhy6a0Dyg4XrktE4jA3 {\\\\n align-items: flex-end;\\\\n}\\\\n\\\\n.YDvxHwoU5TyTmW1oTkKgw {}\\\\n\\\\n.YDvxHwoU5TyTmW1oTkKgw {}\\\\n\\\\n#_3i3CD1fyX8bvzRt1H0IV-f {}\\\\n\\\\nbody {\\\\n font-family: '微软雅黑'; /* some chinese font name */\\\\n}\\\\n\\\\n._3txeRUnk43pQ_ialOcI-1F {\\\\n content: '\\\\\\\\e901';\\\\n}\\\\n\\\\n._3txeRUnk43pQ_ialOcI-1F {\\\\n content: '\\\\\\\\E901';\\\\n}\\\\n\\\\n._3Zu4uw_Urs6mU3AHN6h0NV {}\\\\n\\\\n._2CroCHBxlB1qbFlcySSx5w \\\\\\\\\`\\\\\\\\( {} /* matches elements with class=\\\\\\":\`(\\\\\\" */\\\\n.tm428Wy5sezAzoTJG2PnX a2b3c {} /* matches elements with class=\\\\\\"1a2b3c\\\\\\" */\\\\n#_2E85FJStrx25rDG2lYWifC {} /* matches the element with id=\\\\\\"#fake-id\\\\\\" */\\\\n#_2pyPm3oWgKQ-rjECcnFYrX {} /* matches the element with id=\\\\\\"-a-b-c-\\\\\\" */\\\\n#_2pmolVDQD2g7wt3ejy2doK {} /* matches the element with id=\\\\\\"©\\\\\\" */\\\\n\\\\n:root {\\\\n --title-align: center;\\\\n \\\\\\\\--sr-only: {\\\\n position: absolute;\\\\n width: 1px;\\\\n height: 1px;\\\\n padding: 0;\\\\n overflow: hidden;\\\\n clip: rect(0,0,0,0);\\\\n white-space: nowrap;\\\\n clip-path: inset(50%);\\\\n border: 0;\\\\n };\\\\n}\\\\n\\", \\"\\"]);
353479
354480
// Exports
355481
exports.locals = {
482+
\\"31\\": \\"tm428Wy5sezAzoTJG2PnX\\",
356483
\\"class\\": \\"_1PSZ4tK4URrenXyNSoawrx\\",
357484
\\"class-duplicate-url\\": \\"_3YYoEr128Gk7ZgfRycu4tr\\",
358485
\\"two\\": \\"_1LWD9ZV4XMmN23IPiMONS3\\",
359-
\\"u-m+\\": \\"_3i3CD1fyX8bvzRt1H0IV-f\\"
486+
\\"u-m+\\": \\"_3i3CD1fyX8bvzRt1H0IV-f\\",
487+
\\"-top\\": \\"_1fWEySWrY44TvDnJ8JNxnE\\",
488+
\\"#test\\": \\"Zmuw5k7Gg4hpgd6CVBEkq\\",
489+
\\"grid\\": \\"nz2GDQ2B9PRi6GmzRwbUM\\",
490+
\\"-middle\\": \\"_12Sbi_HmVVsUl9TM-zo3h-\\",
491+
\\"-bottom\\": \\"gpFhy6a0Dyg4XrktE4jA3\\",
492+
\\"u-m00002b\\": \\"YDvxHwoU5TyTmW1oTkKgw\\",
493+
\\"myStyle\\": \\"_3txeRUnk43pQ_ialOcI-1F\\",
494+
\\"♫\\": \\"_3Zu4uw_Urs6mU3AHN6h0NV\\",
495+
\\"3A\\": \\"_2CroCHBxlB1qbFlcySSx5w\\",
496+
\\"#fake-id\\": \\"_2E85FJStrx25rDG2lYWifC\\",
497+
\\"-a-b-c-\\": \\"_2pyPm3oWgKQ-rjECcnFYrX\\",
498+
\\"©\\": \\"_2pmolVDQD2g7wt3ejy2doK\\"
360499
};"
361500
`;
362501

@@ -519,6 +658,69 @@ Array [
519658
content: \\"\\\\2193\\\\2193\\\\2193\\";
520659
content: \\"\\\\2193 \\\\2193 \\\\2193\\";
521660
}
661+
662+
.-top {}
663+
.\\\\-top {}
664+
665+
#\\\\#test {}
666+
667+
.grid {
668+
display: flex;
669+
flex-wrap: wrap;
670+
}
671+
.grid.\\\\-top {
672+
align-items: flex-start;
673+
}
674+
.grid.-top {
675+
align-items: flex-start;
676+
}
677+
.grid.\\\\-middle {
678+
align-items: center;
679+
}
680+
.grid.\\\\-bottom {
681+
align-items: flex-end;
682+
}
683+
684+
.u-m\\\\00002b {}
685+
686+
.u-m00002b {}
687+
688+
#u-m\\\\+ {}
689+
690+
body {
691+
font-family: '微软雅黑'; /* some chinese font name */
692+
}
693+
694+
.myStyle {
695+
content: '\\\\e901';
696+
}
697+
698+
.myStyle {
699+
content: '\\\\E901';
700+
}
701+
702+
.♫ {}
703+
704+
.\\\\3A \\\\\`\\\\( {} /* matches elements with class=\\":\`(\\" */
705+
.\\\\31 a2b3c {} /* matches elements with class=\\"1a2b3c\\" */
706+
#\\\\#fake-id {} /* matches the element with id=\\"#fake-id\\" */
707+
#-a-b-c- {} /* matches the element with id=\\"-a-b-c-\\" */
708+
#© {} /* matches the element with id=\\"©\\" */
709+
710+
:root {
711+
--title-align: center;
712+
--sr-only: {
713+
position: absolute;
714+
width: 1px;
715+
height: 1px;
716+
padding: 0;
717+
overflow: hidden;
718+
clip: rect(0,0,0,0);
719+
white-space: nowrap;
720+
clip-path: inset(50%);
721+
border: 0;
722+
};
723+
}
522724
",
523725
"",
524726
],
@@ -533,7 +735,7 @@ var urlEscape = require(\\"../../src/runtime/url-escape.js\\");
533735
var ___CSS_LOADER_URL___0___ = urlEscape(require(\\"./url/img.png\\"));
534736
535737
// Module
536-
exports.push([module.id, \\"@charset \\\\\\"UTF-8\\\\\\";\\\\n\\\\n/* Comment */\\\\n\\\\n.class {\\\\n color: red;\\\\n background: url(\\" + ___CSS_LOADER_URL___0___ + \\");\\\\n}\\\\n\\\\n.class-duplicate-url {\\\\n background: url(\\" + ___CSS_LOADER_URL___0___ + \\");\\\\n}\\\\n\\\\n:root {\\\\n --foo: 1px;\\\\n --bar: 2px;\\\\n}\\\\n\\\\n.class { a: b c d; }\\\\n\\\\n.two {}\\\\n\\\\n.u-m\\\\\\\\+ { a: b c d; }\\\\n\\\\n.class { content: \\\\\\"\\\\\\\\F10C\\\\\\" }\\\\n\\\\n@media only screen and (max-width: 600px) {\\\\n body {\\\\n background-color: lightblue;\\\\n }\\\\n}\\\\n\\\\n.class {\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193 \\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\\\2193\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193 \\\\\\\\2193 \\\\\\\\2193\\\\\\";\\\\n}\\\\n\\", \\"\\"]);
738+
exports.push([module.id, \\"@charset \\\\\\"UTF-8\\\\\\";\\\\n\\\\n/* Comment */\\\\n\\\\n.class {\\\\n color: red;\\\\n background: url(\\" + ___CSS_LOADER_URL___0___ + \\");\\\\n}\\\\n\\\\n.class-duplicate-url {\\\\n background: url(\\" + ___CSS_LOADER_URL___0___ + \\");\\\\n}\\\\n\\\\n:root {\\\\n --foo: 1px;\\\\n --bar: 2px;\\\\n}\\\\n\\\\n.class { a: b c d; }\\\\n\\\\n.two {}\\\\n\\\\n.u-m\\\\\\\\+ { a: b c d; }\\\\n\\\\n.class { content: \\\\\\"\\\\\\\\F10C\\\\\\" }\\\\n\\\\n@media only screen and (max-width: 600px) {\\\\n body {\\\\n background-color: lightblue;\\\\n }\\\\n}\\\\n\\\\n.class {\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193 \\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\\\2193\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193 \\\\\\\\2193 \\\\\\\\2193\\\\\\";\\\\n}\\\\n\\\\n.-top {}\\\\n.\\\\\\\\-top {}\\\\n\\\\n#\\\\\\\\#test {}\\\\n\\\\n.grid {\\\\n display: flex;\\\\n flex-wrap: wrap;\\\\n}\\\\n.grid.\\\\\\\\-top {\\\\n align-items: flex-start;\\\\n}\\\\n.grid.-top {\\\\n align-items: flex-start;\\\\n}\\\\n.grid.\\\\\\\\-middle {\\\\n align-items: center;\\\\n}\\\\n.grid.\\\\\\\\-bottom {\\\\n align-items: flex-end;\\\\n}\\\\n\\\\n.u-m\\\\\\\\00002b {}\\\\n\\\\n.u-m00002b {}\\\\n\\\\n#u-m\\\\\\\\+ {}\\\\n\\\\nbody {\\\\n font-family: '微软雅黑'; /* some chinese font name */\\\\n}\\\\n\\\\n.myStyle {\\\\n content: '\\\\\\\\e901';\\\\n}\\\\n\\\\n.myStyle {\\\\n content: '\\\\\\\\E901';\\\\n}\\\\n\\\\n.♫ {}\\\\n\\\\n.\\\\\\\\3A \\\\\\\\\`\\\\\\\\( {} /* matches elements with class=\\\\\\":\`(\\\\\\" */\\\\n.\\\\\\\\31 a2b3c {} /* matches elements with class=\\\\\\"1a2b3c\\\\\\" */\\\\n#\\\\\\\\#fake-id {} /* matches the element with id=\\\\\\"#fake-id\\\\\\" */\\\\n#-a-b-c- {} /* matches the element with id=\\\\\\"-a-b-c-\\\\\\" */\\\\n#© {} /* matches the element with id=\\\\\\"©\\\\\\" */\\\\n\\\\n:root {\\\\n --title-align: center;\\\\n --sr-only: {\\\\n position: absolute;\\\\n width: 1px;\\\\n height: 1px;\\\\n padding: 0;\\\\n overflow: hidden;\\\\n clip: rect(0,0,0,0);\\\\n white-space: nowrap;\\\\n clip-path: inset(50%);\\\\n border: 0;\\\\n };\\\\n}\\\\n\\", \\"\\"]);
537739
538740
"
539741
`;
@@ -697,6 +899,69 @@ Array [
697899
content: \\"\\\\2193\\\\2193\\\\2193\\";
698900
content: \\"\\\\2193 \\\\2193 \\\\2193\\";
699901
}
902+
903+
.-top {}
904+
.\\\\-top {}
905+
906+
#\\\\#test {}
907+
908+
.grid {
909+
display: flex;
910+
flex-wrap: wrap;
911+
}
912+
.grid.\\\\-top {
913+
align-items: flex-start;
914+
}
915+
.grid.-top {
916+
align-items: flex-start;
917+
}
918+
.grid.\\\\-middle {
919+
align-items: center;
920+
}
921+
.grid.\\\\-bottom {
922+
align-items: flex-end;
923+
}
924+
925+
.u-m\\\\00002b {}
926+
927+
.u-m00002b {}
928+
929+
#u-m\\\\+ {}
930+
931+
body {
932+
font-family: '微软雅黑'; /* some chinese font name */
933+
}
934+
935+
.myStyle {
936+
content: '\\\\e901';
937+
}
938+
939+
.myStyle {
940+
content: '\\\\E901';
941+
}
942+
943+
.♫ {}
944+
945+
.\\\\3A \\\\\`\\\\( {} /* matches elements with class=\\":\`(\\" */
946+
.\\\\31 a2b3c {} /* matches elements with class=\\"1a2b3c\\" */
947+
#\\\\#fake-id {} /* matches the element with id=\\"#fake-id\\" */
948+
#-a-b-c- {} /* matches the element with id=\\"-a-b-c-\\" */
949+
#© {} /* matches the element with id=\\"©\\" */
950+
951+
:root {
952+
--title-align: center;
953+
--sr-only: {
954+
position: absolute;
955+
width: 1px;
956+
height: 1px;
957+
padding: 0;
958+
overflow: hidden;
959+
clip: rect(0,0,0,0);
960+
white-space: nowrap;
961+
clip-path: inset(50%);
962+
border: 0;
963+
};
964+
}
700965
",
701966
"",
702967
],
@@ -711,7 +976,7 @@ var urlEscape = require(\\"../../src/runtime/url-escape.js\\");
711976
var ___CSS_LOADER_URL___0___ = urlEscape(require(\\"./url/img.png\\"));
712977
713978
// Module
714-
exports.push([module.id, \\"@charset \\\\\\"UTF-8\\\\\\";\\\\n\\\\n/* Comment */\\\\n\\\\n.class {\\\\n color: red;\\\\n background: url(\\" + ___CSS_LOADER_URL___0___ + \\");\\\\n}\\\\n\\\\n.class-duplicate-url {\\\\n background: url(\\" + ___CSS_LOADER_URL___0___ + \\");\\\\n}\\\\n\\\\n:root {\\\\n --foo: 1px;\\\\n --bar: 2px;\\\\n}\\\\n\\\\n.class { a: b c d; }\\\\n\\\\n.two {}\\\\n\\\\n.u-m\\\\\\\\+ { a: b c d; }\\\\n\\\\n.class { content: \\\\\\"\\\\\\\\F10C\\\\\\" }\\\\n\\\\n@media only screen and (max-width: 600px) {\\\\n body {\\\\n background-color: lightblue;\\\\n }\\\\n}\\\\n\\\\n.class {\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193 \\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\\\2193\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193 \\\\\\\\2193 \\\\\\\\2193\\\\\\";\\\\n}\\\\n\\", \\"\\"]);
979+
exports.push([module.id, \\"@charset \\\\\\"UTF-8\\\\\\";\\\\n\\\\n/* Comment */\\\\n\\\\n.class {\\\\n color: red;\\\\n background: url(\\" + ___CSS_LOADER_URL___0___ + \\");\\\\n}\\\\n\\\\n.class-duplicate-url {\\\\n background: url(\\" + ___CSS_LOADER_URL___0___ + \\");\\\\n}\\\\n\\\\n:root {\\\\n --foo: 1px;\\\\n --bar: 2px;\\\\n}\\\\n\\\\n.class { a: b c d; }\\\\n\\\\n.two {}\\\\n\\\\n.u-m\\\\\\\\+ { a: b c d; }\\\\n\\\\n.class { content: \\\\\\"\\\\\\\\F10C\\\\\\" }\\\\n\\\\n@media only screen and (max-width: 600px) {\\\\n body {\\\\n background-color: lightblue;\\\\n }\\\\n}\\\\n\\\\n.class {\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193 \\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193\\\\\\\\2193\\\\\\\\2193\\\\\\";\\\\n content: \\\\\\"\\\\\\\\2193 \\\\\\\\2193 \\\\\\\\2193\\\\\\";\\\\n}\\\\n\\\\n.-top {}\\\\n.\\\\\\\\-top {}\\\\n\\\\n#\\\\\\\\#test {}\\\\n\\\\n.grid {\\\\n display: flex;\\\\n flex-wrap: wrap;\\\\n}\\\\n.grid.\\\\\\\\-top {\\\\n align-items: flex-start;\\\\n}\\\\n.grid.-top {\\\\n align-items: flex-start;\\\\n}\\\\n.grid.\\\\\\\\-middle {\\\\n align-items: center;\\\\n}\\\\n.grid.\\\\\\\\-bottom {\\\\n align-items: flex-end;\\\\n}\\\\n\\\\n.u-m\\\\\\\\00002b {}\\\\n\\\\n.u-m00002b {}\\\\n\\\\n#u-m\\\\\\\\+ {}\\\\n\\\\nbody {\\\\n font-family: '微软雅黑'; /* some chinese font name */\\\\n}\\\\n\\\\n.myStyle {\\\\n content: '\\\\\\\\e901';\\\\n}\\\\n\\\\n.myStyle {\\\\n content: '\\\\\\\\E901';\\\\n}\\\\n\\\\n.♫ {}\\\\n\\\\n.\\\\\\\\3A \\\\\\\\\`\\\\\\\\( {} /* matches elements with class=\\\\\\":\`(\\\\\\" */\\\\n.\\\\\\\\31 a2b3c {} /* matches elements with class=\\\\\\"1a2b3c\\\\\\" */\\\\n#\\\\\\\\#fake-id {} /* matches the element with id=\\\\\\"#fake-id\\\\\\" */\\\\n#-a-b-c- {} /* matches the element with id=\\\\\\"-a-b-c-\\\\\\" */\\\\n#© {} /* matches the element with id=\\\\\\"©\\\\\\" */\\\\n\\\\n:root {\\\\n --title-align: center;\\\\n --sr-only: {\\\\n position: absolute;\\\\n width: 1px;\\\\n height: 1px;\\\\n padding: 0;\\\\n overflow: hidden;\\\\n clip: rect(0,0,0,0);\\\\n white-space: nowrap;\\\\n clip-path: inset(50%);\\\\n border: 0;\\\\n };\\\\n}\\\\n\\", \\"\\"]);
715980
716981
"
717982
`;

0 commit comments

Comments
 (0)