responsive-menu / src / app / Mappers / scssphp / tests / inputs / scss_css.scss

scss_css.scss in Responsive Menu – Create Mobile-Friendly Menu 3.0.6, at src/app/Mappers/scssphp/tests/inputs/scss_css.scss

987 lines 8.2 KB

Raw Download Zip

1	[foo~=bar]~=bar] {
2	a: b; }
3
4
5	[foo^=bar]^=bar] {
6	a: b; }
7
8
9	[foo$=bar]$=bar] {
10	a: b; }
11
12
13	[foo=bar]=bar] {
14	a: b; }
15
16
17	[foo\|=en]\|=en] {
18	a: b; }
19
20
21	foo {
22	a: 2;
23	b: 2.3em;
24	c: 50%;
25	d: "fraz bran";
26	e: flanny-blanny-blan;
27	f: url(http://sass-lang.com);
28	// g: U+ffa?;
29	h: #aabbcc; }
30
31
32	selector {
33	property: value;
34	property2: value; }
35
36
37	sel{p:v}
38
39	.foo {
40	/* Foo
41	Bar
42	Baz */
43	a: b; }
44
45
46	.foo {
47	/* Foo
48	Bar
49	Baz */
50	a: b; }
51
52
53	.foo {/* Foo
54	Bar */
55	a: b; }
56
57
58	.foo {/* Foo
59	Bar
60	Baz */
61	a: b; }
62
63
64	@foo {
65	rule {
66	a: b; }
67
68	a: b; }
69
70
71	@foo {a:b};
72	@bar {a:b};
73
74
75	@foo "bar"
76
77	foo {
78	a: 12px calc(100%/3 - 21em - 21px);
79	b: 12px -moz-calc(100%/3 - 21em - 21px);
80	b: 12px -webkit-calc(100%/3 - 21em - 21px);
81	b: 12px -foobar-calc(100%/3 - 21em - 21px); }
82
83
84	foo {bar: baz}
85	<!--
86	bar {bar: baz}
87	-->
88	baz {bar: baz}
89
90
91	/*
92	* foo
93	*/
94	bar {baz: bang}
95
96
97	E, F {
98	a: b; }
99
100
101	E F, G H {
102	a: b; }
103
104
105	E > F, G > H {
106	a: b; }
107
108
109	/* This is a CSS comment. */
110	.one {color: green;} /* Another comment */
111	/* The following should not be used:
112	.two {color: red;} */
113	.three {color: green; /* color: red; */}
114	/**
115	.four {color: red;} */
116	.five {color: green;}
117	/**/
118	.six {color: green;}
119	/*********/
120	.seven {color: green;}
121	/* a comment **/
122	.eight {color: green;}
123
124
125	foo {
126	a: \foo bar;
127	b: foo\ bar;
128	c: \2022 \0020;
129	d: foo\\bar;
130	e: foo\"\'bar; }
131
132
133	foo {
134	a: "\foo bar";
135	b: "foo\ bar";
136	c: "\2022 \0020";
137	d: "foo\\bar";
138	e: "foo\"'bar"; }
139
140
141	foo {
142	_name: val;
143	*name: val;
144	:name: val;
145	.name: val;
146	#name: val;
147	name/**/: val;
148	name/\*/: val;
149	name: val; }
150
151
152	@foo "bar" ;
153
154	foo {
155	a: -moz-element(#foo);
156	b: -webkit-element(#foo);
157	b: -foobar-element(#foo); }
158
159
160	@foo {}
161
162	@foo {
163	}
164
165
166	@foo;
167
168	foo {;;;;
169	bar: baz;;;;
170	;;}
171
172
173	#foo .bar {}
174
175	#foo .bar {
176	}
177
178
179	0% {
180	a: b; }
181
182
183	60% {
184	a: b; }
185
186
187	100% {
188	a: b; }
189
190
191	12px {
192	a: b; }
193
194
195	"foo" {
196	a: b; }
197
198
199	foo {
200	a: 12px expression(1 + (3 / Foo.bar("baz" + "bang") + function() {return 12;}) % 12); }
201
202
203	:foo("bar") {
204	a: b; }
205
206
207	:foo(bar) {
208	a: b; }
209
210
211	:foo(12px) {
212	a: b; }
213
214
215	:foo(+) {
216	a: b; }
217
218
219	:foo(-) {
220	a: b; }
221
222
223	:foo(+"bar") {
224	a: b; }
225
226
227	:foo(-++--baz-"bar"12px) {
228	a: b; }
229
230
231	foo {
232	a: foo-bar(12);
233	b: -foo-bar-baz(13, 14 15); }
234
235
236	@import "foo.css";
237
238	@import 'foo.css';
239
240	@import url("foo.css");
241
242	@import url('foo.css');
243
244	@import url(foo.css);
245
246	@import "foo.css" screen;
247
248	@import "foo.css" screen, print;
249
250	@import "foo.css" screen, print and (foo: 0);
251
252	@import "foo.css" screen, only print, screen and (foo: 0);
253
254	foo {
255	a: foo !important;
256	b: foo bar !important;
257	b: foo, bar !important; }
258
259
260	foo {
261	a: -moz-bar-baz;
262	b: foo -o-bar-baz; }
263
264
265	foo {a: /* b; c: */ d}
266
267
268	foo {a /: b; c /: d}
269
270
271	/* Foo
272	* Bar */
273
274
275	.foo {
276	/* Foo
277	* Bar */ }
278
279
280	[foo]] {
281	a: b; }
282
283
284	[foo="bar"]="bar""] {
285	a: b; }
286
287
288	[foo~="bar"]~="bar""] {
289	a: b; }
290
291
292	[foo^="bar"]^="bar""] {
293	a: b; }
294
295
296	[foo$="bar"]$="bar""] {
297	a: b; }
298
299
300	[foo="bar"]="bar""] {
301	a: b; }
302
303
304	[foo\|="en"]\|="en""] {
305	a: b; }
306
307
308	:root {
309	a: b; }
310
311
312	:nth-child(n) {
313	a: b; }
314
315
316	:nth-last-child(n) {
317	a: b; }
318
319
320	:nth-of-type(n) {
321	a: b; }
322
323
324	:nth-last-of-type(n) {
325	a: b; }
326
327
328	:first-child {
329	a: b; }
330
331
332	:last-child {
333	a: b; }
334
335
336	:first-of-type {
337	a: b; }
338
339
340	:last-of-type {
341	a: b; }
342
343
344	:only-child {
345	a: b; }
346
347
348	:only-of-type {
349	a: b; }
350
351
352	:empty {
353	a: b; }
354
355
356	:link {
357	a: b; }
358
359
360	:visited {
361	a: b; }
362
363
364	:active {
365	a: b; }
366
367
368	:hover {
369	a: b; }
370
371
372	:focus {
373	a: b; }
374
375
376	:target {
377	a: b; }
378
379
380	:lang(fr) {
381	a: b; }
382
383
384	:enabled {
385	a: b; }
386
387
388	:disabled {
389	a: b; }
390
391
392	:checked {
393	a: b; }
394
395
396	::first-line {
397	a: b; }
398
399
400	::first-letter {
401	a: b; }
402
403
404	::before {
405	a: b; }
406
407
408	::after {
409	a: b; }
410
411
412	.warning {
413	a: b; }
414
415
416	#myid {
417	a: b; }
418
419
420	:not(s) {
421	a: b; }
422
423
424	@media all {
425	rule1 {
426	prop: val; }
427
428	rule2 {
429	prop: val; } }
430
431
432	@media screen, print {
433	rule1 {
434	prop: val; }
435
436	rule2 {
437	prop: val; } }
438
439
440	@media screen and (-webkit-min-device-pixel-ratio:0) {
441	a: b; }
442
443
444	@media only screen, print and (foo: 0px) and (bar: flam(12px solid)) {
445	a: b; }
446
447
448	:-moz-any(h1, h2, h3) {
449	a: b; }
450
451
452	:-moz-any(.foo) {
453	a: b; }
454
455
456	:-moz-any(foo bar, .baz > .bang) {
457	a: b; }
458
459
460	@-moz-document url(http://www.w3.org/),
461	url-prefix(http://www.w3.org/Style/),
462	domain(mozilla.org),
463	regexp("^https:.*") {
464	.foo {a: b}
465	}
466
467
468	foo {
469	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#c0ff3300, endColorstr=#ff000000);
470	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#c0ff3300, endColorstr=#ff000000); }
471
472
473	foo {
474	filter: alpha(opacity=20);
475	filter: alpha(opacity=20, enabled=true);
476	filter: blaznicate(foo=bar, baz=bang bip, bart=#fa4600); }
477
478
479	@foo bar {
480	a: b; }
481
482	@bar baz {
483	c: d; }
484
485
486	@foo bar;
487	@bar baz;
488
489
490	/* Foo
491	* Bar */
492	/* Baz
493	* Bang */
494
495
496	.foo {
497	/* Foo
498	* Bar */
499	/* Baz
500	* Bang */ }
501
502
503	.foo {
504	/* Foo Bar // Baz Bang */ }
505
506
507	@namespace "http://www.w3.org/Profiles/xhtml1-strict";
508
509	@namespace url(http://www.w3.org/Profiles/xhtml1-strict);
510
511	@namespace html url("http://www.w3.org/Profiles/xhtml1-strict");
512
513	[foo\|bar=baz] {
514	a: b; }
515
516
517	[*\|bar=baz] {
518	a: b; }
519
520
521	[foo\|bar\|=baz] {
522	a: b; }
523
524
525	foo\|E {
526	a: b; }
527
528
529	*\|E {
530	a: b; }
531
532
533	foo\|* {
534	a: b; }
535
536
537	\| {
538	a: b; }
539
540
541	:not(foo\|bar) {
542	a: b; }
543
544
545	:not(*\|bar) {
546	a: b; }
547
548
549	:not(foo\|*) {
550	a: b; }
551
552
553	:not(\|) {
554	a: b; }
555
556
557	:not(#blah) {
558	a: b; }
559
560
561	:not(.blah) {
562	a: b; }
563
564
565	:not([foo]) {
566	a: b; }
567
568
569	:not([foo^="bar"]) {
570	a: b; }
571
572
573	:not([baz\|foo~="bar"]) {
574	a: b; }
575
576
577	:not(:hover) {
578	a: b; }
579
580
581	:not(:nth-child(2n + 3)) {
582	a: b; }
583
584
585	:not(:not(#foo)) {
586	a: b; }
587
588
589	:not(a#foo.bar) {
590	a: b; }
591
592
593	:not(#foo .bar > baz) {
594	a: b; }
595
596
597	:not(h1, h2, h3) {
598	a: b; }
599
600
601	@mixin foo {
602	a: b; }
603
604
605	foo {
606	a: "bang #{1 + " bar "} bip"; }
607
608
609	:nth-child(-n) {
610	a: b; }
611
612
613	:nth-child(+n) {
614	a: b; }
615
616
617	:nth-child(even) {
618	a: b; }
619
620
621	:nth-child(odd) {
622	a: b; }
623
624
625	:nth-child(50) {
626	a: b; }
627
628
629	:nth-child(-50) {
630	a: b; }
631
632
633	:nth-child(+50) {
634	a: b; }
635
636
637	:nth-child(2n+3) {
638	a: b; }
639
640
641	:nth-child(2n-3) {
642	a: b; }
643
644
645	:nth-child(+2n-3) {
646	a: b; }
647
648
649	:nth-child(-2n+3) {
650	a: b; }
651
652
653	:nth-child(-2n+ 3) {
654	a: b; }
655
656
657	:nth-child( 2n + 3 ) {
658	a: b; }
659
660
661	foo {
662	a: foo bar baz;
663	b: foo, #aabbcc, -12;
664	c: 1px/2px/-3px;
665	d: foo bar, baz/bang; }
666
667
668	@page {
669	prop1: val;
670	prop2: val; }
671
672
673	@page flap {
674	prop1: val;
675	prop2: val; }
676
677
678	@page :first {
679	prop1: val;
680	prop2: val; }
681
682
683	@page flap:first {
684	prop1: val;
685	prop2: val; }
686
687
688	.foo {
689	/* Foo */
690	a: b; }
691
692
693	.foo {
694	/* Foo
695	* Bar */a: b; }
696
697
698	/* Foo */
699	.foo {
700	a: b; }
701
702
703	/* Foo
704	* Bar */.foo {
705	a: b; }
706
707
708	.foo /* .a #foo / #bar:baz(/ bang )*/ bip) {
709	a: b; }
710
711
712	> E {
713	a: b; }
714
715
716	+ E {
717	a: b; }
718
719
720	~ E {
721	a: b; }
722
723
724	> > E {
725	a: b; }
726
727
728	>> E {
729	a: b; }
730
731
732	E* {
733	a: b; }
734
735
736	E*.foo {
737	a: b; }
738
739
740	E*:hover {
741	a: b; }
742
743
744	E,
745	F {
746	a: b; }
747
748
749	E
750	F {
751	a: b; }
752
753
754	E, F
755	G, H {
756	a: b; }
757
758
759	body {
760	/*
761	//comment here
762	*/
763	}
764
765
766	E>F { a: b;}
767
768	E~F { a: b;}
769
770	E+F { a: b;}
771
772	* {
773	a: b; }
774
775
776	E {
777	a: b; }
778
779
780	E[foo]] {
781	a: b; }
782
783
784	E[foo="bar"]="bar""] {
785	a: b; }
786
787
788	E[foo~="bar"]~="bar""] {
789	a: b; }
790
791
792	E[foo^="bar"]^="bar""] {
793	a: b; }
794
795
796	E[foo$="bar"]$="bar""] {
797	a: b; }
798
799
800	E[foo="bar"]="bar""] {
801	a: b; }
802
803
804	E[foo\|="en"]\|="en""] {
805	a: b; }
806
807
808	E:root {
809	a: b; }
810
811
812	E:nth-child(n) {
813	a: b; }
814
815
816	E:nth-last-child(n) {
817	a: b; }
818
819
820	E:nth-of-type(n) {
821	a: b; }
822
823
824	E:nth-last-of-type(n) {
825	a: b; }
826
827
828	E:first-child {
829	a: b; }
830
831
832	E:last-child {
833	a: b; }
834
835
836	E:first-of-type {
837	a: b; }
838
839
840	E:last-of-type {
841	a: b; }
842
843
844	E:only-child {
845	a: b; }
846
847
848	E:only-of-type {
849	a: b; }
850
851
852	E:empty {
853	a: b; }
854
855
856	E:link {
857	a: b; }
858
859
860	E:visited {
861	a: b; }
862
863
864	E:active {
865	a: b; }
866
867
868	E:hover {
869	a: b; }
870
871
872	E:focus {
873	a: b; }
874
875
876	E:target {
877	a: b; }
878
879
880	E:lang(fr) {
881	a: b; }
882
883
884	E:enabled {
885	a: b; }
886
887
888	E:disabled {
889	a: b; }
890
891
892	E:checked {
893	a: b; }
894
895
896	E::first-line {
897	a: b; }
898
899
900	E::first-letter {
901	a: b; }
902
903
904	E::before {
905	a: b; }
906
907
908	E::after {
909	a: b; }
910
911
912	E.warning {
913	a: b; }
914
915
916	E#myid {
917	a: b; }
918
919
920	E:not(s) {
921	a: b; }
922
923
924	E F {
925	a: b; }
926
927
928	E > F {
929	a: b; }
930
931
932	E + F {
933	a: b; }
934
935
936	E ~ F {
937	a: b; }
938
939
940	@supports (a: b) and (c: d) or (not (d: e)) and ((not (f: g)) or (not ((h: i) and (j: k)))) {
941	.foo {
942	a: b;
943	}
944	}
945
946
947	@-prefix-supports (a: b) and (c: d) or (not (d: e)) and ((not (f: g)) or (not ((h: i) and (j: k)))) {
948	.foo {
949	a: b;
950	}
951	}
952
953
954	foo {
955	foo: bar;
956	#baz: bang;
957	#bip: bop; }
958
959
960	foo {
961	a: -2;
962	b: -2.3em;
963	c: -50%;
964	d: -foo(bar baz); }
965
966
967	foo {
968	a: -0.5em;
969	b: +0.5em;
970	c: -foo(12px);
971	d: +foo(12px);
972	}
973
974
975	@charset "UTF-8";
976
977	foo {
978	-moz-foo-bar: blat;
979	-o-flat-blang: wibble; }
980
981
982	foo {
983	a: foo();
984	b: bar baz-bang() bip; }
985
986
987