Commit 86597940691f2548ff02b6716e7a0ccf36306c56
1 parent
1452a07c
Exists in
master
and in
2 other branches
Update for issue #8
Showing
2 changed files
with
30 additions
and
4 deletions
Show diff stats
index.html
| ... | ... | @@ -176,18 +176,18 @@ |
| 176 | 176 | |
| 177 | 177 | <div id="content" class="container video-smaller"> |
| 178 | 178 | <div class="freeze--home-message"> |
| 179 | - <p style="font-size: 60px;"> | |
| 179 | + <p class="p1"> | |
| 180 | 180 | <span style="color: #F3A727;">O</span> |
| 181 | 181 | <span style="color: #E24F4D;">Dialoga Brasil</span> |
| 182 | 182 | <span style="color: #F3A727;">entrou em uma nova fase!</span> |
| 183 | 183 | </p> |
| 184 | - <p style="font-size: 24px; color: #5AAB2F;"> | |
| 184 | + <p class="p2"> | |
| 185 | 185 | No ar desde 28 de julho de 2015, está com 24.320 usuários cadastrados, 10.436 propostas e 264.708 votos. |
| 186 | 186 | </p> |
| 187 | - <p style="font-size: 24px; color: #0086B7;"> | |
| 187 | + <p class="p3"> | |
| 188 | 188 | O governo federal analisará as 3 propostas mais apoiadas em cada programa e dará um retorno à sociedade. |
| 189 | 189 | </p> |
| 190 | - <p style="font-size: 24px; color: #E24F4D;"> | |
| 190 | + <p class="p4"> | |
| 191 | 191 | Continue com a gente! |
| 192 | 192 | A resposta à sua participação e novos temas entrarão na plataforma em breve! |
| 193 | 193 | </p> | ... | ... |
sass/style.sass
| ... | ... | @@ -1277,6 +1277,32 @@ td |
| 1277 | 1277 | // 6.23 - freeze messages |
| 1278 | 1278 | .freeze--home-message |
| 1279 | 1279 | font-weight: bold |
| 1280 | + font-size: 16px | |
| 1281 | + .p1 | |
| 1282 | + font-size: 4em // 64 | |
| 1283 | + @media (max-width: $screen-lg) | |
| 1284 | + font-size: 3em // 48 | |
| 1285 | + @media (max-width: $screen-md) | |
| 1286 | + font-size: 2em // 32 | |
| 1287 | + @media (max-width: $screen-xs) | |
| 1288 | + font-size: 1.6em // ~25 | |
| 1289 | + .p2, | |
| 1290 | + .p3, | |
| 1291 | + .p4 | |
| 1292 | + font-size: 1.5em | |
| 1293 | + @media (max-width: $screen-lg) | |
| 1294 | + font-size: 1.4em | |
| 1295 | + @media (max-width: $screen-md) | |
| 1296 | + font-size: 1.3em | |
| 1297 | + @media (max-width: $screen-xs) | |
| 1298 | + font-size: 1.1em | |
| 1299 | + .p2 | |
| 1300 | + color: #5AAB2F | |
| 1301 | + .p3 | |
| 1302 | + color: #0086B7 | |
| 1303 | + .p4 | |
| 1304 | + color: #E24F4D | |
| 1305 | + | |
| 1280 | 1306 | .freeze--theme-message |
| 1281 | 1307 | font-weight: bold |
| 1282 | 1308 | margin: 10px 0 | ... | ... |