jekyll-theme-marketing 0.5.0 → 1.0.0

data/_sass/components/product-cards/_3d-space.scss

@@ -349,20 +349,20 @@ div.shadow{
 		 -o-transition: all 100ms ease-out;
 			transition: all 100ms ease-out;
 }
-.carousel{
+.product-back .carousel{
 	width: 100%;
 	height:500px;
 	overflow:hidden;
 	position:relative;
 
 }
-.carousel ul{
+.product-back .carousel ul{
 	position:absolute;
 	top:0;
 	left:0;
 	padding:0;
 }
-.carousel li{
+.product-back .carousel li{
 	height:500px;
 	float:left;
 	overflow:hidden;
@@ -374,7 +374,7 @@ div.shadow{
 	transform-style: preserve-3d;
   transition: transform 5s;
 }
-.carouselPrev, .carouselNext{
+.product-back .carouselPrev,.product-back .carouselNext{
 	width: 50px;
 	height: 55px;
 	background: #ccc;
@@ -384,7 +384,7 @@ div.shadow{
 	opacity:0.9;
 	cursor:pointer;
 }
-.carouselNext{
+.product-back .carouselNext{
 	top:0;
 	right: -26px;
 	-webkit-transform: rotateY( -117deg );
@@ -394,7 +394,7 @@ div.shadow{
 			  transition: all 200ms ease-out;
 
 }
-.carouselNext.visible{
+.product-back .carouselNext.visible{
 		right:0;
 		opacity:0.8;
 		background: #efefef;
@@ -404,7 +404,7 @@ div.shadow{
               transform: rotateY( 0deg );
 			  transition: all 200ms ease-out;
 }
-.carouselPrev{
+.product-back .carouselPrev{
 	left:-26px;
 	top:0;
 	-webkit-transform: rotateY( 117deg );
@@ -414,7 +414,7 @@ div.shadow{
 			  transition: all 200ms ease-out;
 
 }
-.carouselPrev.visible{
+.product-back .carouselPrev.visible{
 		left:0;
 		opacity:0.8;
 		background: #eee;
@@ -424,7 +424,7 @@ div.shadow{
               transform: rotateY( 0deg );
 			  transition: all 200ms ease-out;
 }
-.carousel .x, .carousel .y{
+.product-back .carousel .x,.product-back  .carousel .y{
 	height:2px;
 	width:15px;
 	background: $space-overlay-color;
@@ -435,18 +435,18 @@ div.shadow{
 	-webkit-transform: rotate(45deg);
 	transform: rotate(45deg);
 }
-.carousel .x{
+.product-back .carousel .x{
 	-ms-transform: rotate(135deg);
 	-webkit-transform: rotate(135deg);
 	transform: rotate(135deg);
 	top:21px;
 }
-.carousel .carouselNext .x{
+.product-back .carousel .carouselNext .x{
 	-ms-transform: rotate(45deg);
 	-webkit-transform: rotate(45deg);
 	transform: rotate(45deg);
 }
-.carousel .carouselNext .y{
+.product-back .carousel .carouselNext .y{
 	-ms-transform: rotate(135deg);
 	-webkit-transform: rotate(135deg);
 	transform: rotate(135deg);

data/_sass/components/product-cards/_product-details.scss

@@ -0,0 +1,6 @@
+[data-component="product-cards/product-details"] {
+  .title-box {
+    border-color: #e1e1e1;
+    border-bottom-style: solid;
+  }
+}

data/_sass/components/product-cards/_product-generals.scss

@@ -0,0 +1,13 @@
+div#product-generals{
+  div.product-price{
+    span{
+      &.disabled-price{
+        text-decoration: line-through;
+        background-color: lightgray;
+      }
+      a.white{
+        color: #fff;
+      }
+    }
+  }
+}

data/_sass/components/product-cards/_progressive.scss

@@ -0,0 +1,30 @@
+[data-component="product-cards/progressive"] {
+
+  .cover-image {
+    object-fit: cover;
+    width: auto;
+    height: 170px;
+  }
+
+  .opacity-80 {
+    -webkit-transition: opacity 0.2s linear;
+    transition: opacity 0.2s linear;
+    &:hover {
+      opacity: .8;
+      filter: alpha(opacity=80);
+      -webkit-transition: opacity 0.2s linear;
+      transition: opacity 0.2s linear;
+    }
+  }
+
+  .text-sm {
+    font-size: 0.9rem;
+  }
+
+  .disabled-price{
+    font-size: 0.6rem!important;
+    text-decoration: line-through;
+    background-color: lightgray;
+  }
+
+}

data/_sass/components/product-cards/featured-product.scss

@@ -0,0 +1,12 @@
+@mixin card-group-column-count($count: 1) {
+  flex: 0 0 calc(100% / #{$count} - #{$card-deck-margin} * 2);
+  border: none;
+}
+
+.card-group {
+  .card {
+    @include media-breakpoint-between(sm, md) {
+      @include card-group-column-count(1);
+    }
+  }
+}

data/_sass/components/searchbars/progressive.scss

@@ -0,0 +1,8 @@
+[data-component="searchbars/progressive"] {
+  button {
+    z-index:1;
+    position: absolute;
+    right: 30px;
+    top: 15px;
+  }
+}

data/_sass/components/sidenavs/_material.scss

@@ -0,0 +1,160 @@
+$primary-color: #2196F3;
+
+ /* Ripple effect */
+ .ripple {
+  background-position: center;
+  transition: background 0.8s;
+  &:hover {
+    background: #47a7f5 radial-gradient(circle, transparent 1%, #47a7f5 1%) center/15000%;
+  }
+  &:active {
+    background-color: #6eb9f7;
+    background-size: 100%;
+    transition: background 0s;
+  }
+}
+
+.side-nav {
+	//transform: translateX(-320px);
+	transform: translateX(0px);
+	overflow-x: hidden;
+	z-index: 800;
+	position: relative;
+	top: 0;
+	left: 0;
+	margin-left: -2.05%;
+	margin-top: -52px;
+	transition: max-width 200ms, transform 200ms cubic-bezier(0.4, 0.0, 0.6, 1);
+	width: 320px;
+	box-shadow: 0 3px 9px 2px rgba(0, 0, 0, 0.2);
+	header {
+		transition: padding 150ms;
+		background: url(https://s3-us-west-2.amazonaws.com/grupopv-public/assets/bg_sidebar.png) no-repeat;
+		background-size: 320px 180px;
+		width: auto;
+		.rich-area {
+			display: flex;
+			flex-direction: column;
+			justify-content: center;
+			padding: 0 16px 8px 16px;
+			height: 56px;
+			.email {
+				display: flex;
+				justify-content: space-between;
+				align-items: center;
+				color: #fff;
+				i {
+					border-radius: 50%;
+					user-select: none;
+					height: 32px;
+					width: 32px;
+					display: flex;
+					justify-content: center;
+					align-items: center;
+					cursor: pointer;
+				}
+			}
+			a {
+				font-size: 15px;
+				text-decoration: none;
+				color: #fff;
+				box-shadow: 0, 0, 0;
+			}
+		}
+		.avatars-container {
+			padding: 16px 16px 0 16px;
+			display: flex;
+			justify-content: space-between;
+			img {
+				user-select: none;
+				border-radius: 50%;
+			}
+		}
+	}
+	nav {
+		ul {
+			background-color: #fff;
+			padding: 8px 0 0 0;
+			margin: 0;
+			list-style: none;
+			hr {
+				background-color: rgba(0, 0, 0, 0.15);
+				height: 1.2px;
+				border: 0;
+			}
+			#subheader {
+				user-select: none;
+				pointer-events: none;
+				color: rgba(0, 0, 0, 0.5);
+			}
+			li {
+				user-select: none;
+				color: rgba(0, 0, 0, 0.9);
+				padding: 0 16px;
+				font-weight: 500;
+				font-size: 14px;
+				cursor: pointer;
+				height: 48px;
+				display: flex;
+				align-items: center;
+				margin: 0;
+				padding: 0 16px;
+				&.active {
+					color: $primary-color;
+					i {
+						color: $primary-color;
+					}
+				}
+        &.disabled {
+          cursor: not-allowed;
+          color: rgba(197, 197, 197, 1);
+          i {
+            color: rgba(197, 197, 197, 1);
+          }
+        }
+				i {
+					color: rgba(0, 0, 0, 0.6);
+					padding-right: 32px;
+				}
+			}
+      a {
+        &:active {
+          text-decoration: none;
+          color: #000;
+        }
+        &:visited {
+          text-decoration: none;
+          color: #000;
+        }
+        &:hover {
+          text-decoration: none;
+          color: #000;
+        }
+      }
+		}
+	}
+}
+
+// Media queries
+@media all and (max-width: 335px) {
+	.action-bar {
+		.icons {
+			i {
+				margin: 8px;
+			}
+		}
+	}
+}
+
+@media all and (min-width: 960px) {
+	.side-nav {
+		header {
+			.rich-area {
+				padding: 0 24px 8px 24px;
+			}
+			.avatars-container {
+				padding: 24px 24px 0 24px;
+			}
+		}
+	}
+}

data/_sass/components/sliders/_lightslider.scss

@@ -0,0 +1,33 @@
+.product-images {
+    width:100%;
+
+    .lSSlideWrapper {
+      border: 1px solid #eee;
+      border-radius: 15px;
+      -moz-border-radius: 15px;
+    }
+    .lSGallery li {
+      border: 1px solid #ddd;
+      border-radius: 15px;
+      -moz-border-radius: 15px;
+    }
+
+    ul {
+        list-style: none outside none;
+        padding-left: 0;
+        margin-bottom:0;
+
+        li {
+            display: block;
+            float: left;
+            margin-right: 6px;
+            cursor:pointer;
+
+            img {
+                display: block;
+                height: auto;
+                max-width: 100%;
+            }
+        }
+    }
+}

data/_sass/components/social-media/_progressive.scss

@@ -0,0 +1,25 @@
+.social a.sbtnf{
+  font-size: 23px;
+  opacity: 1;
+  filter: alpha(opacity=100);
+  -webkit-transition: all .3s linear;
+  transition: all .3s linear;
+  margin-bottom: 10px;
+
+  &.sbtnf-rounded {
+      border-radius: 3px;
+      -webkit-border-radius: 3px;
+      -moz-border-radius: 3px;
+  }
+
+  &.icon-email{
+    background: #e04a3f;
+  }
+
+  &:hover{
+    opacity: .70;
+    filter: alpha(opacity=70);
+    -webkit-transition: all .3s linear;
+    transition: all .3s linear;
+  }
+}

data/_sass/components/timelines/9.scss

@@ -0,0 +1,152 @@
+[data-component="timelines/9"] {
+  .circle {
+    img {
+      border-radius: 50%;
+    }
+  }
+}
+
+.main-timeline9{position:relative}
+
+.main-timeline9:after,.main-timeline9:before{content:"";display:block;width:100%;clear:both}
+
+/* Linea central */
+
+.main-timeline9:before{content:"";width:3px;height:100%;background:#302124;position:absolute;top:0;left:50%}
+
+.main-timeline9 .timeline{width:50%;float:left;position:relative;z-index:1}
+
+.main-timeline9 .timeline:after,.main-timeline9 .timeline:before{content:"";display:block;width:0%;clear:both}
+
+.main-timeline9 .timeline:last-child:before{top:auto;bottom:0}
+
+.main-timeline9 .timeline:last-child:nth-child(even):before{right:auto;left:-12px;bottom:-2px}
+
+.main-timeline9 .timeline-content{text-align:center;margin-top:8px;position:relative;transition:all .3s ease 0s}
+
+
+/* lineas Horizontales */
+
+.main-timeline9 .timeline-content:before{content:"";width:100%;height:5px;background:#1D6BD6;position:absolute;top:88px;left:0;z-index:-1}
+
+
+/* Circulos grandes */
+
+.main-timeline9 .circle{width:180px;height:180px;border-radius:50%;background:#fff;border:8px solid #1D6BD6;float:left;margin-right:25px;position:relative}
+
+.main-timeline9 .circle span:after,.main-timeline9 .circle span:before,.main-timeline9 .circle:before{content:"";margin:auto;position:absolute;right:-33px;bottom:0;z-index:-1}
+
+.main-timeline9 .circle span{display:block;width:100%;height:100%;border-radius:50%;line-height:160px;border:3px solid #adabab;font-size:80px;color:#454344}
+
+.main-timeline9 .circle span:after,.main-timeline9 .circle span:before{width:28px;height:50px;background:#fff;border-radius:0 0 0 21px;top:-54px}
+
+.main-timeline9 .circle span:after{border-radius:21px 0 0;top:0;bottom:-56px}
+
+.main-timeline9 .content{display:table;padding-right:40px;position:relative}
+
+
+/* Contenedor del año */
+
+.main-timeline9 .year{display:block;padding:10px;margin:10px 0 50px;background:#1D6BD6;border-radius:7px;font-size:25px;color:#fff}
+
+
+/* Titulos */
+
+.main-timeline9 .title{font-size:25px;font-weight:700;color:#1D6BD6;margin-top:0}
+
+.main-timeline9 .icon span:after,.main-timeline9 .icon span:before,.main-timeline9 .icon:before{content:"";height:25px;margin:auto;position:absolute;bottom:0;z-index:-1;left:-15px}
+
+.main-timeline9 .description{font-size:14px;color:#a6a6a6;text-align:justify}
+
+
+/* Circulos centrales en linea del tiempo */
+
+.main-timeline9 .icon{width:25px;height:25px;border-radius:50%;background:#fff;border:4px solid #1D6BD6;position:absolute;top:78px;right:-14px}
+
+.main-timeline9 .icon:before{width:15px;background:#1D6BD6;top:-1px}
+
+.main-timeline9 .icon span:after,.main-timeline9 .icon span:before{width:21px;background:#fff;border-radius:0 0 21px;top:-30px}
+
+.main-timeline9 .icon span:after{border-radius:0 21px 0 0;top:0;left:-15px;bottom:-30px}
+
+.main-timeline9 .timeline:nth-child(2n) .circle,.main-timeline9 .timeline:nth-child(2n) .timeline-content{float:right}
+
+.main-timeline9 .timeline:nth-child(2n) .circle{margin:0 0 0 25px}
+
+.main-timeline9 .timeline:nth-child(2n) .circle:before{right:auto;left:-33px;box-shadow:-7px 0 9px -7px #444 inset}
+
+.main-timeline9 .timeline:nth-child(2n) .circle span:after,.main-timeline9 .timeline:nth-child(2n) .circle span:before{right:auto;left:-33px;border-radius:0 0 21px}
+
+.main-timeline9 .timeline:nth-child(2n) .circle span:after{border-radius:0 21px 0 0}
+
+.main-timeline9 .timeline:nth-child(2n) .content{padding:0 0 0 40px;margin-left:2px}
+
+.main-timeline9 .timeline:nth-child(2n) .icon{right:auto;left:-14px}
+
+.main-timeline9 .timeline:nth-child(2n) .icon span:after,.main-timeline9 .timeline:nth-child(2n) .icon span:before,.main-timeline9 .timeline:nth-child(2n) .icon:before{left:auto;right:-15px}
+
+.main-timeline9 .timeline:nth-child(2n) .icon span:before{border-radius:0 0 0 21px}
+
+.main-timeline9 .timeline:nth-child(2n) .icon span:after{border-radius:21px 0 0}
+
+.main-timeline9 .timeline:nth-child(2){margin-top:180px}
+
+.main-timeline9 .timeline:nth-child(odd){margin:-175px 0 0}
+
+.main-timeline9 .timeline:nth-child(even){margin-bottom:80px}
+
+.main-timeline9 .timeline:first-child,.main-timeline9 .timeline:last-child:nth-child(even){margin:0}
+
+
+@media only screen and (max-width:990px) {
+
+  .main-timeline9:before{left:100%}
+
+  .main-timeline9 .timeline{width:100%;float:none;margin-bottom:20px!important}
+
+  .main-timeline9 .timeline:first-child:before,.main-timeline9 .timeline:last-child:before{left:auto!important;right:-13px!important}
+
+  .main-timeline9 .timeline:nth-child(2n) .circle{float:left;margin:0 25px 0 0}
+
+  .main-timeline9 .timeline:nth-child(2n) .circle:before{right:-33px;left:auto;box-shadow:7px 0 9px -7px #444 inset}
+
+  .main-timeline9 .timeline:nth-child(2n) .circle span:after,.main-timeline9 .timeline:nth-child(2n) .circle span:before{right:-33px;left:auto;border-radius:0 0 0 21px}
+
+  .main-timeline9 .timeline:nth-child(2n) .circle span:after{border-radius:21px 0 0}
+
+  .main-timeline9 .timeline:nth-child(2n) .content{padding:0 40px 0 0;margin-left:0}
+
+  .main-timeline9 .timeline:nth-child(2n) .icon{right:-14px;left:auto}
+
+  .main-timeline9 .timeline:nth-child(2n) .icon span:after,.main-timeline9 .timeline:nth-child(2n) .icon span:before,.main-timeline9 .timeline:nth-child(2n) .icon:before{left:-15px;right:auto}
+
+  .main-timeline9 .timeline:nth-child(2n) .icon span:before{border-radius:0 0 21px}
+
+  .main-timeline9 .timeline:nth-child(2n) .icon span:after{border-radius:0 21px 0 0}
+
+  .main-timeline9 .timeline:nth-child(2),.main-timeline9 .timeline:nth-child(even),.main-timeline9 .timeline:nth-child(odd){margin:0}
+
+}
+
+
+@media only screen and (max-width:480px) {
+
+  .main-timeline9:before{left:0}
+
+  .main-timeline9 .timeline:first-child:before,.main-timeline9 .timeline:last-child:before{left:-12px!important;right:auto!important}
+
+  .main-timeline9 .circle,.main-timeline9 .timeline:nth-child(2n) .circle{width:130px;height:130px;float:none;margin:0 auto}
+
+  .main-timeline9 .timeline-content:before{width:99.5%;top:68px;left:.5%}
+
+  .main-timeline9 .circle span{line-height:115px;font-size:60px}
+
+  .main-timeline9 .circle span:after,.main-timeline9 .circle span:before,.main-timeline9 .circle:before,.main-timeline9 .icon{display:none}
+
+  .main-timeline9 .content,.main-timeline9 .timeline:nth-child(2n) .content{padding:0 10px}
+
+  .main-timeline9 .year{margin-bottom:15px}
+
+  .main-timeline9 .description{text-align:center}
+
+}