From eb9dced07bd5cf107b47783b7decbf2061577cf6 Mon Sep 17 00:00:00 2001 From: Roman Pyrih Date: Thu, 7 Aug 2025 15:54:59 +0200 Subject: [PATCH] save --- wagabunda.net.pl/styles.css | 2 +- wagabunda.net.pl/styles.css.map | 2 +- wagabunda.net.pl/styles.scss | 235 ++++++++++++++++++++++++++++++++ 3 files changed, 237 insertions(+), 2 deletions(-) diff --git a/wagabunda.net.pl/styles.css b/wagabunda.net.pl/styles.css index 765f618..2809430 100644 --- 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 */ \ No newline at end of file +@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 */ \ No newline at end of file diff --git a/wagabunda.net.pl/styles.css.map b/wagabunda.net.pl/styles.css.map index 00dac9f..4089e3d 100644 --- 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"} \ No newline at end of file +{"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"} \ No newline at end of file diff --git a/wagabunda.net.pl/styles.scss b/wagabunda.net.pl/styles.scss index f817139..83f128a 100644 --- 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; + } + } + } + } } }