diff --git a/src/app/content.scss b/src/app/content.scss index 44c70b7..df714fd 100644 --- a/src/app/content.scss +++ b/src/app/content.scss @@ -22,11 +22,11 @@ left: 0; } - @each $category, $color in $categories { - .#{$category} & { - background-color: $color; - } - } + @each $category, $color in $categories { + .#{$category} & { + background-color: $color; + } + } } } } @@ -40,13 +40,13 @@ margin-top: 30px; @media screen and (max-width: $screen-sm) { - margin-top: 20px; - } + margin-top: 20px; + } @media screen and (max-width: $screen-xs) { - margin-top: 10px; - } - + margin-top: 10px; + } + } .col-sm-12 { @@ -55,26 +55,33 @@ .icon-wrapper { width: 61px; - height: 61px; - float: left; - border-radius: 100%; - margin: 14px 14px 14px 0; + height: 61px; + float: left; + border-radius: 100%; + margin: 14px 14px 14px 0; } .icon { position: relative; - top: 7px; - left: 11px; + top: 7px; + left: 11px; } - @each $category, $color in $categories { - .#{$category} & { - color: $color; + @each $category, $color in $categories { + .#{$category} & { + color: $color; + + .icon-wrapper { + background-color: $color; + } + } - .icon-wrapper { - background-color: $color; - } - } + } +} - } +.img-full { + @media (max-width: 1199) { + width: 100%; + height: 100%; + } } \ No newline at end of file diff --git a/src/app/layout.scss b/src/app/layout.scss index e88cf35..91a751c 100644 --- a/src/app/layout.scss +++ b/src/app/layout.scss @@ -445,7 +445,21 @@ ul li:last-child { .bloco1-futebol { @media (min-width: 992px) { - padding: 3% 5% 0 5%; + padding: 10% 5% 0 5%; + } + + @media (max-width: 1199px) { + padding-top: 4%; + } + + @media (max-width: 992px) { + font-size: 77%; + padding-top: 10px; + } + + @media (max-width: 767px) { + font-size: 100%; + padding: 10px 10px 10px 10px; } } -- libgit2 0.21.2