Differential D14137 Diff 37912 autotests/html/review128925-2.css.html

Changeset View

Standalone View

View Options

autotests/html/review128925-2.css.html

Show All 21 Lines
22<span style="color:#898887;"> * body {</span> 22​<span style="color:#898887;"> * body {</span>
23<span style="color:#898887;"> * margin: 0 !important;</span> 23​<span style="color:#898887;"> * margin: 0 !important;</span>
24<span style="color:#898887;"> * }</span> 24​<span style="color:#898887;"> * }</span>
25<span style="color:#898887;"> */</span> 25​<span style="color:#898887;"> */</span>
26 26​
27<span style="color:#898887;">/* Comments in special positions */</span> 27​<span style="color:#898887;">/* Comments in special positions */</span>
28 28​
29header<span style="color:#898887;">/* comment here */</span><span style="color:#644a9b;">.active</span> <span style="color:#898887;">/* comment here */</span> { 29​header<span style="color:#898887;">/* comment here */</span><span style="color:#644a9b;">.active</span> <span style="color:#898887;">/* comment here */</span> {
30 <span style="color:#898887;">/* comment here */</span> <span style="font-weight:bold;">color</span> : <span style="color:#898887;">/* comment here */</span> <span style="color:#b08000;">blue</span><span style="color:#898887;">/* comment here */</span>; 30​ <span style="color:#898887;">/* comment here */</span> <span style="font-weight:bold;">color</span> : <span style="color:#898887;">/* comment here */</span> <span style="color:#aa5500;">blue</span><span style="color:#898887;">/* comment here */</span>;
31 <span style="font-weight:bold;">font-family</span>: Arial <span style="color:#898887;">/* comment here */</span>, 31​ <span style="font-weight:bold;">font-family</span>: Arial <span style="color:#898887;">/* comment here */</span>,
32 <span style="color:#bf0303;">&quot;Droid Sans&quot;</span>, <span style="color:#898887;">/* comment here */</span> 32​ <span style="color:#bf0303;">&quot;Droid Sans&quot;</span>, <span style="color:#898887;">/* comment here */</span>
33 <span style="color:#b08000;">sans-serif</span><span style="color:#898887;">/* comment here */</span>; 33​ <span style="color:#b08000;">sans-serif</span><span style="color:#898887;">/* comment here */</span>;
34} 34​}
35 35​
36<span style="color:#ff5500;">@media</span> <span style="color:#b08000;">screen</span> <span style="color:#898887;">/* comment here */</span> and (<span style="font-weight:bold;">max-width</span>: <span style="color:#b08000;">300px</span> <span style="color:#898887;">/* comment here */</span>) <span style="color:#898887;">/* comment here */</span> {<span style="color:#898887;">/* comment here */</span>} 36​<span style="color:#ff5500;">@media</span> <span style="color:#b08000;">screen</span> <span style="color:#898887;">/* comment here */</span> <span style="font-weight:bold;">and</span> (<span style="font-weight:bold;">max-width</span>: <span style="color:#b08000;">300</span><span style="color:#0057ae;">px</span> <span style="color:#898887;">/* comment here */</span>) <span style="color:#898887;">/* comment here */</span> {<span style="color:#898887;">/* comment here */</span>}
37 37​
38 38​
39<span style="color:#898887;">/* Strings with special content */</span> 39​<span style="color:#898887;">/* Strings with special content */</span>
40 40​
41<span style="color:#ff5500;">@import</span> url(<span style="color:#bf0303;">&quot;{} $variable /* comment */&quot;</span>); 41​<span style="color:#ff5500;">@import</span> <span style="color:#644a9b;">url(</span><span style="color:#bf0303;">&quot;{} $variable /* comment */&quot;</span><span style="color:#644a9b;">)</span>;
42 42​
43 43​
44<span style="color:#898887;">/* Without extra breaklines and spaces */</span> 44​<span style="color:#898887;">/* Without extra breaklines and spaces */</span>
45 45​
46pre<span style="color:#644a9b;">.primary</span><span style="color:#b08000;font-style:italic;">:hover</span><span style="color:#644a9b;">.large</span><span style="color:#b08000;font-style:italic;">:nth-child</span>(2n-1){<span style="font-weight:bold;">font-size</span>:<span style="color:#b08000;">17px</span>;<span style="font-weight:bold;">font-family</span>:<span style="color:#bf0303;">&quot;Noto Sans&quot;</span>;<span style="font-weight:bold;">-webkit-box-shadow</span>:<span style="color:#b08000;">1px</span> <span style="color:#b08000;">1px</span> <span style="color:#b08000;">3px</span> <span style="color:#644a9b;">rgba</span>(<span style="color:#b08000;">0</span>,<span style="color:#b08000;">0</span>,<span style="color:#b08000;">0</span>,<span style="color:#b08000;">0.3</span>)} 46​pre<span style="color:#644a9b;">.primary</span><span style="color:#b08000;font-style:italic;">:hover</span><span style="color:#644a9b;">.large</span><span style="color:#b08000;font-style:italic;">:nth-child(2n-1)</span>{<span style="font-weight:bold;">font-size</span>:<span style="color:#b08000;">17</span><span style="color:#0057ae;">px</span>;<span style="font-weight:bold;">font-family</span>:<span style="color:#bf0303;">&quot;Noto Sans&quot;</span>;<span style="font-weight:bold;">-webkit-box-shadow</span>:<span style="color:#b08000;">1</span><span style="color:#0057ae;">px</span> <span style="color:#b08000;">1</span><span style="color:#0057ae;">px</span> <span style="color:#b08000;">3</span><span style="color:#0057ae;">px</span> <span style="color:#644a9b;">rgba(</span><span style="color:#b08000;">0</span>,<span style="color:#b08000;">0</span>,<span style="color:#b08000;">0</span>,<span style="color:#b08000;">0.3</span><span style="color:#644a9b;">)</span>}
47 47​
48 48​
49<span style="color:#898887;">/* With unnecessary breaklines and spaces */</span> 49​<span style="color:#898887;">/* With unnecessary breaklines and spaces */</span>
50 50​
51blockquote <span style="color:#644a9b;">.ref</span> 51​blockquote <span style="color:#644a9b;">.ref</span>
52 { 52​ {
53 <span style="font-weight:bold;">flex</span> : <span style="color:#b08000;">0</span> <span style="color:#b08000;">1</span> <span style="color:#b08000;">30%</span>; 53​ <span style="font-weight:bold;">flex</span> : <span style="color:#b08000;">0</span> <span style="color:#b08000;">1</span> <span style="color:#b08000;">30</span><span style="color:#0057ae;">%</span>;
54 <span style="font-weight:bold;">flex-wrap</span> : wrap; 54​ <span style="font-weight:bold;">flex-wrap</span> : wrap;
55 } 55​ }
56 56​
57<span style="color:#ff5500;">@media</span> <span style="color:#b08000;">screen</span> and (<span style="font-weight:bold;">orientation</span>: <span style="color:#b08000;">landscape</span>) { 57​<span style="color:#ff5500;">@media</span> <span style="color:#b08000;">screen</span> <span style="font-weight:bold;">and</span> (<span style="font-weight:bold;">orientation</span>: <span style="color:#b08000;">landscape</span>) {
58 <span style="color:#644a9b;">.sidebar</span> { 58​ <span style="color:#644a9b;">.sidebar</span> {
59 <span style="font-weight:bold;">width</span>: <span style="color:#b08000;">500px</span>; } } 59​ <span style="font-weight:bold;">width</span>: <span style="color:#b08000;">500</span><span style="color:#0057ae;">px</span>; } }
60 60​
61 61​
62<span style="color:#898887;">/* Special selectors: HTML5 allows user defined tags */</span> 62​<span style="color:#898887;">/* Special selectors: HTML5 allows user defined tags */</span>
63 63​
64header { 64​header {
65 flex { 65​ flex {
66 <span style="font-weight:bold;">width</span>: <span style="color:#b08000;">300px</span>; 66​ <span style="font-weight:bold;">width</span>: <span style="color:#b08000;">300</span><span style="color:#0057ae;">px</span>;
67 } 67​ }
68} 68​}
69</pre></body></html> 69​</pre></body></html>