Project-Pro/cdnPRO
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Save

Browse Source
This commit is contained in:
Roman Pyrih
2026-04-07 14:04:27 +02:00
parent 7b2ad0c0f1
commit 2e55e859fe
6 changed files with 2774 additions and 2542 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
aruba.rzeszow.pl/styles/index.css
View File

File diff suppressed because one or more lines are too long

2
aruba.rzeszow.pl/styles/index.css.map
View File

File diff suppressed because one or more lines are too long

99
aruba.rzeszow.pl/styles/index.scss
View File

@@ -11,16 +11,11 @@ $cBlueLight: #82efff;
$cCategoryBG: #fafafa; $cCategoryBG: #fafafa;
//* Fonts //* Fonts
$fRocGrotesk: 'roc-grotesk', $fRocGrotesk: 'roc-grotesk', sans-serif;
sans-serif; $fRocGroteskCompressed: 'roc-grotesk-compressed', sans-serif;
$fRocGroteskCompressed: 'roc-grotesk-compressed', $fRocGroteskCondensed: 'roc-grotesk-condensed', sans-serif;
sans-serif; $fRocGroteskExtrawide: 'roc-grotesk-extrawide', sans-serif;
$fRocGroteskCondensed: 'roc-grotesk-condensed', $fRocGroteskWide: 'roc-grotesk-wide', sans-serif;
sans-serif;
$fRocGroteskExtrawide: 'roc-grotesk-extrawide',
sans-serif;
$fRocGroteskWide: 'roc-grotesk-wide',
sans-serif;
//* Global //* Global
* { * {
@@ -252,9 +247,11 @@ a {
width: auto; width: auto;
min-width: fit-content; min-width: fit-content;
.product-amount {} .product-amount {
}
.product-price {} .product-price {
}
} }
.remove-product { .remove-product {
@@ -377,18 +374,23 @@ a {
} }
@media (max-width: 768px) { @media (max-width: 768px) {
padding-bottom: 20px; padding-bottom: 10px;
header {
.logo-bar {
> .menu { > .menu {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
margin: 0;
float: right;
width: fit-content;
height: auto;
> .fx-menu-btn { > .fx-menu-btn {
min-width: fit-content; min-width: fit-content;
margin-right: 16px; // margin-right: 16px;
width: 46px; width: 42px;
min-width: 46px; min-width: 42px;
height: 46px; height: 42px;
background: $cBlack; background: $cBlack;
border-radius: 100%; border-radius: 100%;
display: flex; display: flex;
@@ -461,6 +463,8 @@ a {
} }
} }
} }
}
}
.menu { .menu {
.innermenu { .innermenu {
@@ -522,7 +526,6 @@ a {
} }
.slider { .slider {
.slider-nav-left, .slider-nav-left,
.slider-nav-right { .slider-nav-right {
border-radius: 100%; border-radius: 100%;
@@ -634,16 +637,20 @@ a {
&.new { &.new {
color: $cBlack; color: $cBlack;
background: linear-gradient(90deg, background: linear-gradient(
90deg,
rgba($cBlueLight, 1) 0%, rgba($cBlueLight, 1) 0%,
rgba($cBlueLight, 0) 100%) !important; rgba($cBlueLight, 0) 100%
) !important;
} }
&.promo { &.promo {
color: $cWhite; color: $cWhite;
background: linear-gradient(90deg, background: linear-gradient(
90deg,
rgba($cRed, 1) 0%, rgba($cRed, 1) 0%,
rgba($cBlueLight, 0) 100%) !important; rgba($cBlueLight, 0) 100%
) !important;
} }
} }
@@ -1601,7 +1608,6 @@ footer.footer {
} }
li { li {
&.current, &.current,
&.current_parent { &.current_parent {
> a { > a {
@@ -1807,7 +1813,6 @@ footer.footer {
padding: 40px 0 50px; padding: 40px 0 50px;
li { li {
&.first, &.first,
&.last { &.last {
a { a {
@@ -1822,9 +1827,11 @@ footer.footer {
} }
} }
&.first {} &.first {
}
&.last {} &.last {
}
&.selected { &.selected {
span { span {
@@ -1843,7 +1850,8 @@ footer.footer {
} }
} }
&.stick {} &.stick {
}
a, a,
span { span {
@@ -1885,7 +1893,10 @@ select:active,
#box_producers .producers_wrap:active, #box_producers .producers_wrap:active,
#box_producers .producers_wrap select:active, #box_producers .producers_wrap select:active,
#box_filter .multiselect:active, #box_filter .multiselect:active,
.sort-and-view .sortlinks .products-sort-container .products-active-sort:active { .sort-and-view
.sortlinks
.products-sort-container
.products-active-sort:active {
background-color: $cWhite; background-color: $cWhite;
border-color: $cWhite; border-color: $cWhite;
color: #000; color: #000;
@@ -1896,7 +1907,6 @@ select:active,
top: 0; top: 0;
li { li {
&.photo .fa.fa-th, &.photo .fa.fa-th,
&.full .fa.fa-list { &.full .fa.fa-list {
padding: 7px; padding: 7px;
@@ -1964,7 +1974,8 @@ body.shop_product {
background: #fafafa; background: #fafafa;
margin-bottom: 60px; margin-bottom: 60px;
.leftcol {} .leftcol {
}
.centercol { .centercol {
#box_productfull { #box_productfull {
@@ -2163,9 +2174,11 @@ body.shop_product {
padding: 0 10px; padding: 0 10px;
} }
.quantity_inc {} .quantity_inc {
}
.quantity_dec {} .quantity_dec {
}
} }
} }
} }
@@ -2368,7 +2381,6 @@ body.shop_product {
button { button {
&.close { &.close {
&::before, &::before,
&::after { &::after {
background-color: #51872e; background-color: #51872e;
@@ -2383,7 +2395,6 @@ body.shop_product {
button { button {
&.close { &.close {
&::before, &::before,
&::after { &::after {
background-color: #008dd5; background-color: #008dd5;
@@ -2398,7 +2409,6 @@ body.shop_product {
button { button {
&.close { &.close {
&::before, &::before,
&::after { &::after {
background-color: #b35901; background-color: #b35901;
@@ -2413,7 +2423,6 @@ body.shop_product {
button { button {
&.close { &.close {
&::before, &::before,
&::after { &::after {
background-color: #e4411c; background-color: #e4411c;
@@ -2426,7 +2435,6 @@ body.shop_product {
body.shop_basket { body.shop_basket {
.main { .main {
#box_basketlist { #box_basketlist {
table, table,
caption, caption,
tbody, tbody,
@@ -2578,7 +2586,6 @@ body.shop_basket {
} }
#cart-options { #cart-options {
.deliverycountry, .deliverycountry,
.delivery-list, .delivery-list,
.payment-container, .payment-container,
@@ -3084,3 +3091,17 @@ article {
width: 100% !important; width: 100% !important;
} }
} }
@media (max-width: 767px) {
.rwd header {
.logo-bar {
padding: 10px 0 10px 0;
}
}
}
@media (max-width: 500px) {
.link-logo {
max-width: 140px;
}
}

1
modoo-pl/styles/omnichannel_v2.css Normal file
View File

@@ -0,0 +1 @@
@media(min-width: 1200px){.container .container{max-width:980px}}.box-title{padding-bottom:10px;margin-bottom:30px;border-bottom:7px solid #e3c6b0}.box-title h2{color:#000;font-family:"Raleway",sans-serif;font-size:36px;font-weight:800;text-transform:uppercase;text-align:center}@media(max-width: 978px){.box-title h2{font-size:28px}}@media(max-width: 700px){.box-title h2{font-size:22px}}@media(max-width: 560px){.box-title h2{font-size:18px}}._row{display:grid;grid-template-columns:170px 1fr}@media(max-width: 700px){._row{grid-template-columns:120px 1fr;gap:20px}}@media(max-width: 500px){._row{grid-template-columns:1fr}}@media(max-width: 500px){._row ._col-1{text-align:center}}._row ._col-1 img{width:100%;max-width:-moz-fit-content;max-width:fit-content}._row ._col-2 h3{color:#b88f70;font-family:"Raleway",sans-serif;font-size:22px;font-weight:800;margin-bottom:30px}@media(max-width: 978px){._row ._col-2 h3{font-size:20px}}@media(max-width: 700px){._row ._col-2 h3{font-size:18px}}@media(max-width: 560px){._row ._col-2 h3{font-size:16px}}._row ._col-2 p{color:#000;font-family:"Raleway",sans-serif;font-size:20px}@media(max-width: 700px){._row ._col-2 p{font-size:18px}}@media(max-width: 560px){._row ._col-2 p{font-size:16px}}._row ._col-2 p strong{font-size:25px;font-weight:800;margin-bottom:10px;display:inline-block}@media(max-width: 978px){._row ._col-2 p strong{font-size:20px}}@media(max-width: 700px){._row ._col-2 p strong{font-size:18px}}@media(max-width: 560px){._row ._col-2 p strong{font-size:16px}}._row ._col-2 ul{list-style:none;padding-left:0 !important}._row ._col-2 ul li{position:relative;color:#000;font-family:"Raleway",sans-serif;font-size:20px;line-height:2;padding-left:50px}._row ._col-2 ul li::before{content:"•";color:#000;font-size:30px;position:absolute;top:0;left:0;line-height:1.3}@media(max-width: 978px){._row ._col-2 ul li{font-size:20px;padding-left:30px}}@media(max-width: 700px){._row ._col-2 ul li{font-size:18px}}@media(max-width: 560px){._row ._col-2 ul li{font-size:16px}}.text_menu_title_header{display:none}@media(min-width: 1480px){#container.container{max-width:1420px}}.box-1{margin-bottom:80px;margin-top:100px}@media(min-width: 1200px){.box-1 .container{max-width:1170px}}@media(min-width: 1480px){.box-1 .container{max-width:1420px}}.box-2,.box-3,.box-4{margin-bottom:70px}.box-5{margin-bottom:100px}.box-5 p{max-width:400px;margin-bottom:40px;font-style:italic}.box-5 a{color:#fff;font-size:24px;font-weight:500;line-height:1;font-family:"Raleway",sans-serif;display:inline-flex;align-items:center;gap:10px;padding:20px 40px;background:#000}@media(max-width: 700px){.box-5 a{font-size:20px}}@media(max-width: 560px){.box-5 a{font-size:18px}}/*# sourceMappingURL=omnichannel_v2.css.map */

1
modoo-pl/styles/omnichannel_v2.css.map Normal file
View File

@@ -0,0 +1 @@
{"version":3,"sources":["omnichannel_v2.css","omnichannel_v2.scss"],"names":[],"mappings":"AAAA,0BCOC,sBACC,eACC,CAAA,CAAA,WAKH,mBACC,CAAA,kBACA,CAAA,+BACA,CAAA,cAEA,UAnBS,CAAA,gCAIC,CAAA,cAkBT,CAAA,eACA,CAAA,wBACA,CAAA,iBACA,CAAA,yBAGD,cACC,cACC,CAAA,CAAA,yBAGF,cACC,cACC,CAAA,CAAA,yBAGF,cACC,cACC,CAAA,CAAA,MAKH,YACC,CAAA,+BACA,CAAA,yBAEA,MAJD,+BAKE,CAAA,QACA,CAAA,CAAA,yBAED,MARD,yBASE,CAAA,CAAA,yBAGA,cADD,iBAEE,CAAA,CAAA,kBAED,UACC,CAAA,0BACA,CADA,qBACA,CAAA,iBAID,aAhEQ,CAAA,gCAEC,CAAA,cAiER,CAAA,eACA,CAAA,kBACA,CAAA,yBAEA,iBAPD,cAQE,CAAA,CAAA,yBAED,iBAVD,cAWE,CAAA,CAAA,yBAED,iBAbD,cAcE,CAAA,CAAA,gBAGF,UAnFQ,CAAA,gCAIC,CAAA,cAkFR,CAAA,yBAEA,gBALD,cAME,CAAA,CAAA,yBAED,gBARD,cASE,CAAA,CAAA,uBAGD,cACC,CAAA,eACA,CAAA,kBACA,CAAA,oBACA,CAAA,yBAEA,uBAND,cAOE,CAAA,CAAA,yBAED,uBATD,cAUE,CAAA,CAAA,yBAED,uBAZD,cAaE,CAAA,CAAA,iBAKH,eACC,CAAA,yBACA,CAAA,oBAEA,iBACC,CAAA,UAtHM,CAAA,gCAIC,CAAA,cAqHP,CAAA,aACA,CAAA,iBACA,CAAA,4BAEA,WACC,CAAA,UA9HK,CAAA,cAgIL,CAAA,iBACA,CAAA,KACA,CAAA,MACA,CAAA,eACA,CAAA,yBAGD,oBAlBD,cAmBE,CAAA,iBACA,CAAA,CAAA,yBAED,oBAtBD,cAuBE,CAAA,CAAA,yBAED,oBAzBD,cA0BE,CAAA,CAAA,wBAOL,YACC,CAAA,0BAIC,qBADD,gBAEE,CAAA,CAAA,OAKH,kBACC,CAAA,gBACA,CAAA,0BAGC,kBADD,gBAEE,CAAA,CAAA,0BAED,kBAJD,gBAKE,CAAA,CAAA,qBAKH,kBAGC,CAAA,OAED,mBACC,CAAA,SAEA,eACC,CAAA,kBACA,CAAA,iBACA,CAAA,SAGD,UACC,CAAA,cACA,CAAA,eACA,CAAA,aACA,CAAA,gCA7LS,CAAA,mBA+LT,CAAA,kBACA,CAAA,QACA,CAAA,iBACA,CAAA,eAtMQ,CAAA,yBAyMR,SAZD,cAaE,CAAA,CAAA,yBAED,SAfD,cAgBE,CAAA","file":"omnichannel_v2.css"}

209
modoo-pl/styles/omnichannel_v2.scss Normal file
View File

@@ -0,0 +1,209 @@
$color_0: #000000;
$color_1: #e3c6b0;
$color_2: #b88f70;
$fRaleway: 'Raleway', sans-serif;
.container {
@media (min-width: 1200px) {
.container {
max-width: 980px;
}
}
}
.box-title {
padding-bottom: 10px;
margin-bottom: 30px;
border-bottom: 7px solid $color_1;
h2 {
color: $color_0;
font-family: $fRaleway;
font-size: 36px;
font-weight: 800;
text-transform: uppercase;
text-align: center;
}
@media (max-width: 978px) {
h2 {
font-size: 28px;
}
}
@media (max-width: 700px) {
h2 {
font-size: 22px;
}
}
@media (max-width: 560px) {
h2 {
font-size: 18px;
}
}
}
._row {
display: grid;
grid-template-columns: 170px 1fr;
@media (max-width: 700px) {
grid-template-columns: 120px 1fr;
gap: 20px;
}
@media (max-width: 500px) {
grid-template-columns: 1fr;
}
._col-1 {
@media (max-width: 500px) {
text-align: center;
}
img {
width: 100%;
max-width: fit-content;
}
}
._col-2 {
h3 {
color: $color_2;
font-family: $fRaleway;
font-size: 22px;
font-weight: 800;
margin-bottom: 30px;
@media (max-width: 978px) {
font-size: 20px;
}
@media (max-width: 700px) {
font-size: 18px;
}
@media (max-width: 560px) {
font-size: 16px;
}
}
p {
color: $color_0;
font-family: $fRaleway;
font-size: 20px;
@media (max-width: 700px) {
font-size: 18px;
}
@media (max-width: 560px) {
font-size: 16px;
}
strong {
font-size: 25px;
font-weight: 800;
margin-bottom: 10px;
display: inline-block;
@media (max-width: 978px) {
font-size: 20px;
}
@media (max-width: 700px) {
font-size: 18px;
}
@media (max-width: 560px) {
font-size: 16px;
}
}
}
ul {
list-style: none;
padding-left: 0 !important;
li {
position: relative;
color: $color_0;
font-family: $fRaleway;
font-size: 20px;
line-height: 2;
padding-left: 50px;
&::before {
content: '•';
color: $color_0;
font-size: 30px;
position: absolute;
top: 0;
left: 0;
line-height: 1.3;
}
@media (max-width: 978px) {
font-size: 20px;
padding-left: 30px;
}
@media (max-width: 700px) {
font-size: 18px;
}
@media (max-width: 560px) {
font-size: 16px;
}
}
}
}
}
.text_menu_title_header {
display: none;
}
#container {
&.container {
@media (min-width: 1480px) {
max-width: 1420px;
}
}
}
.box-1 {
margin-bottom: 80px;
margin-top: 100px;
.container {
@media (min-width: 1200px) {
max-width: 1170px;
}
@media (min-width: 1480px) {
max-width: 1420px;
}
}
}
.box-2,
.box-3,
.box-4 {
margin-bottom: 70px;
}
.box-5 {
margin-bottom: 100px;
p {
max-width: 400px;
margin-bottom: 40px;
font-style: italic;
}
a {
color: #ffffff;
font-size: 24px;
font-weight: 500;
line-height: 1;
font-family: $fRaleway;
display: inline-flex;
align-items: center;
gap: 10px;
padding: 20px 40px;
background: $color_0;
@media (max-width: 700px) {
font-size: 20px;
}
@media (max-width: 560px) {
font-size: 18px;
}
}
}