Commit 86597940691f2548ff02b6716e7a0ccf36306c56

Authored by Leonardo Merlin
1 parent 1452a07c

Update for issue #8

Showing 2 changed files with 30 additions and 4 deletions   Show diff stats
@@ -176,18 +176,18 @@ @@ -176,18 +176,18 @@
176 176
177 <div id="content" class="container video-smaller"> 177 <div id="content" class="container video-smaller">
178 <div class="freeze--home-message"> 178 <div class="freeze--home-message">
179 - <p style="font-size: 60px;"> 179 + <p class="p1">
180 <span style="color: #F3A727;">O</span> 180 <span style="color: #F3A727;">O</span>
181 <span style="color: #E24F4D;">Dialoga Brasil</span> 181 <span style="color: #E24F4D;">Dialoga Brasil</span>
182 <span style="color: #F3A727;">entrou em uma nova fase!</span> 182 <span style="color: #F3A727;">entrou em uma nova fase!</span>
183 </p> 183 </p>
184 - <p style="font-size: 24px; color: #5AAB2F;"> 184 + <p class="p2">
185 No ar desde 28 de julho de 2015, está com 24.320 usuários cadastrados, 10.436 propostas e 264.708 votos. 185 No ar desde 28 de julho de 2015, está com 24.320 usuários cadastrados, 10.436 propostas e 264.708 votos.
186 </p> 186 </p>
187 - <p style="font-size: 24px; color: #0086B7;"> 187 + <p class="p3">
188 O governo federal analisará as 3 propostas mais apoiadas em cada programa e dará um retorno à sociedade. 188 O governo federal analisará as 3 propostas mais apoiadas em cada programa e dará um retorno à sociedade.
189 </p> 189 </p>
190 - <p style="font-size: 24px; color: #E24F4D;"> 190 + <p class="p4">
191 Continue com a gente! 191 Continue com a gente!
192 A resposta à sua participação e novos temas entrarão na plataforma em breve! 192 A resposta à sua participação e novos temas entrarão na plataforma em breve!
193 </p> 193 </p>
sass/style.sass
@@ -1277,6 +1277,32 @@ td @@ -1277,6 +1277,32 @@ td
1277 // 6.23 - freeze messages 1277 // 6.23 - freeze messages
1278 .freeze--home-message 1278 .freeze--home-message
1279 font-weight: bold 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 .freeze--theme-message 1306 .freeze--theme-message
1281 font-weight: bold 1307 font-weight: bold
1282 margin: 10px 0 1308 margin: 10px 0