Download as
Browse Code »

Commit 7860421883f503f34af5a28dd59b50ac12547c4e

Authored by Leandro Santos
2 parents 924d8ca3 ab507ed9
Exists in master and in 5 other branches build, build2, contigency_plan_recaptcha, production, staging

Merge branch 'master' of gitlab.com:participa/proposal-app

Showing 3 changed files with 935 additions and 1 deletions   Show diff stats
.gitignore
  Diff comments   View file @7860421
... ... @@ -5,6 +5,5 @@ node_modules/
5 5 bower_components/
6 6 sass/novo.scss
7 7 sass/bootstrap.scss
8   -sass/novo.sass
9 8 style.css
10 9 style.css.map
11 10 \ No newline at end of file
... ...
novo.css
  Diff comments   View file @7860421
... ... @@ -154,6 +154,7 @@ blockquote {
154 154 background-color: #d9d9d9;
155 155 text-decoration: none; }
156 156 .icon-theme {
  157 + background-size: 35px !important;
157 158 height: 48px;
158 159 width: 48px;
159 160 vertical-align: middle;
... ...
sass/novo.sass 0 → 100644
  Diff comments   View file @7860421
... ... @@ -0,0 +1,934 @@
  1 +// ------------------------------------
  2 +// Organização da folha de estilo:
  3 +//
  4 +// 1 - Variaveis
  5 +// 1.1 - espacamento
  6 +// 1.2 - arredondamento
  7 +// 1.3 - tamanhos de fontes
  8 +// 1.4 - dicionarios
  9 +// 1.5 - cores
  10 +// 1.6 - escurecer
  11 +// 2 - Mixins
  12 +// 2.1 - hover
  13 +// 3 - Base
  14 +// 4 - Grid
  15 +// 5 - Elementos reusaveis
  16 +// 5.1 - botao padrao
  17 +// 5.2 - botao voltar
  18 +// 5.3 - icones
  19 +// 6 - Blocos de elementos
  20 +// 6.1 - compartilhar
  21 +// 6.2 - logo
  22 +// 6.3 - tabs de temas e programas
  23 +// 6.4 - blocos dos temas
  24 +// 6.5 - listagem dos programas
  25 +// 6.6 - blocos dos programas
  26 +// 6.7 - header do programa e select box
  27 +// 6.8 - imagem destaque do programa, titulo, descricao e botao de acesso
  28 +// 6.9 - login form
  29 +// 6.10 - votacao
  30 +// 6.11 - lista de resultados
  31 +// 6.12 - paginador
  32 +// 6.13 - calendario dos ministros
  33 +// 6.14 - listas
  34 +// 7 - Modificadores
  35 +// 8 - Cores do Temas
  36 +// 9 - Alto Contraste
  37 +// ------------------------------------
  38 +
  39 +
  40 +// ------------------------------------
  41 +// 1 - Variaveis
  42 +// ------------------------------------
  43 +
  44 +// 1.1 - espacamento
  45 +$gutter: 20px
  46 +
  47 +// 1.2 - arredondamento
  48 +$radius: 3px
  49 +
  50 +// 1.3 - tamanhos de fontes
  51 +$font-size-base: 16px
  52 +$font-size-big: $font-size-base + 2
  53 +$font-size-small: $font-size-base - 2
  54 +$font-size-h1: 28px
  55 +$font-size-h2: 38px
  56 +$font-size-h3: 28px
  57 +$font-size-h4: 34px
  58 +$theme-size-header: 24px
  59 +$proposal-title: 32px
  60 +
  61 +// 1.4 - dicionarios
  62 +$categories: (saude: #3449b7, seguranca-publica: #ee2a61, educacao: #f39720, reducao-da-pobreza: #3ebb8f)
  63 +$categories-descriptions: (saude: "Saúde é direito de todos e dever do Estado. O Sistema Único de Saúde (SUS) é universal, integral e de responsabilidade do Governo Federal, estados e municípios. Atende a todos os brasileiros.", seguranca-publica: "A segurança pública é um direito fundamental dos cidadãos. A proteção da vida, a disseminação da cultura da paz e a integração dos órgãos e instituições municipais, estaduais e federais são os maiores compromissos dessa política pública.", educacao: "Uma pátria educadora se faz com oportunidades para todos. Nos últimos anos, o Brasil criou esse caminho de oportunidades. Ampliamos o acesso à educação em todos os níveis de ensino – da creche à pós-graduação – e para todos os brasileiros, independentemente de sua classe social. E ainda há muito a fazer. O Plano Nacional de Educação (PNE) estabelece novas metas para que o governo federal trabalhe em parceria com a sociedade, com os estados e os municípios na construção de um futuro melhor. Queremos agora um salto na qualidade do ensino.", reducao-da-pobreza: "Com o esforço do Brasil para reduzir a pobreza e a desigualdade, 36 milhões de pessoas superaram a miséria na última década e o país saiu do Mapa da Fome das Nações Unidas.")
  64 +
  65 +// 1.5 - cores
  66 +$header-color: #03316f
  67 +$link-color: #335277
  68 +
  69 +// 1.6 - escurecer
  70 +$darken: 15%
  71 +
  72 +
  73 +// ------------------------------------
  74 +// 2 - Mixins
  75 +// ------------------------------------
  76 +
  77 +// 2.1 - hover
  78 +=hover($color, $amount)
  79 + transition: all 400ms
  80 + &:hover
  81 + background-color: darken($color, $amount)
  82 + text-decoration: none
  83 +
  84 +// ------------------------------------
  85 +// 3 - Base
  86 +// ------------------------------------
  87 +
  88 +body
  89 + font-family: 'Open Sans', sans-serif
  90 + font-size: $font-size-base
  91 + font-weight: 400
  92 +h1
  93 + font-size: $font-size-h1
  94 + font-weight: 500
  95 + margin: $gutter 0
  96 + text-transform: uppercase
  97 + a
  98 + color: $header-color
  99 +h2
  100 + border-bottom: 1px solid darken(#eeeff1,$darken)
  101 + font-size: $font-size-h2
  102 + font-weight: 500
  103 + margin-bottom: $gutter * 2
  104 + padding-bottom: $gutter
  105 + small
  106 + display: block
  107 + font-size: 16px
  108 + padding-top: $gutter * 0.25
  109 + text-transform: none
  110 +h3
  111 + font-size: $font-size-h3
  112 + font-weight: 500
  113 +h4
  114 + font-size: $font-size-h4
  115 + font-weight: 500
  116 +p,ul,select
  117 + color: #000
  118 +blockquote
  119 + border-bottom: 5px solid
  120 + border-left: 0
  121 + border-right: 0
  122 + border-top: 5px solid
  123 + font-size: $font-size-h1
  124 + margin: $gutter 0
  125 + padding: $gutter 0
  126 +
  127 +// ------------------------------------
  128 +// 4 - Grid
  129 +// ------------------------------------
  130 +
  131 +.container, .row
  132 + margin-bottom: $gutter
  133 +
  134 +
  135 +// ------------------------------------
  136 +// 5 - Elementos reusaveis
  137 +// ------------------------------------
  138 +.hide
  139 + display: none
  140 +
  141 +.button
  142 + border-bottom: 3px solid #000
  143 + border-left: 0
  144 + border-right: 0
  145 + border-top: 0
  146 + border-radius: $radius * 2
  147 + color: #fff
  148 + cursor: pointer
  149 + display: block
  150 + font-size: $font-size-base
  151 + font-weight: 700
  152 + padding-bottom: $gutter * 0.75
  153 + padding-left: 0
  154 + padding-right: 0
  155 + padding-top: $gutter * 0.75
  156 + text-align: center
  157 + +hover(#000,$darken)
  158 + &:hover, &:focus
  159 + color: #fff
  160 + &-inline
  161 + display: inline-block
  162 + padding-bottom: $gutter * 0.25 !important
  163 + padding-top: $gutter * 0.25 !important
  164 + &-cancela
  165 + @extend .button
  166 + &-send
  167 + span
  168 + background-image: url(images/airplane.png)
  169 + background-position: left center
  170 + background-repeat: no-repeat
  171 + color: #fff
  172 + padding-left: $gutter * 1.5
  173 + &-participe
  174 + .fa
  175 + margin-right: $gutter * 0.5
  176 +
  177 +.btn
  178 + background-color: transparent
  179 + border: 0
  180 + color: #fff
  181 + font-size: $font-size-small
  182 + font-weight: 700
  183 + padding-bottom: 0
  184 + padding-left: $gutter * 0.5
  185 + padding-right: $gutter * 0.5
  186 + padding-top: 0
  187 + vertical-align: middle
  188 +
  189 +.icon
  190 + background-repeat: no-repeat
  191 + background-position: 50% !important
  192 + background-size: auto !important
  193 + border: 0 !important
  194 + border-radius: 100%
  195 + color: #fff !important
  196 + display: inline-block
  197 + font-size: 20px
  198 + height: 36px
  199 + min-width: 0 !important
  200 + text-align: center
  201 + transform: all 200ms
  202 + width: 36px
  203 + &-facebook
  204 + background-color: #537abb
  205 + padding: 8px 0
  206 + +hover(#537abb,$darken)
  207 + &-twitter
  208 + background-color: #78caee
  209 + padding: 8px 0
  210 + +hover(#78caee,$darken)
  211 + &-gplus
  212 + background-color: #d54000
  213 + padding: 9px 0
  214 + +hover(#d54000,$darken)
  215 + &-whatsapp
  216 + background-color: #56ba62
  217 + padding: 7px 0
  218 + +hover(#56ba62,$darken)
  219 + &-email
  220 + background-color: #edb24c
  221 + padding: 7px 0
  222 + +hover(#edb24c,$darken)
  223 + &.disabled
  224 + background-color: #fff
  225 + color: #000
  226 + +hover(#fff,$darken)
  227 + &-theme
  228 + background-size: 35px !important
  229 + height: 48px
  230 + width: 48px
  231 + vertical-align: middle
  232 + margin-right: $gutter * 0.5
  233 + &-vote
  234 + display: inline-block
  235 + font-size: 35px
  236 + height: 64px
  237 + margin: 0 6%
  238 + padding: 3px 0
  239 + width: 64px
  240 + &.dislike
  241 + background-color: #db4127
  242 + border-bottom: 3px solid darken(#db4127, $darken) !important
  243 + +hover(#db4127, $darken)
  244 + &.like
  245 + background-color: #32dbb5
  246 + border-bottom: 3px solid darken(#32dbb5, $darken) !important
  247 + +hover(#32dbb5, $darken)
  248 +
  249 +
  250 +// ------------------------------------
  251 +// 6 - Blocos de elementos
  252 +// ------------------------------------
  253 +
  254 +// 6.1 - compartilhar
  255 +.social
  256 + position: relative
  257 + z-index: 1
  258 + &.top
  259 + float: right
  260 + margin-top: $gutter * 2
  261 + &.right
  262 + padding-top: 10px
  263 + > span
  264 + color: #000
  265 + display: inline-block
  266 + font-size: 12px
  267 + font-weight: 300
  268 + padding-right: 10px
  269 + text-align: right
  270 + vertical-align: middle
  271 + ul
  272 + display: inline-block
  273 + vertical-align: middle
  274 + span
  275 + display: block
  276 + margin-bottom: 10px
  277 + ul
  278 + list-style: none
  279 + padding-left: 0
  280 + li
  281 + display: inline-block
  282 + padding: 0 2px !important
  283 + vertical-align: top
  284 +
  285 +// 6.2 - logo
  286 +h1
  287 + float: left
  288 + a
  289 + background: url(images/logo.png) no-repeat center
  290 + display: inline-block
  291 + height: 80px
  292 + text-indent: -99999px
  293 + width: 160px
  294 +
  295 +// 6.3 - video
  296 +#content
  297 + margin-bottom: $gutter * 1.5
  298 +
  299 +// 6.4 - background do conteudo
  300 +.content
  301 + padding-top: $gutter * 1.5
  302 + &.background
  303 + background-color: #f1f1f1
  304 +
  305 +// 6.5 - tabs de temas e programas (pagina antiga)
  306 +.tab
  307 + margin-top: $gutter
  308 + ul
  309 + font-size: 0
  310 + list-style: none
  311 + margin-bottom: 0
  312 + padding-left: 0
  313 + li
  314 + display: inline-block
  315 + font-size: $font-size-base
  316 + width: 50%
  317 + a
  318 + background-color: #efefef
  319 + border-bottom: 1px solid #000
  320 + color: #000
  321 + display: block
  322 + font-weight: 700
  323 + padding-bottom: $gutter
  324 + padding-left: $gutter * 0.25
  325 + padding-right: $gutter * 0.25
  326 + padding-top: $gutter
  327 + text-align: center
  328 + text-transform: uppercase
  329 + .active
  330 + background-color: #fff
  331 + border-bottom: 1px solid #fff
  332 + border-left: 1px solid #000
  333 + border-right: 1px solid #000
  334 + border-top: 1px solid #000
  335 +
  336 +// 6.6 - menu dos temas
  337 +#proposal
  338 + &-categories
  339 + ul
  340 + list-style: none
  341 + padding-left: 0
  342 +.themes
  343 + li
  344 + border-bottom: 1px solid #f1f1f1
  345 + display: block
  346 + font-size: $font-size-base
  347 + a
  348 + background-color: #fff
  349 + color: #484848
  350 + display: block
  351 + font-family: asap, sans
  352 + font-size: $font-size-small
  353 + font-weight: 700
  354 + padding-bottom: $gutter * 0.5
  355 + padding-left: $gutter
  356 + padding-right: $gutter
  357 + padding-top: $gutter * 0.5
  358 + text-transform: uppercase
  359 + &:hover,&:focus
  360 + text-decoration: none
  361 + .arrow-box
  362 + position: relative
  363 + top: $gutter
  364 + &:after
  365 + bottom: 100%
  366 + left: 50%
  367 + border: solid transparent
  368 + content: ""
  369 + position: absolute
  370 + border-bottom-color: #000
  371 + border-width: 8px
  372 + margin-left: -8px
  373 +
  374 +// 6.7 - listagem dos programas aleatorios
  375 +.proposal
  376 + &-container
  377 + border-radius: $radius
  378 + margin-bottom: $gutter
  379 + &-list
  380 + list-style: none
  381 + padding-left: 0
  382 + &-group
  383 + ul
  384 + list-style: none
  385 + padding-left: 0
  386 +
  387 +// 6.8 - blocos dos programas
  388 +.box
  389 + background-color: #fff
  390 + border-radius: $radius
  391 + color: #000
  392 + display: block
  393 + height: 200px
  394 + margin-top: $gutter * 1.5
  395 + overflow: auto
  396 + transition: all 400ms
  397 + +hover(#fff,$darken)
  398 + &:hover
  399 + text-decoration: none
  400 + p
  401 + border-bottom: 1px dotted #000
  402 + padding-bottom: $gutter * 0.75
  403 + &-propostas
  404 + height: auto
  405 + border: 1px solid
  406 + margin-bottom: $gutter * 0.5
  407 + margin-top: 0
  408 + padding: $gutter
  409 + position: relative
  410 + &:hover
  411 + background-color: #fff
  412 + p
  413 + border-bottom: 0
  414 + padding-bottom: inherit
  415 + &-apoie
  416 + p
  417 + @extend .box-subtitle
  418 + border-bottom: 0
  419 + padding-bottom: inherit
  420 + &-header
  421 + color: $link-color
  422 + font-family: asap, sans
  423 + font-size: $theme-size-header
  424 + font-weight: 700
  425 + p
  426 + font-size: $font-size-small
  427 + &-body
  428 + padding: $gutter
  429 + &-category
  430 + font-size: $font-size-small
  431 + font-weight: 700
  432 + list-style: none
  433 + text-transform: uppercase
  434 + div
  435 + color: #fff
  436 + padding-bottom: $gutter * 0.25
  437 + padding-left: $gutter
  438 + padding-right: $gutter * 0.5
  439 + padding-top: $gutter * 0.25
  440 + &-title
  441 + font-size: $font-size-h2
  442 + font-weight: 400
  443 + margin-bottom: $gutter
  444 + &-subtitle
  445 + color: $link-color
  446 + font-size: $theme-size-header
  447 + font-weight: 700
  448 + line-height: 1.2
  449 + margin-bottom: $gutter
  450 + &-info
  451 + margin-bottom: $gutter
  452 + &-footer
  453 + margin-bottom: $gutter * 0.25
  454 + margin-left: auto
  455 + margin-right: auto
  456 + margin-top: $gutter
  457 + width: 40%
  458 + &-bottom
  459 + @extend .box-footer
  460 + bottom: 10px
  461 + color: #000
  462 + display: inline-block
  463 + font-size: $font-size-small
  464 + font-weight: 700
  465 + margin-bottom: $gutter * 0.75
  466 + margin-top: 0
  467 + text-align: center
  468 + &:hover, &:focus
  469 + color: #000
  470 + &-center
  471 + text-align: center
  472 +
  473 +// 6.9 - header do programa e select box
  474 +.select
  475 + background-color: #000
  476 + margin-bottom: $gutter * 0.5
  477 + padding: $gutter * 0.25
  478 + .proposal
  479 + &-link
  480 + color: #fff
  481 + display: inline-block
  482 + font-size: $theme-size-header
  483 + font-weight: 700
  484 + padding-bottom: 0
  485 + padding-left: $gutter * 2.25
  486 + padding-right: 0
  487 + padding-top: 0
  488 + vertical-align: middle
  489 + &-selection
  490 + background-color: #fff
  491 + border: 0
  492 + border-radius: 3px
  493 + float: right
  494 + margin: 4px
  495 + width: 50%
  496 + vertical-align: middle
  497 +
  498 +// 6.10 - imagem destaque do programa, titulo, descricao e botao de acesso
  499 +.proposal-header
  500 + position: relative
  501 + .title
  502 + background-color: #000
  503 + bottom: 170px
  504 + color: #fff
  505 + font-size: $proposal-title
  506 + font-weight: 700
  507 + margin-bottom: $gutter * 1.25
  508 + margin-left: 0
  509 + margin-right: 0
  510 + margin-top: $gutter * 1.25
  511 + padding: $gutter
  512 + position: absolute
  513 + right: 0
  514 + text-align: center
  515 + text-transform: uppercase
  516 + width: 50%
  517 + vertical-align: middle
  518 + .show_body
  519 + margin-bottom: $gutter
  520 + margin-top: $gutter
  521 + a
  522 + background-color: lighten(#000, 40%)
  523 + border-bottom: 5px solid #000
  524 + border-left: 0
  525 + border-right: 0
  526 + border-top: 0
  527 + border-radius: $radius * 2
  528 + color: #fff
  529 + font-size: $font-size-h2
  530 + font-weight: 700
  531 + padding-bottom: $gutter * 0.5
  532 + padding-left: 0
  533 + padding-right: 0
  534 + padding-top: $gutter * 0.5
  535 + text-align: center
  536 + +hover(#000,$darken)
  537 + img
  538 + width: 100%
  539 + p
  540 + @extend .title
  541 + bottom: 140px
  542 + font-size: $font-size-small
  543 + margin-bottom: $gutter * 0.5
  544 + padding-top: $gutter * 0.25
  545 + text-transform: none
  546 +
  547 +// 6.11 - login form
  548 +.participar
  549 + text-align: right
  550 + .participe
  551 + background-color: #387bf9
  552 + border-color: darken(#387bf9, $darken)
  553 + font-size: 14px
  554 + padding: 2px 10px
  555 + .entrar
  556 + background: url(images/icons/icon-user.png) no-repeat 20px 50%
  557 + border-left: 1px solid #bcbcbc
  558 + margin-left: 20px
  559 + padding-left: 40px
  560 +.login,.signup
  561 + text-align: left
  562 + .message
  563 + background: #fcc
  564 + border: 1px solid #b00
  565 + border-radius: $radius
  566 + color: #b00
  567 + font-weight: 700
  568 + padding-bottom: $gutter * 0.25
  569 + padding-left: $gutter * 0.5
  570 + padding-right: $gutter * 0.5
  571 + padding-top: $gutter * 0.25
  572 + margin-bottom: $gutter
  573 + input
  574 + border: 1px solid
  575 + display: block
  576 + margin-bottom: $gutter
  577 + padding-bottom: $gutter * 0.25
  578 + padding-left: $gutter * 0.5
  579 + padding-right: $gutter * 0.5
  580 + padding-top: $gutter * 0.25
  581 + width: 100%
  582 + &.button
  583 + @extend .button
  584 + margin-bottom: $gutter * 0.25
  585 +
  586 + .label
  587 + vertical-align: middle
  588 + .icon
  589 + vertical-align: middle
  590 + .oauth
  591 + margin-top: $gutter * 0.5
  592 + text-align: right
  593 + .forgot-password
  594 + display: block
  595 + font-size: $font-size-small
  596 + text-align: center
  597 + i
  598 + font-style: normal
  599 + font-weight: 700
  600 + padding-left: $gutter * 0.25
  601 + padding-right: $gutter * 0.25
  602 + .row
  603 + input
  604 + margin-bottom: 0
  605 +
  606 +// 6.12 - votacao
  607 +.vote-actions
  608 + .like
  609 + display: inline-block
  610 + .dislike
  611 +
  612 +// 6.13 - lista de resultados
  613 +.results-content
  614 + .total
  615 + float: left
  616 + .vote-result
  617 + float: right
  618 + .updated-at
  619 + @extend .vote-result
  620 + margin-top: $gutter
  621 + table
  622 + clear: both
  623 + font-weight: 300
  624 + tr:nth-child(odd)
  625 + background: #e5e5e5
  626 + td
  627 + padding: $gutter * 0.25
  628 + .header
  629 + font-weight: 700
  630 + text-align: center
  631 + .abstract-text
  632 + width: 80%
  633 + p
  634 + margin: inherit
  635 + .value
  636 + text-align: center
  637 + width: 10%
  638 + .truncate
  639 + display: table
  640 + table-layout: fixed
  641 + width: 100%
  642 + .truncated
  643 + overflow-x: hidden
  644 + text-overflow: ellipsis
  645 + white-space: nowrap
  646 +
  647 +// 6.14 - paginador
  648 +.paging
  649 + padding: $gutter * 0.25
  650 + ul
  651 + display: table
  652 + list-style: none
  653 + margin: auto
  654 + padding: 0
  655 + li
  656 + float: left
  657 + span
  658 + @extend .page-link
  659 + .page-link
  660 + padding: 0 7px
  661 + font-size: $font-size-small
  662 + font-weight: 400
  663 + text-align: center
  664 + background-color: #000
  665 + color: #fff
  666 + display: inline-block
  667 + line-height: 24px
  668 + .current
  669 + background-color: lighten(#000, $darken)
  670 + .next
  671 + border-radius: 0 $radius $radius 0
  672 + .prev
  673 + border-radius: $radius 0 0 $radius
  674 +
  675 +// 6.15 - calendario dos ministros
  676 +.slick
  677 + &-slider
  678 + list-style: none
  679 + margin-bottom: 0
  680 + margin-left: auto
  681 + margin-right: auto
  682 + margin-top: $gutter * 2
  683 + padding: 0
  684 + position: relative
  685 + width: 80%
  686 + li
  687 + background-color: #eeeff1
  688 + margin-bottom: $gutter * 0.25
  689 + padding: $gutter * 0.5
  690 + span
  691 + display: block
  692 + .date, .time
  693 + display: inline-block
  694 + margin-top: $gutter
  695 + width: 45%
  696 + &-list
  697 + overflow: hidden
  698 + &-slide
  699 + float: left
  700 + &-def
  701 + background-color: transparent
  702 + border: 0
  703 + color: #000
  704 + font-size: 0
  705 + position: absolute
  706 + top: 43%
  707 + width: 20px
  708 + &:before
  709 + font-family: "FontAwesome"
  710 + font-size: 20px
  711 + &-prev
  712 + @extend .slick-def
  713 + left: -25px
  714 + &:before
  715 + content: "\f053"
  716 + &-next
  717 + @extend .slick-def
  718 + right: -25px
  719 + &:before
  720 + content: "\f054"
  721 + &-disabled
  722 + opacity: 0.25
  723 +
  724 +// 6.16 - listas
  725 +.list-container-border
  726 + border: 3px solid
  727 + border-radius: $radius
  728 +.list
  729 + &-unstyled
  730 + li
  731 + border-top: 1px solid darken(#eeeff1,$darken)
  732 + font-size: $font-size-big
  733 + font-weight: 700
  734 + padding: $gutter
  735 + &:first-child
  736 + border-top: 0
  737 + &-styled
  738 + margin-left: $gutter
  739 + padding-left: 0
  740 +.no-border
  741 + li
  742 + border: 0
  743 + padding-bottom: $gutter * 0.25
  744 + padding-left: 0
  745 + padding-right: 0
  746 + padding-top: $gutter * 0.25
  747 +
  748 +
  749 +// ------------------------------------
  750 +// 7 - Modificadores
  751 +// ------------------------------------
  752 +h2
  753 + &.name
  754 + color: #6c6c6c
  755 + font-size: $font-size-big
  756 + font-weight: 700
  757 + margin: 0
  758 + padding: 0
  759 + text-transform: none
  760 + &.menu
  761 + background-color: #484848
  762 + border: 0
  763 + border-top-left-radius: $radius
  764 + border-top-right-radius: $radius
  765 + color: #fff
  766 + font-size: $font-size-base - 1
  767 + font-weight: 300
  768 + margin: 0
  769 + padding-bottom: $gutter
  770 + padding-left: $gutter
  771 + padding-right: $gutter
  772 + padding-top: $gutter
  773 +
  774 +h3.titulo-destaque
  775 + font-size: $font-size-h3 + 10
  776 +.bloco-destaque
  777 + padding: $gutter * 1.75
  778 + border-radius: $radius
  779 + h4
  780 + margin-bottom: $gutter * 3
  781 +
  782 +@each $category, $description in $categories-descriptions
  783 + section.#{$category}
  784 + .description
  785 + margin-top: $gutter
  786 + &:before
  787 + content: "#{$description}"
  788 + color: #6c6c6c
  789 + font-family: asap, sans
  790 + padding-top: $gutter
  791 +
  792 +
  793 +// ------------------------------------
  794 +// 8 - Cores do Temas
  795 +// ------------------------------------
  796 +
  797 +@each $category, $color in $categories
  798 + .#{$category}
  799 + color: $color
  800 + a
  801 + color: $color
  802 + .button,.show_body a
  803 + background-color: $color
  804 + border-color: darken($color, $darken)
  805 + color: #fff
  806 + +hover($color,$darken)
  807 + .select
  808 + background-color: $color
  809 + .proposal
  810 + &-header
  811 + .title,p
  812 + background-color: darken($color, $darken)
  813 + .box
  814 + &-propostas
  815 + border-color: $color
  816 + &-title,&-bottom
  817 + color: $color
  818 + &-category
  819 + li
  820 + background-color: $color
  821 + .slick
  822 + &-prev,&-next
  823 + color: $color
  824 + &-slider
  825 + .date,.time
  826 + color: $color
  827 + .login,.signup
  828 + input
  829 + border-color: $color
  830 + &.button
  831 + +hover($color,$darken)
  832 + i
  833 + color: $color
  834 + .list
  835 + &-unstyled li
  836 + color: $color
  837 + .bloco-destaque
  838 + background-color: $color
  839 + background-image: url(http://www.participa.br/articles/public/0009/6039/mais-medicos-foto4.png)
  840 + background-repeat: no-repeat
  841 + background-position: 100% 100%
  842 + color: #fff
  843 + p
  844 + color: #fff
  845 + .select
  846 + .proposal-link
  847 + background-image: url(images/icons/#{$category}.png)
  848 + background-position: 5px 50%
  849 + background-repeat: no-repeat
  850 + background-size: 32px
  851 + .category-#{$category}
  852 + background-color: $color
  853 + background-position: 5px 50%
  854 + background-repeat: no-repeat
  855 + background-size: 40px
  856 + border-color: darken($color, $darken)
  857 + .icon
  858 + &-#{$category}
  859 + background-color: $color
  860 + background-image: url(images/icons/#{$category}.png)
  861 +
  862 +
  863 +// ------------------------------------
  864 +// 9 - Alto Contraste
  865 +// ------------------------------------
  866 +
  867 +.contrast
  868 + background-color: #000
  869 + color: #fff
  870 + .container
  871 + h2,h3,h4,a,p,li,label,.label,.login i
  872 + color: #fff
  873 + a
  874 + text-decoration: underline
  875 + small
  876 + color: darken(#fff, 40%)
  877 + .button,.show_body a,.login input.button,.box-category li
  878 + background-color: #fff
  879 + border-color: darken(#fff, 40%)
  880 + color: #000
  881 + text-decoration: none
  882 + +hover(#fff, 40%)
  883 + .icon
  884 + &-facebook
  885 + background-image: url(images/icons/icon-facebook-contrast.png) !important
  886 + &-twitter
  887 + background-image: url(images/icons/icon-twitter-contrast.png) !important
  888 + &-gplus
  889 + background-image: url(images/icons/icon-gplus-contrast.png) !important
  890 + &-whatsapp
  891 + background-image: url(images/icons/icon-whatsapp-contrast.png) !important
  892 + .tab
  893 + a
  894 + background-color: darken(#fff, 85%)
  895 + border-bottom-color: #fff
  896 + .active
  897 + background-color: #000
  898 + border-color: #fff
  899 + border-bottom-color: #000
  900 + #proposal-categories,#proposal-group
  901 + border-color: #fff
  902 + .proposal-category
  903 + a
  904 + background-color: darken(#fff, 85%) !important
  905 + .arrow-box:after
  906 + border-bottom-color: darken(#fff, 85%) !important
  907 + .select
  908 + background-color: darken(#fff, 85%)
  909 + section
  910 + background-color: darken(#fff, 85%)
  911 + &:hover
  912 + background-color: darken(#fff, 85%)
  913 + .box
  914 + background-color: #000
  915 + .proposal-header
  916 + .title, p
  917 + background-color: darken(#fff, 85%)
  918 + .box
  919 + background-color: darken(#fff, 85%)
  920 + text-decoration: none
  921 + &-propostas
  922 + border-color: #fff
  923 + &-title,&-subtitle,&-info,&-bottom,.social span,&-header
  924 + color: #fff
  925 + .slick
  926 + &-prev,&-next
  927 + color: #fff
  928 + &-slider
  929 + li
  930 + background-color: #000
  931 + .date,.time
  932 + color: #fff
  933 + .bloco-destaque
  934 + background: darken(#fff, 85%)
0 935 \ No newline at end of file
... ...