Web Inspector: Add PrettyPrinter CSS tests
[WebKit-https.git] / Source / WebInspectorUI / Tools / PrettyPrinting / css-tests / basic-expected.css
1 /* RESET */
2 html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6,
3 pre, form, p, blockquote, fieldset, input, abbr, article, aside, command,
4 details, figcaption, figure, footer, header, hgroup, mark, meter, nav,
5 output, progress, section, summary, time {
6     margin: 0;
7     padding: 0;
8 }
9
10 h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, code, em, strong,
11 th, figcaption {
12     font-size: 1em;
13     font-weight: normal;
14     font-style: normal;
15 }
16
17 fieldset, iframe {
18     border: none
19 }
20
21 table {
22     border-collapse: collapse;
23     border-spacing: 0
24 }
25
26 article, aside, footer, header, hgroup, nav, section, figure, figcaption {
27     display: block;
28 }
29
30 /* FIXME: extra whitespace */
31 caption , th {
32     text-align: left;
33 }
34
35 /* IMPORTANT */
36 /* FIXME: whitespace between "!" and "important" can be improved */
37 body {
38     color: red !important;
39 }
40
41 body {
42     color: red !important;
43 }
44
45 body {
46     color: red ! important;
47 }
48
49 /* INLINE COMMENT */
50 body {
51     color: red; /* blue */
52 }
53
54 /* URLS */
55 .myimage {
56     background-image: url(http://example.com/image.png), url(two.png)
57 }
58
59 .myimage {
60     background-image: url("http://example.com/image.png"), url("two.png")
61 }
62
63 /* PREFIXED SELECTORS AND PROPERTIES */
64 .foo -webkit-any(a, b, c) {
65     -webkit-transition: all;
66     color: red
67 }
68
69 /* PSEUDO SELECTORS */
70 a:link, a:visited {
71     color: black
72 }
73
74 /* PSEUDO ELEMENTS */
75 p::before, p::after {
76     content: "test";
77 }
78
79 /* RGB, HSL */
80 body {
81     color: rgb(1, 1, 1);
82     color: rgba(100, 0, 255, 0.5);
83     color: hsl(120, 100%, 50%);
84     color: hsla(120, 60%, 70%, 0.3);
85 }
86
87 /*
88  * This is a multi-line comment.
89  * - with indentation
90  * - and is generally awesome.
91  */
92 body {
93     color: red
94 }
95