Web Inspector: Add PrettyPrinter CSS tests
[WebKit-https.git] / Source / WebInspectorUI / Tools / PrettyPrinting / css-tests / basic.css
1 /* RESET */
2 html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,abbr,article,aside,command,details,figcaption,figure,footer,header,hgroup,mark,meter,nav,output,progress,section,summary,time { margin: 0; padding: 0; }
3 h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th,figcaption { font-size: 1em; font-weight: normal; font-style: normal; }
4 fieldset,iframe{border:none}
5 table{border-collapse:collapse;border-spacing:0}
6 article,aside,footer,header,hgroup,nav,section,figure,figcaption{display: block;}
7
8 /* FIXME: extra whitespace */
9 caption  ,   th { text-align: left; }
10
11 /* IMPORTANT */
12 /* FIXME: whitespace between "!" and "important" can be improved */
13 body{color:red!important;}
14 body{color:red !important;}
15 body{color:red ! important;}
16
17 /* INLINE COMMENT */
18 body{color:red;/* blue */}
19
20 /* URLS */
21 .myimage{background-image:url(http://example.com/image.png),url(two.png)}
22 .myimage{background-image:url("http://example.com/image.png"),url("two.png")}
23
24 /* PREFIXED SELECTORS AND PROPERTIES */
25 .foo -webkit-any(a,b,c){-webkit-transition:all;color:red}
26
27 /* PSEUDO SELECTORS */
28 a:link,a:visited{color:black}
29
30 /* PSEUDO ELEMENTS */
31 p::before,p::after{content:"test";}
32
33 /* RGB, HSL */
34 body{color:rgb(1,1,1);color:rgba(100,0,255,0.5);color:hsl(120,100%,50%);color:hsla(120,60%,70%,0.3);}
35
36 /*
37  * This is a multi-line comment.
38  * - with indentation
39  * - and is generally awesome.
40  */
41 body{color:red}