Differential D23245 Diff 63987 autotests/html/review128925-1.scss.html

Changeset View

Standalone View

View Options

autotests/html/review128925-1.scss.html

Show First 20 Lines • Show All 94 Lines • ▼ Show 20 Line(s)
95 95​
96<span style="color:#644a9b;">.message-danger</span> { 96​<span style="color:#644a9b;">.message-danger</span> {
97 <span style="color:#ff5500;">@extend</span> <span style="color:#644a9b;">.message</span>; 97​ <span style="color:#ff5500;">@extend</span> <span style="color:#644a9b;">.message</span>;
98} 98​}
99 99​
100 100​
101<span style="color:#898887;">// Control structures</span> 101​<span style="color:#898887;">// Control structures</span>
102 102​
103<span style="color:#ff5500;">@mixin</span> <span style="color:#644a9b;">does-parent-exist</span> { 103​<span style="color:#ff5500;">@mixin</span> <span style="color:#644a9b;">does-parent-exist</span> {
104 <span style="color:#ff5500;">@if</span> &amp; { 104​ <span style="color:#ff5500;">@if</span> &amp; {
105 &amp;<span style="color:#b08000;font-style:italic;">:hover</span> { 105​ &amp;<span style="color:#b08000;font-style:italic;">:hover</span> {
106 <span style="font-weight:bold;">color</span>: <span style="color:#aa5500;">red</span>; 106​ <span style="font-weight:bold;">color</span>: <span style="color:#aa5500;">red</span>;
107 } 107​ }
108 } <span style="color:#ff5500;">@else</span> { 108​ } <span style="color:#ff5500;">@else</span> {
109 a { 109​ a {
110 <span style="font-weight:bold;">color</span>: <span style="color:#aa5500;">red</span>; 110​ <span style="font-weight:bold;">color</span>: <span style="color:#aa5500;">red</span>;
111 } 111​ }
Show All 14 Lines125aside<span style="color:#0095ff;font-weight:bold;">[role</span>=<span style="color:#bf0303;">&quot;complementary&quot;</span><span style="color:#0095ff;font-weight:bold;">]</span> {
126 <span style="font-weight:bold;">float</span>: <span style="color:#b08000;">right</span>; 126​ <span style="font-weight:bold;">float</span>: <span style="color:#b08000;">right</span>;
127 <span style="font-weight:bold;">width</span>: <span style="color:#b08000;">300</span><span style="color:#0057ae;">px</span> / <span style="color:#b08000;">960</span><span style="color:#0057ae;">px</span> * <span style="color:#b08000;">100</span><span style="color:#0057ae;">%</span>; 127​ <span style="font-weight:bold;">width</span>: <span style="color:#b08000;">300</span><span style="color:#0057ae;">px</span> / <span style="color:#b08000;">960</span><span style="color:#0057ae;">px</span> * <span style="color:#b08000;">100</span><span style="color:#0057ae;">%</span>;
128} 128​}
129 129​
130 130​
131<span style="color:#898887;">// Functions - see http://sass-lang.com/documentation/Sass/Script/Functions.html</span> 131​<span style="color:#898887;">// Functions - see http://sass-lang.com/documentation/Sass/Script/Functions.html</span>
132 132​
133<span style="color:#0057ae;">$color1</span>: <span style="color:#644a9b;">hsl(</span><span style="color:#b08000;">120</span><span style="color:#0057ae;">deg</span>, <span style="color:#b08000;">100</span><span style="color:#0057ae;">%</span>, <span style="color:#b08000;">50</span><span style="color:#0057ae;">%</span><span style="color:#644a9b;">)</span>; 133​<span style="color:#0057ae;">$color1</span>: <span style="color:#644a9b;">hsl(</span><span style="color:#b08000;">120</span><span style="color:#0057ae;">deg</span>, <span style="color:#b08000;">100</span><span style="color:#0057ae;">%</span>, <span style="color:#b08000;">50</span><span style="color:#0057ae;">%</span><span style="color:#644a9b;">)</span>;
134<span style="color:#0057ae;">$color2</span>: <span style="color:#644a9b;">rgb(</span><span style="color:#0057ae;">$red</span>, <span style="color:#0057ae;">$green</span>, <span style="color:#aa5500;">blue</span>(<span style="color:#0057ae;">$color1</span><span style="color:#644a9b;">)</span>); 134​<span style="color:#0057ae;">$color2</span>: <span style="color:#644a9b;">rgb(</span><span style="color:#0057ae;">$red</span>, <span style="color:#0057ae;">$green</span>, <span style="color:#644a9b;">blue(</span><span style="color:#0057ae;">$color1</span><span style="color:#644a9b;">))</span>;
135<span style="color:#0057ae;">$color3</span>: <span style="color:#644a9b;">mix(</span><span style="color:#0057ae;">$color1</span>, <span style="color:#0057ae;">$color2</span>, [<span style="color:#0057ae;">$weight</span>]<span style="color:#644a9b;">)</span>; 135​<span style="color:#0057ae;">$color3</span>: <span style="color:#644a9b;">mix(</span><span style="color:#0057ae;">$color1</span>, <span style="color:#0057ae;">$color2</span>, [<span style="color:#0057ae;">$weight</span>]<span style="color:#644a9b;">)</span>;
136 136​
137 137​
138<span style="color:#898887;">// Properties</span> 138​<span style="color:#898887;">// Properties</span>
139 139​
140html, body { 140​html, body {
141 <span style="font-weight:bold;">font-family</span>: <span style="color:#bf0303;">&quot;Droid Sans&quot;</span>, Arial, <span style="color:#b08000;">sans-serif</span>; 141​ <span style="font-weight:bold;">font-family</span>: <span style="color:#bf0303;">&quot;Droid Sans&quot;</span>, Arial, <span style="color:#b08000;">sans-serif</span>;
142 <span style="font-weight:bold;">font-size</span>: <span style="color:#b08000;">11</span><span style="color:#0057ae;">pt</span>; 142​ <span style="font-weight:bold;">font-size</span>: <span style="color:#b08000;">11</span><span style="color:#0057ae;">pt</span>;
▲ Show 20 Lines • Show All 76 Lines • Show Last 20 Lines