Commit 975967c788356c9b51f68a01fc116b10aa2ea7d4
1 parent
38d5dff0
Exists in
refactory-sass
test...
Showing
3 changed files
with
20 additions
and
24 deletions
Show diff stats
novo.css
| ... | ... | @@ -84,14 +84,14 @@ nav ul { |
| 84 | 84 | padding-top: 10px; } |
| 85 | 85 | |
| 86 | 86 | .proposal-category { |
| 87 | + background-color: #000; | |
| 88 | + border-radius: 7px; | |
| 87 | 89 | display: inline-block; |
| 88 | 90 | margin-bottom: 20px; |
| 89 | 91 | margin-right: 20px; |
| 90 | 92 | position: relative; |
| 91 | 93 | text-align: center; } |
| 92 | 94 | .proposal-category .proposal-link { |
| 93 | - background-color: #000; | |
| 94 | - border-radius: 7px; | |
| 95 | 95 | color: #fff; |
| 96 | 96 | display: inline-block; |
| 97 | 97 | font-size: 14px; |
| ... | ... | @@ -348,13 +348,13 @@ nav ul { |
| 348 | 348 | float: left; |
| 349 | 349 | width: 50%; } |
| 350 | 350 | |
| 351 | -#proposal-category-saude .proposal-link { | |
| 351 | +#proposal-category-saude { | |
| 352 | 352 | background-color: #00a9bd; |
| 353 | 353 | background-image: url(./images/icons/saude.png?3); |
| 354 | 354 | background-position: 50% 5px; |
| 355 | 355 | background-repeat: no-repeat; } |
| 356 | -#proposal-category-saude .arrow-box { | |
| 357 | - border-bottom-color: #00a9bd; } | |
| 356 | + #proposal-category-saude .arrow-box { | |
| 357 | + border-bottom-color: #00a9bd; } | |
| 358 | 358 | |
| 359 | 359 | .proposal-category-items-saude { |
| 360 | 360 | background-color: #00a9bd; } |
| ... | ... | @@ -398,13 +398,13 @@ li.category-saude { |
| 398 | 398 | .saude .talk-proposal { |
| 399 | 399 | border-color: #00a9bd; } |
| 400 | 400 | |
| 401 | -#proposal-category-seguranca .proposal-link { | |
| 401 | +#proposal-category-seguranca { | |
| 402 | 402 | background-color: #e34748; |
| 403 | 403 | background-image: url(./images/icons/seguranca.png?3); |
| 404 | 404 | background-position: 50% 5px; |
| 405 | 405 | background-repeat: no-repeat; } |
| 406 | -#proposal-category-seguranca .arrow-box { | |
| 407 | - border-bottom-color: #e34748; } | |
| 406 | + #proposal-category-seguranca .arrow-box { | |
| 407 | + border-bottom-color: #e34748; } | |
| 408 | 408 | |
| 409 | 409 | .proposal-category-items-seguranca { |
| 410 | 410 | background-color: #e34748; } |
| ... | ... | @@ -448,13 +448,13 @@ li.category-seguranca { |
| 448 | 448 | .seguranca .talk-proposal { |
| 449 | 449 | border-color: #e34748; } |
| 450 | 450 | |
| 451 | -#proposal-category-educacao .proposal-link { | |
| 451 | +#proposal-category-educacao { | |
| 452 | 452 | background-color: #ffb400; |
| 453 | 453 | background-image: url(./images/icons/educacao.png?3); |
| 454 | 454 | background-position: 50% 5px; |
| 455 | 455 | background-repeat: no-repeat; } |
| 456 | -#proposal-category-educacao .arrow-box { | |
| 457 | - border-bottom-color: #ffb400; } | |
| 456 | + #proposal-category-educacao .arrow-box { | |
| 457 | + border-bottom-color: #ffb400; } | |
| 458 | 458 | |
| 459 | 459 | .proposal-category-items-educacao { |
| 460 | 460 | background-color: #ffb400; } |
| ... | ... | @@ -498,13 +498,13 @@ li.category-educacao { |
| 498 | 498 | .educacao .talk-proposal { |
| 499 | 499 | border-color: #ffb400; } |
| 500 | 500 | |
| 501 | -#proposal-category-reducao-da-pobreza .proposal-link { | |
| 501 | +#proposal-category-reducao-da-pobreza { | |
| 502 | 502 | background-color: #51d0b3; |
| 503 | 503 | background-image: url(./images/icons/reducao-da-pobreza.png?3); |
| 504 | 504 | background-position: 50% 5px; |
| 505 | 505 | background-repeat: no-repeat; } |
| 506 | -#proposal-category-reducao-da-pobreza .arrow-box { | |
| 507 | - border-bottom-color: #51d0b3; } | |
| 506 | + #proposal-category-reducao-da-pobreza .arrow-box { | |
| 507 | + border-bottom-color: #51d0b3; } | |
| 508 | 508 | |
| 509 | 509 | .proposal-category-items-reducao-da-pobreza { |
| 510 | 510 | background-color: #51d0b3; } | ... | ... |
sass/novo/_colors.scss
| ... | ... | @@ -2,14 +2,10 @@ |
| 2 | 2 | #proposal { |
| 3 | 3 | &-category { |
| 4 | 4 | &-#{$category} { |
| 5 | - .proposal { | |
| 6 | - &-link { | |
| 7 | - background-color: $color; | |
| 8 | - background-image: url(./images/icons/#{$category}.png?3); | |
| 9 | - background-position: 50% 5px; | |
| 10 | - background-repeat: no-repeat; | |
| 11 | - } | |
| 12 | - } | |
| 5 | + background-color: $color; | |
| 6 | + background-image: url(./images/icons/#{$category}.png?3); | |
| 7 | + background-position: 50% 5px; | |
| 8 | + background-repeat: no-repeat; | |
| 13 | 9 | .arrow-box { |
| 14 | 10 | border-bottom-color: $color; |
| 15 | 11 | } | ... | ... |
sass/novo/_proposal_categories.scss
| ... | ... | @@ -28,6 +28,8 @@ |
| 28 | 28 | } |
| 29 | 29 | .proposal { |
| 30 | 30 | &-category { |
| 31 | + background-color: #000; | |
| 32 | + border-radius: $default-radius-size; | |
| 31 | 33 | display: inline-block; |
| 32 | 34 | margin-bottom: $default-spacing-size; |
| 33 | 35 | margin-right: $default-spacing-size; |
| ... | ... | @@ -35,8 +37,6 @@ |
| 35 | 37 | text-align: center; |
| 36 | 38 | .proposal { |
| 37 | 39 | &-link { |
| 38 | - background-color: #000; | |
| 39 | - border-radius: $default-radius-size; | |
| 40 | 40 | color: #fff; |
| 41 | 41 | display: inline-block; |
| 42 | 42 | font-size: $small-font-size; | ... | ... |