Commit 54ecb2276d3c12f505972e8abbab0bfb92debca4
1 parent
d191036c
Exists in
master
and in
2 other branches
classe img-full para telas grandes e detalhes do bloco de esportes
Showing
2 changed files
with
46 additions
and
25 deletions
Show diff stats
src/app/content.scss
| @@ -22,11 +22,11 @@ | @@ -22,11 +22,11 @@ | ||
| 22 | left: 0; | 22 | left: 0; |
| 23 | } | 23 | } |
| 24 | 24 | ||
| 25 | - @each $category, $color in $categories { | ||
| 26 | - .#{$category} & { | ||
| 27 | - background-color: $color; | ||
| 28 | - } | ||
| 29 | - } | 25 | + @each $category, $color in $categories { |
| 26 | + .#{$category} & { | ||
| 27 | + background-color: $color; | ||
| 28 | + } | ||
| 29 | + } | ||
| 30 | } | 30 | } |
| 31 | } | 31 | } |
| 32 | } | 32 | } |
| @@ -40,13 +40,13 @@ | @@ -40,13 +40,13 @@ | ||
| 40 | margin-top: 30px; | 40 | margin-top: 30px; |
| 41 | 41 | ||
| 42 | @media screen and (max-width: $screen-sm) { | 42 | @media screen and (max-width: $screen-sm) { |
| 43 | - margin-top: 20px; | ||
| 44 | - } | 43 | + margin-top: 20px; |
| 44 | + } | ||
| 45 | 45 | ||
| 46 | @media screen and (max-width: $screen-xs) { | 46 | @media screen and (max-width: $screen-xs) { |
| 47 | - margin-top: 10px; | ||
| 48 | - } | ||
| 49 | - | 47 | + margin-top: 10px; |
| 48 | + } | ||
| 49 | + | ||
| 50 | } | 50 | } |
| 51 | 51 | ||
| 52 | .col-sm-12 { | 52 | .col-sm-12 { |
| @@ -55,26 +55,33 @@ | @@ -55,26 +55,33 @@ | ||
| 55 | 55 | ||
| 56 | .icon-wrapper { | 56 | .icon-wrapper { |
| 57 | width: 61px; | 57 | width: 61px; |
| 58 | - height: 61px; | ||
| 59 | - float: left; | ||
| 60 | - border-radius: 100%; | ||
| 61 | - margin: 14px 14px 14px 0; | 58 | + height: 61px; |
| 59 | + float: left; | ||
| 60 | + border-radius: 100%; | ||
| 61 | + margin: 14px 14px 14px 0; | ||
| 62 | } | 62 | } |
| 63 | 63 | ||
| 64 | .icon { | 64 | .icon { |
| 65 | position: relative; | 65 | position: relative; |
| 66 | - top: 7px; | ||
| 67 | - left: 11px; | 66 | + top: 7px; |
| 67 | + left: 11px; | ||
| 68 | } | 68 | } |
| 69 | 69 | ||
| 70 | - @each $category, $color in $categories { | ||
| 71 | - .#{$category} & { | ||
| 72 | - color: $color; | 70 | + @each $category, $color in $categories { |
| 71 | + .#{$category} & { | ||
| 72 | + color: $color; | ||
| 73 | + | ||
| 74 | + .icon-wrapper { | ||
| 75 | + background-color: $color; | ||
| 76 | + } | ||
| 77 | + } | ||
| 73 | 78 | ||
| 74 | - .icon-wrapper { | ||
| 75 | - background-color: $color; | ||
| 76 | - } | ||
| 77 | - } | 79 | + } |
| 80 | +} | ||
| 78 | 81 | ||
| 79 | - } | 82 | +.img-full { |
| 83 | + @media (max-width: 1199) { | ||
| 84 | + width: 100%; | ||
| 85 | + height: 100%; | ||
| 86 | + } | ||
| 80 | } | 87 | } |
| 81 | \ No newline at end of file | 88 | \ No newline at end of file |
src/app/layout.scss
| @@ -445,7 +445,21 @@ ul li:last-child { | @@ -445,7 +445,21 @@ ul li:last-child { | ||
| 445 | 445 | ||
| 446 | .bloco1-futebol { | 446 | .bloco1-futebol { |
| 447 | @media (min-width: 992px) { | 447 | @media (min-width: 992px) { |
| 448 | - padding: 3% 5% 0 5%; | 448 | + padding: 10% 5% 0 5%; |
| 449 | + } | ||
| 450 | + | ||
| 451 | + @media (max-width: 1199px) { | ||
| 452 | + padding-top: 4%; | ||
| 453 | + } | ||
| 454 | + | ||
| 455 | + @media (max-width: 992px) { | ||
| 456 | + font-size: 77%; | ||
| 457 | + padding-top: 10px; | ||
| 458 | + } | ||
| 459 | + | ||
| 460 | + @media (max-width: 767px) { | ||
| 461 | + font-size: 100%; | ||
| 462 | + padding: 10px 10px 10px 10px; | ||
| 449 | } | 463 | } |
| 450 | } | 464 | } |
| 451 | 465 |