Commit 54ecb2276d3c12f505972e8abbab0bfb92debca4

Authored by Rafael Diego
1 parent d191036c

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 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 40 margin-top: 30px;
41 41  
42 42 @media screen and (max-width: $screen-sm) {
43   - margin-top: 20px;
44   - }
  43 + margin-top: 20px;
  44 + }
45 45  
46 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 52 .col-sm-12 {
... ... @@ -55,26 +55,33 @@
55 55  
56 56 .icon-wrapper {
57 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 64 .icon {
65 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 88 \ No newline at end of file
... ...
src/app/layout.scss
... ... @@ -445,7 +445,21 @@ ul li:last-child {
445 445  
446 446 .bloco1-futebol {
447 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  
... ...