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 | 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 | ... | ... |