Commit 7083e7d7feffd0f9e08245ee89f6a4fa6e28fdff
Exists in
master
and in
5 other branches
Merge branch 'issue-301'
Showing
2 changed files
with
65 additions
and
42 deletions
Show diff stats
index.html
| ... | ... | @@ -314,48 +314,52 @@ |
| 314 | 314 | <section class="talk-proposal box box-propostas"> |
| 315 | 315 | <div class="container-title box-title">Bate-papo com ministras e ministros</div> |
| 316 | 316 | <p class="talk__description">Confira as datas e horários:</p> |
| 317 | - <div> | |
| 318 | - <ul class="calendar saude" data-slick='{"infinite": false, "rows": 2}'> | |
| 319 | - <li> | |
| 320 | - <span id='ep0'></span> | |
| 321 | - <span>Saúde</span> | |
| 322 | - <div id='ed0' class="date"><i class="fa fa-calendar"></i></div><div class="time"><i class="fa fa-clock-o"></i> 19:00</div> | |
| 323 | - </li> | |
| 324 | - </ul> | |
| 325 | - <ul class="calendar seguranca-publica" data-slick='{"infinite": false, "rows": 2}'> | |
| 326 | - <li> | |
| 327 | - <span id='ep1'></span> | |
| 328 | - <span id='ed1'>Justiça</span> | |
| 329 | - <div class="date"><i class="fa fa-calendar"></i></div><div class="time"><i class="fa fa-clock-o"></i> 19:00</div> | |
| 330 | - </li> | |
| 331 | - </ul> | |
| 332 | - <ul class="calendar educacao" data-slick='{"infinite": false, "rows": 2}'> | |
| 333 | - <li> | |
| 334 | - <span id='ep2'></span> | |
| 335 | - <span>Educação</span> | |
| 336 | - <div id='ed2' class="date"><i class="fa fa-calendar"></i></div><div class="time"><i class="fa fa-clock-o"></i> 19:00</div> | |
| 337 | - </li> | |
| 338 | - </ul> | |
| 339 | - <ul class="calendar reducao-da-pobreza" data-slick='{"infinite": false, "rows": 2}'> | |
| 340 | - <li> | |
| 341 | - <span id='ep3'></span> | |
| 342 | - <span>Desenvolvimento Social</span> | |
| 343 | - <div id='ed3' class="date"><i class="fa fa-calendar"></i></div><div class="time"><i class="fa fa-clock-o"></i> 19:00</div> | |
| 344 | - </li> | |
| 345 | - </ul> | |
| 346 | - </div> | |
| 347 | - <div class="talk__participate"> | |
| 317 | + <div class="col-sm-12"> | |
| 348 | 318 | <div class="row"> |
| 349 | - <div class="col-sm-4 col-md-3 col-lg-2"> | |
| 350 | - <div class="row"> | |
| 351 | - <button type="button" class="button button-block">Participar</button> | |
| 319 | + <ul class="calendar saude" data-slick='{"infinite": false, "rows": 2}'> | |
| 320 | + <li> | |
| 321 | + <span id='ep0'></span> | |
| 322 | + <span>Saúde</span> | |
| 323 | + <div id='ed0' class="date"><i class="fa fa-calendar"></i></div><div class="time"><i class="fa fa-clock-o"></i> 19:00</div> | |
| 324 | + </li> | |
| 325 | + </ul> | |
| 326 | + <ul class="calendar seguranca-publica" data-slick='{"infinite": false, "rows": 2}'> | |
| 327 | + <li> | |
| 328 | + <span id='ep1'></span> | |
| 329 | + <span id='ed1'>Justiça</span> | |
| 330 | + <div class="date"><i class="fa fa-calendar"></i></div><div class="time"><i class="fa fa-clock-o"></i> 19:00</div> | |
| 331 | + </li> | |
| 332 | + </ul> | |
| 333 | + <ul class="calendar educacao" data-slick='{"infinite": false, "rows": 2}'> | |
| 334 | + <li> | |
| 335 | + <span id='ep2'></span> | |
| 336 | + <span>Educação</span> | |
| 337 | + <div id='ed2' class="date"><i class="fa fa-calendar"></i></div><div class="time"><i class="fa fa-clock-o"></i> 19:00</div> | |
| 338 | + </li> | |
| 339 | + </ul> | |
| 340 | + <ul class="calendar reducao-da-pobreza" data-slick='{"infinite": false, "rows": 2}'> | |
| 341 | + <li> | |
| 342 | + <span id='ep3'></span> | |
| 343 | + <span>Desenvolvimento Social</span> | |
| 344 | + <div id='ed3' class="date"><i class="fa fa-calendar"></i></div><div class="time"><i class="fa fa-clock-o"></i> 19:00</div> | |
| 345 | + </li> | |
| 346 | + </ul> | |
| 347 | + </div> | |
| 348 | + </div> | |
| 349 | + <div class="col-sm-12"> | |
| 350 | + <div class="talk__participate"> | |
| 351 | + <div class="row"> | |
| 352 | + <div class="col-sm-4 col-md-3 col-lg-2"> | |
| 353 | + <div class="row"> | |
| 354 | + <button type="button" class="button button-block">Participar</button> | |
| 355 | + </div> | |
| 352 | 356 | </div> |
| 353 | - </div> | |
| 354 | - <div class="col-sm-8 col-md-9 col-lg-10"> | |
| 355 | - <div class="row"> | |
| 356 | - <div class="talk__counter"> | |
| 357 | - <span class="talk__value">8.117</span> | |
| 358 | - <span class="talk__counter-message">se inscreveram para esse hangout</span> | |
| 357 | + <div class="col-sm-8 col-md-9 col-lg-10"> | |
| 358 | + <div class="row"> | |
| 359 | + <div class="talk__counter"> | |
| 360 | + <span class="talk__value">8.117</span> | |
| 361 | + <span class="talk__counter-message">se inscreveram para esse hangout</span> | |
| 362 | + </div> | |
| 359 | 363 | </div> |
| 360 | 364 | </div> |
| 361 | 365 | </div> | ... | ... |
sass/style.sass
| ... | ... | @@ -1089,8 +1089,27 @@ td |
| 1089 | 1089 | text-align: center |
| 1090 | 1090 | |
| 1091 | 1091 | // 6.20 - participe |
| 1092 | -// .talk__participate | |
| 1093 | -// .talk__participate | |
| 1092 | +.talk__participate | |
| 1093 | + .button | |
| 1094 | + position: relative | |
| 1095 | + z-index: 5 | |
| 1096 | +.talk__counter | |
| 1097 | + position: relative | |
| 1098 | + display: inline-block | |
| 1099 | + // line-height: 3 | |
| 1100 | + margin-left: -10px | |
| 1101 | + padding: 15px 15px 15px 25px | |
| 1102 | + height: 52px // equals button size | |
| 1103 | + background-color: #eeeff1 | |
| 1104 | + z-index: 1 | |
| 1105 | + border-radius: 10px | |
| 1106 | + | |
| 1107 | + @each $category, $color in $categories | |
| 1108 | + .#{$category} & | |
| 1109 | + color: $color | |
| 1110 | + | |
| 1111 | +.talk__value | |
| 1112 | + font-weight: bold | |
| 1094 | 1113 | |
| 1095 | 1114 | // ------------------------------------ |
| 1096 | 1115 | // 7 - Modificadores | ... | ... |