Commit fc838361989a2e7803d4b4ef17e5f9a2cdf71d57
1 parent
23ef6094
Exists in
master
Separando SCSS da campanha da barra
Showing
3 changed files
with
69 additions
and
68 deletions
Show diff stats
recipes/vaso/assets/estilo-barra.scss
@@ -206,71 +206,3 @@ body.contraste #barra-brasil .link-barra { | @@ -206,71 +206,3 @@ body.contraste #barra-brasil .link-barra { | ||
206 | } | 206 | } |
207 | } | 207 | } |
208 | 208 | ||
209 | -@media (max-width:1250px) { | ||
210 | - #campanha-contra-aegypti { | ||
211 | - display:none | ||
212 | - } | ||
213 | -} | ||
214 | - | ||
215 | -@media (min-width:940px) { | ||
216 | - body #aegypti-intervencao #aegypti-close { | ||
217 | - width:42px; | ||
218 | - height:42px; | ||
219 | - margin-left:348px; | ||
220 | - top:42px; | ||
221 | - left:50% | ||
222 | - } | ||
223 | -} | ||
224 | - | ||
225 | -#aegypti-intervencao { | ||
226 | - width:100%; | ||
227 | - margin-top:-140px; | ||
228 | - position:fixed; | ||
229 | - z-index:999999; | ||
230 | - top:50%; | ||
231 | - text-align:center | ||
232 | -} | ||
233 | - | ||
234 | -#aegypti-intervencao #aegypti-banner:focus { | ||
235 | - outline:0!important | ||
236 | -} | ||
237 | - | ||
238 | -#aegypti-intervencao #aegypti-close { | ||
239 | - width:4.4%; | ||
240 | - height:12%; | ||
241 | - display:block; | ||
242 | - position:absolute;top:12.4%; | ||
243 | - left:87.2%; | ||
244 | - overflow:hidden; | ||
245 | - text-indent:-999999px | ||
246 | -} | ||
247 | - | ||
248 | -#aegypti-intervencao img { | ||
249 | - width:100%; | ||
250 | - max-width:939px | ||
251 | -} | ||
252 | - | ||
253 | -#campanha-contra-aegypti { | ||
254 | - width:80px; | ||
255 | - height:152px; | ||
256 | - margin-left:-600px; | ||
257 | - display:block; | ||
258 | - position:absolute; | ||
259 | - top:44px; | ||
260 | - left:50%; | ||
261 | - background-repeat:no-repeat | ||
262 | -} | ||
263 | - | ||
264 | -#campanha-contra-aegypti.vaso-planta:hover { | ||
265 | - background-position:-129px 0 | ||
266 | - } | ||
267 | - @keyframes fadeIn { | ||
268 | - from {opacity:0}to{opacity:1} | ||
269 | -} | ||
270 | - | ||
271 | - | ||
272 | -#campanha-contra-aegypti.vaso-planta { | ||
273 | - animation:fadeIn 2s; | ||
274 | - cursor:url("http://www.brasil.gov.br/pa.cur"), default; | ||
275 | - background-image:embed("imagens/vaso.png"); | ||
276 | -} |
@@ -0,0 +1,68 @@ | @@ -0,0 +1,68 @@ | ||
1 | +@media (max-width:1250px) { | ||
2 | + #campanha-contra-aegypti { | ||
3 | + display:none | ||
4 | + } | ||
5 | +} | ||
6 | + | ||
7 | +@media (min-width:940px) { | ||
8 | + body #aegypti-intervencao #aegypti-close { | ||
9 | + width:42px; | ||
10 | + height:42px; | ||
11 | + margin-left:348px; | ||
12 | + top:42px; | ||
13 | + left:50% | ||
14 | + } | ||
15 | +} | ||
16 | + | ||
17 | +#aegypti-intervencao { | ||
18 | + width:100%; | ||
19 | + margin-top:-140px; | ||
20 | + position:fixed; | ||
21 | + z-index:999999; | ||
22 | + top:50%; | ||
23 | + text-align:center | ||
24 | +} | ||
25 | + | ||
26 | +#aegypti-intervencao #aegypti-banner:focus { | ||
27 | + outline:0!important | ||
28 | +} | ||
29 | + | ||
30 | +#aegypti-intervencao #aegypti-close { | ||
31 | + width:4.4%; | ||
32 | + height:12%; | ||
33 | + display:block; | ||
34 | + position:absolute;top:12.4%; | ||
35 | + left:87.2%; | ||
36 | + overflow:hidden; | ||
37 | + text-indent:-999999px | ||
38 | +} | ||
39 | + | ||
40 | +#aegypti-intervencao img { | ||
41 | + width:100%; | ||
42 | + max-width:939px | ||
43 | +} | ||
44 | + | ||
45 | +#campanha-contra-aegypti { | ||
46 | + width:80px; | ||
47 | + height:152px; | ||
48 | + margin-left:-600px; | ||
49 | + display:block; | ||
50 | + position:absolute; | ||
51 | + top:44px; | ||
52 | + left:50%; | ||
53 | + background-repeat:no-repeat | ||
54 | +} | ||
55 | + | ||
56 | +#campanha-contra-aegypti.vaso-planta:hover { | ||
57 | + background-position:-129px 0 | ||
58 | + } | ||
59 | + @keyframes fadeIn { | ||
60 | + from {opacity:0}to{opacity:1} | ||
61 | +} | ||
62 | + | ||
63 | + | ||
64 | +#campanha-contra-aegypti.vaso-planta { | ||
65 | + animation:fadeIn 2s; | ||
66 | + cursor:url("http://www.brasil.gov.br/pa.cur"), default; | ||
67 | + background-image:embed("imagens/vaso.png"); | ||
68 | +} |
recipes/vaso/barra-brasil-1.yaml
@@ -16,6 +16,7 @@ generate: | @@ -16,6 +16,7 @@ generate: | ||
16 | - estilo-barra.css: | 16 | - estilo-barra.css: |
17 | source: | 17 | source: |
18 | - assets/estilo-barra.scss | 18 | - assets/estilo-barra.scss |
19 | + - assets/estilo-campanha.scss | ||
19 | depends: | 20 | depends: |
20 | - assets/imagens/* | 21 | - assets/imagens/* |
21 | embed.path.root: assets | 22 | embed.path.root: assets |