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 |