Commit b5c359d14a13c617aa5f72826eaba829da12a994
1 parent
1bee69d254
Exists in
master
Cambio de estilos.
Showing
2 changed files
with
2 additions
and
2 deletions
Show diff stats
src/sass/_contenedor.scss
| 1 | body { | 1 | body { |
| 2 | background-color: #cccccc; | 2 | background: linear-gradient(0deg, hsl(0, 0%, 70%),hsl(0, 0%, 90%)); |
| 3 | } | 3 | } |
| 4 | 4 | ||
| 5 | .contenedor { | 5 | .contenedor { |
| 6 | @media (min-width: 768px) { | 6 | @media (min-width: 768px) { |
| 7 | min-height: 600px; | 7 | min-height: 600px; |
| 8 | min-width: 800px; | 8 | min-width: 800px; |
| 9 | } | 9 | } |
| 10 | } | 10 | } |
| 11 | 11 | ||
| 12 | .grilla-articulo { | 12 | .grilla-articulo { |
| 13 | @media (min-width: 768px) { | 13 | @media (min-width: 768px) { |
| 14 | height: 300px; | 14 | height: 300px; |
| 15 | } | 15 | } |
| 16 | } | 16 | } |
| 17 | 17 |
src/sass/_swiper.scss
| 1 | .swiper { | 1 | .swiper { |
| 2 | &-container { | 2 | &-container { |
| 3 | height: 300px; | 3 | height: 300px; |
| 4 | } | 4 | } |
| 5 | &-slide { | 5 | &-slide { |
| 6 | background: transparent; | 6 | background: transparent; |
| 7 | height: 400px; | 7 | height: 400px; |
| 8 | text-align: unset; | 8 | text-align: unset; |
| 9 | -webkit-align-items: unset; | 9 | -webkit-align-items: unset; |
| 10 | align-items: unset; | 10 | align-items: unset; |
| 11 | } | 11 | } |
| 12 | 12 | ||
| 13 | @media(max-width: 992px){ | 13 | @media(max-width: 992px){ |
| 14 | &-container{ | 14 | &-container{ |
| 15 | height: 430px; | 15 | height: 430px; |
| 16 | } | 16 | } |
| 17 | &-pagination{ | 17 | &-pagination{ |
| 18 | background: #CCC; | 18 | background: none; |
| 19 | padding: 0.5rem; | 19 | padding: 0.5rem; |
| 20 | } | 20 | } |
| 21 | } | 21 | } |
| 22 | } | 22 | } |
| 23 | 23 | ||
| 24 | .swiper-pagination-bullet-active { | 24 | .swiper-pagination-bullet-active { |
| 25 | opacity: 1; | 25 | opacity: 1; |
| 26 | background: #CD9035; | 26 | background: #CD9035; |
| 27 | } | 27 | } |
| 28 | 28 |