save

2025-08-07 15:54:59 +02:00
parent 80bdb306f9
commit eb9dced07b
3 changed files with 237 additions and 2 deletions
--- a/wagabunda.net.pl/styles.css
+++ b/wagabunda.net.pl/styles.css
@@ -1 +1 @@
-nav.main-nav ul.mega-menu-content{padding-left:15px;padding-right:15px}nav.main-nav ul.mega-menu-content>li .btn-cart,nav.main-nav ul.mega-menu-content>li .quick-search{background:rgba(0,0,0,0)}#widget197464161 section.search-box{background:#fff;border-bottom-left-radius:10px;border-bottom-right-radius:10px}#widget197464161 section.search-box .background-color-3{background:rgba(0,0,0,0)}/*# sourceMappingURL=styles.css.map */
+@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";*{font-family:"Poppins",sans-serif}header#main-header .functional-header .main .mobile-menu-item{display:flex;align-items:center;-moz-column-gap:10px;column-gap:10px}header#main-header .functional-header .main .mobile-menu-item .val{font-size:14px;font-weight:400}nav.main-nav ul.mega-menu-content{padding-left:15px;padding-right:15px}nav.main-nav ul.mega-menu-content>li .btn-cart,nav.main-nav ul.mega-menu-content>li .quick-search{background:rgba(0,0,0,0)}nav.main-nav ul.mega-menu-content>li .elem-in-nav span{font-size:16px}#widget197464156 .promo-box .carousel .carousel-indicators li{height:10px;width:30px;transition:all 250ms ease-in-out;border:1px solid hsla(0,0%,100%,.6)}#widget197464156 .promo-box .carousel .carousel-indicators li.active{height:10px;width:60px;background:#0085ed}#widget197464161 section.search-box{background:#fff;border-bottom-left-radius:10px;border-bottom-right-radius:10px}#widget197464161 section.search-box .background-color-3{background:rgba(0,0,0,0)}#widget197464161 section.search-box ul.nav-tabs li{background:rgba(0,133,237,.2)}.br-input{border-radius:3px;border-color:#d9d9d9}#widget197464171,#widget197464166{padding-left:0;padding-right:0}body section.offer-box .offer{padding:0;border-radius:5px;box-shadow:rgba(0,0,0,.1) 0px 1px 2px 0px;transition:box-shadow .25s ease-in-out}body section.offer-box .offer:hover{box-shadow:rgba(0,0,0,.1) 0px 8px 16px -4px}body section.offer-box .offer:hover .img-container-wrap .img-container{transition:all 4s linear}body section.offer-box .offer .img-container-wrap .img-container{border-top-left-radius:4px;border-top-right-radius:4px;transition:all 300ms linear}body section.offer-box .offer .text-container h3{color:#191919;display:flex;flex-direction:column;row-gap:3px;margin-bottom:15px}body section.offer-box .offer .text-container h3 sup.stars{top:0}body section.offer-box .offer .text-container h3 sup.stars i{color:#191919}body section.offer-box .offer .text-container .box-header *{color:#191919}body section.offer-box .offer .text-container .box-header h4{color:#191919}body section.offer-box .offer .text-container .data p .text-nowrap{color:#191919}body section.offer-box .offer .text-container .data p .text-nowrap span{color:#191919}body section.offer-box .offer .text-container .data>*{display:flex;flex-direction:column;row-gap:5px}body section.offer-box .offer .text-container .data .price span{color:rgba(0,133,237,.8);font-size:28px;font-weight:400}body section.offer-box .offer .text-container .data .price span sup{color:rgba(0,133,237,.8)}body .offerlist-box{padding:0;border-radius:5px;box-shadow:rgba(0,0,0,.1) 0px 1px 2px 0px;transition:box-shadow .25s ease-in-out}body .offerlist-box:hover{box-shadow:rgba(0,0,0,.1) 0px 8px 16px -4px}body .offerlist-box .img-container-wrapper .img-container{border-top-left-radius:4px;border-top-right-radius:4px}body .offerlist-box ul.offers li:not(:last-child){border-bottom:1px solid #f2f2f2}body .offerlist-box ul.offers li:last-child{border-bottom:none}body .offerlist-box ul.offers li:hover:not(.link-to-more-offers) a{background:#f2f4f7}body .offerlist-box ul.offers li.link-to-more-offers .more{color:#2a2a2a;font-size:14px}body .offerlist-box ul.offers li.link-to-more-offers .more span{color:#2a2a2a;margin-left:5px}body .offerlist-box ul.offers li a{margin:5px 10px;border-radius:5px;transition:all 250ms ease-in-out}body .offerlist-box ul.offers li a .name span{color:#2a2a2a;font-size:16px;font-weight:600}body .offerlist-box ul.offers li a .price strong{color:rgba(0,133,237,.8);font-size:18px;font-weight:600}body .offerlist-box ul.offers li a .price strong sup{color:rgba(0,133,237,.8)}body .offerlist-box ul.offers li a .omnibus span{color:#191919}/*# sourceMappingURL=styles.css.map */
--- a/wagabunda.net.pl/styles.css.map
+++ b/wagabunda.net.pl/styles.css.map
@@ -1 +1 @@
-{"version":3,"sources":["styles.scss"],"names":[],"mappings":"AACC,kCACC,iBAAA,CACA,kBAAA,CAGC,kGAEC,wBAAA,CAOH,oCACC,eAAA,CACA,8BAAA,CACA,+BAAA,CAEA,wDACC,wBAAA","file":"styles.css"}
+{"version":3,"sources":["styles.scss"],"names":[],"mappings":"AAAQ,4LAAA,CASR,EACC,gCAHU,CASR,8DACC,YAAA,CACA,kBAAA,CACA,oBAAA,CAAA,eAAA,CAEA,mEACC,cAAA,CACA,eAAA,CAQJ,kCACC,iBAAA,CACA,kBAAA,CAGC,kGAEC,wBAAA,CAIA,uDACC,cAAA,CAUD,8DACC,WAAA,CACA,UAAA,CACA,gCAAA,CACA,mCAAA,CAEA,qEACC,WAAA,CACA,UAAA,CACA,kBA5DE,CAqEP,oCACC,eAAA,CACA,8BAAA,CACA,+BAAA,CAEA,wDACC,wBAAA,CAIA,mDACC,6BAAA,CAMJ,UACC,iBAAA,CACA,oBAAA,CAGD,kCAEC,cAAA,CACA,eAAA,CAIA,8BACC,SAAA,CACA,iBAAA,CACA,yCAAA,CACA,sCAAA,CAEA,oCACC,2CAAA,CAGC,uEACC,wBAAA,CAMF,iEACC,0BAAA,CACA,2BAAA,CACA,2BAAA,CAID,iDACC,aAzHQ,CA2HR,YAAA,CACA,qBAAA,CACA,WAAA,CACA,kBAAA,CAEA,2DACC,KAAA,CAEA,6DACC,aApIM,CA0IR,4DACC,aA3IO,CA6IR,6DACC,aA9IO,CAmJP,mEACC,aApJM,CAsJN,wEACC,aAvJK,CA4JR,sDACC,YAAA,CACA,qBAAA,CACA,WAAA,CAIA,gEACC,wBAAA,CACA,cAAA,CACA,eAAA,CAEA,oEACC,wBAAA,CASP,oBACC,SAAA,CACA,iBAAA,CACA,yCAAA,CACA,sCAAA,CAEA,0BACC,2CAAA,CAIA,0DACC,0BAAA,CACA,2BAAA,CAMA,kDACC,+BAAA,CAED,4CACC,kBAAA,CAKC,mEACC,kBAAA,CAMF,2DACC,aArNQ,CAsNR,cAAA,CAEA,gEACC,aAzNO,CA0NP,eAAA,CAKH,mCACC,eAAA,CACA,iBAAA,CACA,gCAAA,CAGC,8CACC,aAtOO,CAuOP,cAAA,CACA,eAAA,CAID,iDACC,wBAAA,CACA,cAAA,CACA,eAAA,CAEA,qDACC,wBAAA,CAKF,iDACC,aAzPM","file":"styles.css"}
--- a/wagabunda.net.pl/styles.scss
+++ b/wagabunda.net.pl/styles.scss
@@ -1,3 +1,33 @@
+@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
+
+$cBlue: #0085ed;
+
+$cTxtBlack: #191919;
+$cTxtBlack2: #2a2a2a;
+
+$fPoppins: 'Poppins', sans-serif;
+
+* {
+	font-family: $fPoppins;
+}
+
+header#main-header {
+	.functional-header {
+		.main {
+			.mobile-menu-item {
+				display: flex;
+				align-items: center;
+				column-gap: 10px;
+
+				.val {
+					font-size: 14px;
+					font-weight: 400;
+				}
+			}
+		}
+	}
+}
+
 nav.main-nav {
 	ul.mega-menu-content {
 		padding-left: 15px;
@@ -8,6 +38,32 @@ nav.main-nav {
 			.quick-search {
 				background: transparent;
 			}
+
+			.elem-in-nav {
+				span {
+					font-size: 16px;
+				}
+			}
+		}
+	}
+}
+#widget197464156 {
+	.promo-box {
+		.carousel {
+			.carousel-indicators {
+				li {
+					height: 10px;
+					width: 30px;
+					transition: all 250ms ease-in-out;
+					border: 1px solid rgba(255, 255, 255, 0.6);
+
+					&.active {
+						height: 10px;
+						width: 60px;
+						background: $cBlue;
+					}
+				}
+			}
 		}
 	}
 }
@@ -21,5 +77,184 @@ nav.main-nav {
 		.background-color-3 {
 			background: transparent;
 		}
+
+		ul.nav-tabs {
+			li {
+				background: rgba($cBlue, 0.2);
+			}
+		}
+	}
+}
+
+.br-input {
+	border-radius: 3px;
+	border-color: #d9d9d9;
+}
+
+#widget197464171,
+#widget197464166 {
+	padding-left: 0;
+	padding-right: 0;
+}
+
+body section.offer-box {
+	.offer {
+		padding: 0;
+		border-radius: 5px;
+		box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px;
+		transition: box-shadow 0.25s ease-in-out;
+
+		&:hover {
+			box-shadow: rgba(0, 0, 0, 0.1) 0px 8px 16px -4px;
+
+			.img-container-wrap {
+				.img-container {
+					transition: all 4s linear;
+				}
+			}
+		}
+
+		.img-container-wrap {
+			.img-container {
+				border-top-left-radius: 4px;
+				border-top-right-radius: 4px;
+				transition: all 300ms linear;
+			}
+		}
+		.text-container {
+			h3 {
+				color: $cTxtBlack;
+
+				display: flex;
+				flex-direction: column;
+				row-gap: 3px;
+				margin-bottom: 15px;
+
+				sup.stars {
+					top: 0;
+
+					i {
+						color: $cTxtBlack;
+					}
+				}
+			}
+
+			.box-header {
+				* {
+					color: $cTxtBlack;
+				}
+				h4 {
+					color: $cTxtBlack;
+				}
+			}
+			.data {
+				p {
+					.text-nowrap {
+						color: $cTxtBlack;
+
+						span {
+							color: $cTxtBlack;
+						}
+					}
+				}
+
+				> * {
+					display: flex;
+					flex-direction: column;
+					row-gap: 5px;
+				}
+
+				.price {
+					span {
+						color: rgba($cBlue, 0.8);
+						font-size: 28px;
+						font-weight: 400;
+
+						sup {
+							color: rgba($cBlue, 0.8);
+						}
+					}
+				}
+			}
+		}
+	}
+}
+
+body .offerlist-box {
+	padding: 0;
+	border-radius: 5px;
+	box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px;
+	transition: box-shadow 0.25s ease-in-out;
+
+	&:hover {
+		box-shadow: rgba(0, 0, 0, 0.1) 0px 8px 16px -4px;
+	}
+
+	.img-container-wrapper {
+		.img-container {
+			border-top-left-radius: 4px;
+			border-top-right-radius: 4px;
+		}
+	}
+
+	ul.offers {
+		li {
+			&:not(:last-child) {
+				border-bottom: 1px solid rgb(242, 242, 242);
+			}
+			&:last-child {
+				border-bottom: none;
+			}
+
+			&:hover {
+				&:not(.link-to-more-offers) {
+					a {
+						background: #f2f4f7;
+					}
+				}
+			}
+
+			&.link-to-more-offers {
+				.more {
+					color: $cTxtBlack2;
+					font-size: 14px;
+
+					span {
+						color: $cTxtBlack2;
+						margin-left: 5px;
+					}
+				}
+			}
+
+			a {
+				margin: 5px 10px;
+				border-radius: 5px;
+				transition: all 250ms ease-in-out;
+
+				.name {
+					span {
+						color: $cTxtBlack2;
+						font-size: 16px;
+						font-weight: 600;
+					}
+				}
+				.price {
+					strong {
+						color: rgba($cBlue, 0.8);
+						font-size: 18px;
+						font-weight: 600;
+
+						sup {
+							color: rgba($cBlue, 0.8);
+						}
+					}
+				}
+				.omnibus {
+					span {
+						color: $cTxtBlack;
+					}
+				}
+			}
+		}
 	}
 }