Differential D14137 Diff 37912 autotests/folding/highlight.css.fold

Changeset View

Standalone View

View Options

autotests/folding/highlight.css.fold

Show First 20 Lines • Show All 41 Lines • ▼ Show 20 Line(s)41 <beginfold id='1'>{</beginfold id='1'>
42 display: none; 42​ display: none;
43 <endfold id='1'>}</endfold id='1'> 43​ <endfold id='1'>}</endfold id='1'>
44 44​
45<endfold id='1'>}</endfold id='1'> 45​<endfold id='1'>}</endfold id='1'>
46 46​
47<beginfold id='3'>/*</beginfold id='3'> 47​<beginfold id='3'>/*</beginfold id='3'>
48TODO: add more tests, e.g. media 48​TODO: add more tests, e.g. media
49<endfold id='3'>*/</endfold id='3'> 49​<endfold id='3'>*/</endfold id='3'>
50​
51​
52​.nice-look <beginfold id='1'>{</beginfold id='1'>
53​ font-variant-alternates: styleset(nice-style);
54​<endfold id='1'>}</endfold id='1'>
55​
56​ul <beginfold id='1'>{</beginfold id='1'>
57​ list-style: thumbs;
58​<endfold id='1'>}</endfold id='1'>
59​
60​<beginfold id='3'>/*</beginfold id='3'> SVG <a> <endfold id='3'>*/</endfold id='3'>
61​svg|a <beginfold id='1'>{</beginfold id='1'><endfold id='1'>}</endfold id='1'>
62​
63​<beginfold id='3'>/*</beginfold id='3'> XHTML and SVG <a> <endfold id='3'>*/</endfold id='3'>
64​*|a <beginfold id='1'>{</beginfold id='1'><endfold id='1'>}</endfold id='1'>
65​
66​*<beginfold id='1'>{</beginfold id='1'><endfold id='1'>}</endfold id='1'>
67​.class<beginfold id='1'>{</beginfold id='1'><endfold id='1'>}</endfold id='1'>
68​#id<beginfold id='1'>{</beginfold id='1'><endfold id='1'>}</endfold id='1'>
69​:hover<beginfold id='1'>{</beginfold id='1'><endfold id='1'>}</endfold id='1'>
70​:lang(fr)<beginfold id='1'>{</beginfold id='1'><endfold id='1'>}</endfold id='1'>
71​E<beginfold id='1'>{</beginfold id='1'><endfold id='1'>}</endfold id='1'>
72​E F<beginfold id='1'>{</beginfold id='1'><endfold id='1'>}</endfold id='1'>
73​E>F<beginfold id='1'>{</beginfold id='1'><endfold id='1'>}</endfold id='1'>
74​E > F<beginfold id='1'>{</beginfold id='1'><endfold id='1'>}</endfold id='1'>
75​E~F<beginfold id='1'>{</beginfold id='1'><endfold id='1'>}</endfold id='1'>
76​E ~ F<beginfold id='1'>{</beginfold id='1'><endfold id='1'>}</endfold id='1'>
77​E:first-child<beginfold id='1'>{</beginfold id='1'><endfold id='1'>}</endfold id='1'>
78​E:visited<beginfold id='1'>{</beginfold id='1'><endfold id='1'>}</endfold id='1'>
79​E::after<beginfold id='1'>{</beginfold id='1'><endfold id='1'>}</endfold id='1'>
80​E:lang(c)<beginfold id='1'>{</beginfold id='1'><endfold id='1'>}</endfold id='1'>
81​E:lang(fr-ca)<beginfold id='1'>{</beginfold id='1'><endfold id='1'>}</endfold id='1'>
82​E + F<beginfold id='1'>{</beginfold id='1'><endfold id='1'>}</endfold id='1'>
83​E+F<beginfold id='1'>{</beginfold id='1'><endfold id='1'>}</endfold id='1'>
84​E[foo]<beginfold id='1'>{</beginfold id='1'><endfold id='1'>}</endfold id='1'>
85​E[foo=warning]<beginfold id='1'>{</beginfold id='1'><endfold id='1'>}</endfold id='1'>
86​E[foo="warning"]<beginfold id='1'>{</beginfold id='1'><endfold id='1'>}</endfold id='1'>
87​E[foo~="warning"]<beginfold id='1'>{</beginfold id='1'><endfold id='1'>}</endfold id='1'>
88​E[foo^="warning"]<beginfold id='1'>{</beginfold id='1'><endfold id='1'>}</endfold id='1'>
89​E[foo$="warning"]<beginfold id='1'>{</beginfold id='1'><endfold id='1'>}</endfold id='1'>
90​E[foo*="warning"]<beginfold id='1'>{</beginfold id='1'><endfold id='1'>}</endfold id='1'>
91​E[lang|="en"]<beginfold id='1'>{</beginfold id='1'><endfold id='1'>}</endfold id='1'>
92​DIV.warning<beginfold id='1'>{</beginfold id='1'><endfold id='1'>}</endfold id='1'>
93​DIV .warning<beginfold id='1'>{</beginfold id='1'><endfold id='1'>}</endfold id='1'>
94​E#myid<beginfold id='1'>{</beginfold id='1'><endfold id='1'>}</endfold id='1'>
95​E #myid<beginfold id='1'>{</beginfold id='1'><endfold id='1'>}</endfold id='1'>
96​E,E<beginfold id='1'>{</beginfold id='1'><endfold id='1'>}</endfold id='1'>
97​E, E<beginfold id='1'>{</beginfold id='1'><endfold id='1'>}</endfold id='1'>
98​E ,E<beginfold id='1'>{</beginfold id='1'><endfold id='1'>}</endfold id='1'>
99​E , E<beginfold id='1'>{</beginfold id='1'><endfold id='1'>}</endfold id='1'>
100​
101​p:nth-child(2) <beginfold id='1'>{</beginfold id='1'>
102​ background: red;
103​<endfold id='1'>}</endfold id='1'>
104​
105​<beginfold id='3'>/*</beginfold id='3'> Elements that are not <div> or <span> elements <endfold id='3'>*/</endfold id='3'>
106​body :not(div):not(span) <beginfold id='1'>{</beginfold id='1'>
107​ font-weight: bold;
108​<endfold id='1'>}</endfold id='1'>
109​
110​<beginfold id='3'>/*</beginfold id='3'> Elements that are not `.crazy` or `.fancy` <endfold id='3'>*/</endfold id='3'>
111​<beginfold id='3'>/*</beginfold id='3'> Note that this syntax is not well supported yet. <endfold id='3'>*/</endfold id='3'>
112​body :not(.crazy, .fancy) <beginfold id='1'>{</beginfold id='1'>
113​ font-family: sans-serif;
114​<endfold id='1'>}</endfold id='1'>
115​
116​:nth-child(odd) <beginfold id='1'>{</beginfold id='1'> color: lime; <endfold id='1'>}</endfold id='1'>
117​:nth-child(even) <beginfold id='1'>{</beginfold id='1'> color: lime; <endfold id='1'>}</endfold id='1'>
118​:nth-child(4) <beginfold id='1'>{</beginfold id='1'> color: lime; <endfold id='1'>}</endfold id='1'>
119​:nth-child(4n) <beginfold id='1'>{</beginfold id='1'> color: lime; <endfold id='1'>}</endfold id='1'>
120​:nth-child(3n+4) <beginfold id='1'>{</beginfold id='1'> color: lime; <endfold id='1'>}</endfold id='1'>
121​:nth-child(-n+3) <beginfold id='1'>{</beginfold id='1'> color: lime; <endfold id='1'>}</endfold id='1'>
122​:nth-child(n+8):nth-child(-n+15) <beginfold id='1'>{</beginfold id='1'> color: lime; <endfold id='1'>}</endfold id='1'>
123​
124​.first span:nth-child(2n+1),
125​.second span:nth-child(2n+1),
126​.third span:nth-of-type(2n+1) <beginfold id='1'>{</beginfold id='1'>
127​ background-color: lime;
128​ unknown-property: lime;
129​<endfold id='1'>}</endfold id='1'>
130​
131​:root<beginfold id='1'>{</beginfold id='1'>
132​ --foo: if(x > 5) this.width = 10; <beginfold id='3'>/*</beginfold id='3'> valid custom property, invalid in any normal property <endfold id='3'>*/</endfold id='3'>
133​<endfold id='1'>}</endfold id='1'>
134​
135​:root,
136​:root:lang(en) <beginfold id='1'>{</beginfold id='1'>--external-link: "external link";<endfold id='1'>}</endfold id='1'>
137​:root:lang(de) <beginfold id='1'>{</beginfold id='1'>--external-link: "externer Link";<endfold id='1'>}</endfold id='1'>
138​
139​a[href^="http"]::after <beginfold id='1'>{</beginfold id='1'>content: " (" var(--external-link) ")"<endfold id='1'>}</endfold id='1'>
140​
141​one <beginfold id='1'>{</beginfold id='1'> --foo: 10px; <endfold id='1'>}</endfold id='1'>
142​two <beginfold id='1'>{</beginfold id='1'> --bar: calc(var(--foo) + 10px); <endfold id='1'>}</endfold id='1'>
143​three <beginfold id='1'>{</beginfold id='1'> --foo: calc(var(--bar) + 10px); <endfold id='1'>}</endfold id='1'>
144​.foo <beginfold id='1'>{</beginfold id='1'>
145​ --gap: 20;
146​ margin-top: var(--gap)px; <beginfold id='3'>/*</beginfold id='3'>20 px<endfold id='3'>*/</endfold id='3'>
147​ margin-top: calc(var(--gap) * 1px); <beginfold id='3'>/*</beginfold id='3'>20px<endfold id='3'>*/</endfold id='3'>
148​<endfold id='1'>}</endfold id='1'>
149​
150​foo <beginfold id='1'>{</beginfold id='1'>
151​ width: calc(50% -8px); <beginfold id='3'>/*</beginfold id='3'> invalid <endfold id='3'>*/</endfold id='3'>
152​ width: calc(50%- 8px); <beginfold id='3'>/*</beginfold id='3'> invalid <endfold id='3'>*/</endfold id='3'>
153​ width: calc(50% +8px); <beginfold id='3'>/*</beginfold id='3'> invalid <endfold id='3'>*/</endfold id='3'>
154​ width: calc(50%+ 8px); <beginfold id='3'>/*</beginfold id='3'> invalid <endfold id='3'>*/</endfold id='3'>
155​ width: calc(2px -var(--a)); <beginfold id='3'>/*</beginfold id='3'> invalid <endfold id='3'>*/</endfold id='3'>
156​ width: calc(50%*-8px);
157​ width: calc(50% - 8px);
158​ width: calc(50% + -8px);
159​ width: calc(50% +(8px));
160​ width: calc(2px -(var(--a)));
161​<endfold id='1'>}</endfold id='1'>
162​
163​sweet-alert input:focus::-moz-placeholder <beginfold id='1'>{</beginfold id='1'>
164​ -webkit-transition: opacity 0.3s 0.03s ease;
165​ transition: opacity 0.3s 0.03s ease;
166​ opacity: 0.5;
167​<endfold id='1'>}</endfold id='1'>
168​
169​
170​@font-feature-values Font One <beginfold id='1'>{</beginfold id='1'>
171​ @styleset <beginfold id='1'>{</beginfold id='1'>
172​ nice-style: 12;
173​ <endfold id='1'>}</endfold id='1'>
174​<endfold id='1'>}</endfold id='1'>
175​
176​@font-feature-values Font Two <beginfold id='1'>{</beginfold id='1'>
177​ @styleset <beginfold id='1'>{</beginfold id='1'>
178​ nice-style: 4;
179​ <endfold id='1'>}</endfold id='1'>
180​<endfold id='1'>}</endfold id='1'>
181​
182​@counter-style thumbs <beginfold id='1'>{</beginfold id='1'>
183​ system: cyclic;
184​ symbols: "\1F44D";
185​ suffix: " ";
186​<endfold id='1'>}</endfold id='1'>
187​
188​@font-face <beginfold id='1'>{</beginfold id='1'>
189​ font-family: "Open Sans";
190​ src: url("/fonts/OpenSans-Regular-webfont.woff2") format("woff2"),
191​ url("/fonts/OpenSans-Regular-webfont.woff") format("woff");
192​<endfold id='1'>}</endfold id='1'>
193​
194​@page <beginfold id='1'>{</beginfold id='1'>
195​ margin: 1cm;
196​<endfold id='1'>}</endfold id='1'>
197​
198​@page :first <beginfold id='1'>{</beginfold id='1'>
199​ margin: 2cm;
200​ <beginfold id='3'>/*</beginfold id='3'> comments <endfold id='3'>*/</endfold id='3'>
201​ marks: crop cross;
202​<endfold id='1'>}</endfold id='1'>
203​
204​@page :unknown <beginfold id='1'>{</beginfold id='1'>
205​ margin: 2cm;
206​<endfold id='1'>}</endfold id='1'>
207​
208​@font-face <beginfold id='1'>{</beginfold id='1'>
209​ unknown: 2px;
210​ <beginfold id='3'>/*</beginfold id='3'> comments <endfold id='3'>*/</endfold id='3'>
211​ font-family: "Bitstream Vera Serif Bold";
212​ src: url("/static/styles/libs/font-awesome/fonts/fontawesome-webfont.fdf491ce5ff5.woff");
213​<endfold id='1'>}</endfold id='1'>
214​
215​@viewport <beginfold id='1'>{</beginfold id='1'>
216​ zoom: 0.75;
217​ <beginfold id='3'>/*</beginfold id='3'> comments <endfold id='3'>*/</endfold id='3'>
218​ min-zoom: 0.5;
219​ max-zoom: 0.9;
220​<endfold id='1'>}</endfold id='1'>
221​
222​@viewport <beginfold id='1'>{</beginfold id='1'>
223​ orientation: landscape;
224​ <beginfold id='3'>/*</beginfold id='3'> comments <endfold id='3'>*/</endfold id='3'>
225​ orientation: landscape;
226​<endfold id='1'>}</endfold id='1'>
227​
228​@document url("https://www.example.com/") <beginfold id='1'>{</beginfold id='1'>
229​ h1 <beginfold id='1'>{</beginfold id='1'>
230​ color: green;
231​ <endfold id='1'>}</endfold id='1'>
232​<endfold id='1'>}</endfold id='1'>
233​
234​@supports (display: grid) <beginfold id='1'>{</beginfold id='1'>
235​ div <beginfold id='1'>{</beginfold id='1'>
236​ display: grid;
237​ <endfold id='1'>}</endfold id='1'>
238​<endfold id='1'>}</endfold id='1'>
239​
240​@media (max-width: 600px) <beginfold id='1'>{</beginfold id='1'>
241​ .sidebar <beginfold id='1'>{</beginfold id='1'>
242​ display: none;
243​ <endfold id='1'>}</endfold id='1'>
244​<endfold id='1'>}</endfold id='1'>
245​
246​@import url("fineprint.css") print;
247​@import url(fineprint.css) print;
248​@import url('bluish.css') speech;
249​@import 'custom.css';
250​@import url("chrome://communicator/skin/");
251​@import "common.css" screen;
252​@import url('landscape.css') screen and (orientation:landscape);
253​
254​@namespace url(http://www.w3.org/1999/xhtml);
255​@namespace svg url(http://www.w3.org/2000/svg);
256​
257​@keyframes important1 <beginfold id='1'>{</beginfold id='1'>
258​ from <beginfold id='1'>{</beginfold id='1'> margin-top: 50px; <endfold id='1'>}</endfold id='1'>
259​ 50% <beginfold id='1'>{</beginfold id='1'> margin-top: 150px !important; <endfold id='1'>}</endfold id='1'> <beginfold id='3'>/*</beginfold id='3'> ignored <endfold id='3'>*/</endfold id='3'>
260​ to <beginfold id='1'>{</beginfold id='1'> margin-top: 100px; <endfold id='1'>}</endfold id='1'>
261​<endfold id='1'>}</endfold id='1'>
262​
263​@keyframes important2 <beginfold id='1'>{</beginfold id='1'>
264​ from <beginfold id='1'>{</beginfold id='1'> margin-top: 50px;
265​ margin-bottom: 100px; <endfold id='1'>}</endfold id='1'>
266​ to <beginfold id='1'>{</beginfold id='1'> margin-top: 150px !important; <beginfold id='3'>/*</beginfold id='3'> ignored <endfold id='3'>*/</endfold id='3'>
267​ margin-bottom: 50px; <endfold id='1'>}</endfold id='1'>
268​<endfold id='1'>}</endfold id='1'>
269​
270​@keyframes slidein <beginfold id='1'>{</beginfold id='1'>
271​ from <beginfold id='1'>{</beginfold id='1'>
272​ margin-left: 100%;
273​ width: 300%;
274​ <endfold id='1'>}</endfold id='1'>
275​
276​ to <beginfold id='1'>{</beginfold id='1'>
277​ margin-left: 0%;
278​ width: 100%;
279​ <endfold id='1'>}</endfold id='1'>
280​<endfold id='1'>}</endfold id='1'>
281​
282​@media print <beginfold id='1'>{</beginfold id='1'>
283​ a:hover <beginfold id='1'>{</beginfold id='1'> color: red <endfold id='1'>}</endfold id='1'>
284​ <beginfold id='3'>/*</beginfold id='3'> comments <endfold id='3'>*/</endfold id='3'>
285​ a:hover <beginfold id='1'>{</beginfold id='1'> color: red <endfold id='1'>}</endfold id='1'>
286​<endfold id='1'>}</endfold id='1'>