diff --git a/src/assets/scss/_media_query.scss b/src/assets/scss/_media_query.scss index 1635810..500a9ac 100644 --- a/src/assets/scss/_media_query.scss +++ b/src/assets/scss/_media_query.scss @@ -78,6 +78,75 @@ nav{ } } } + .tainacan-img-dest{ + @media only screen and (min-width: 768px) { + + /* show 3 items */ + .carousel-inner .active, + .carousel-inner .active + .carousel-item, + .carousel-inner .active + .carousel-item + .carousel-item, + .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item { + display: block; + } + + .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left), + .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item, + .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item, + .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item { + transition: none; + } + + .carousel-inner .carousel-item-next, + .carousel-inner .carousel-item-prev { + position: relative; + transform: translate3d(0, 0, 0); + } + + .carousel-inner .active.carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item { + position: absolute; + top: 0; + right: -25%; + z-index: -1; + display: block; + visibility: visible; + } + + /* left or forward direction */ + .active.carousel-item-left + .carousel-item-next.carousel-item-left, + .carousel-item-next.carousel-item-left + .carousel-item, + .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item, + .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item, + .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item { + position: relative; + transform: translate3d(-100%, 0, 0); + visibility: visible; + } + + /* farthest right hidden item must be abso position for animations */ + .carousel-inner .carousel-item-prev.carousel-item-right { + position: absolute; + top: 0; + left: 0; + z-index: -1; + display: block; + visibility: visible; + } + + /* right or prev direction */ + .active.carousel-item-right + .carousel-item-prev.carousel-item-right, + .carousel-item-prev.carousel-item-right + .carousel-item, + .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item, + .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item, + .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item { + position: relative; + transform: translate3d(100%, 0, 0); + visibility: visible; + display: block; + visibility: visible; + } + + } + } } footer{ diff --git a/src/single-colecoes.php b/src/single-colecoes.php index 3fe366b..04c4f6a 100644 --- a/src/single-colecoes.php +++ b/src/single-colecoes.php @@ -46,4 +46,71 @@ +
+
+

Imagens em destaque

Ver mais +
+
+ +
+
+ +
+
+

Estatísticas

Ver mais +
+
+ +
+
+
+
+

Características

Ver mais +
+
+ +
+
\ No newline at end of file