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
2025-05-29 14:17:42 +02:00
parent e0f9588e7d
commit 68ef10b959
3 changed files with 170 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
juicedupmotorcycles.pl/style.css
View File

File diff suppressed because one or more lines are too long

2
juicedupmotorcycles.pl/style.css.map
View File

File diff suppressed because one or more lines are too long

182
juicedupmotorcycles.pl/style.scss
View File

@@ -22,13 +22,22 @@ $fBebasNeuePro: 'Bebas Neue Pro', sans-serif;
$fBebasNeueProExpanded: 'Bebas Neue Pro Expanded', sans-serif;
$fLato: 'Lato', sans-serif;
html,
body {
height: 100%;
margin: 0;
padding: 0;
}
body {
color: $cTxtWhite !important;
background-color: $cOnyx !important;
font-family: 'Scandia', 'Poppins', sans-serif !important;
> .wrap {
overflow: hidden;
@media (min-width: 768px) {
> .wrap {
overflow: hidden;
}
}
}
@@ -394,12 +403,90 @@ div.up {
}
}
#box_slider_39 {
ul.slides {
min-height: 600px;
@media (max-width: 767px) {
min-height: 500px;
}
> li {
background-size: cover !important;
}
}
.slider-text {
margin-left: 20vw;
@media (max-width: 980px) {
margin-left: 13vw;
}
@media (max-width: 767px) {
margin-left: 40px;
margin-right: 40px;
}
@media (max-width: 500px) {
margin-left: 20px;
margin-right: 20px;
}
h2 {
color: $cTxtWhite;
font-size: 60px;
line-height: 1.1;
font-weight: 700;
margin: 0;
@media (max-width: 767px) {
font-size: 44px;
}
}
h3 {
color: $cTxtWhite;
font-size: 16px;
line-height: 1.1;
font-weight: 500;
display: inline-block;
background-color: $cBlackDark;
border-radius: 2.375rem;
padding: 4px 12px;
text-transform: uppercase;
margin: 0 0 15px 0;
@media (max-width: 767px) {
font-size: 14px;
}
}
p {
color: $cTxtWhite;
font-size: 18px;
line-height: 1.1;
font-weight: 400;
margin: 10px 0 20px;
&:last-child {
margin: 0;
}
@media (max-width: 767px) {
font-size: 16px;
}
}
a {
@extend ._btn;
}
}
}
.box_custom#box-1 {
height: 600px;
background-image: url('https://sklep214936.shoparena.pl/skins/user/rwd_shoper_2/images/user/beard-quiz-home-hero-desktop.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
// background-image: url('https://sklep214936.shoparena.pl/skins/user/rwd_shoper_2/images/user/beard-quiz-home-hero-desktop.jpg');
// background-position: center;
// background-repeat: no-repeat;
// background-size: cover;
align-content: center;
margin-bottom: 0;
@@ -408,7 +495,9 @@ div.up {
}
.box_wrapper {
position: relative;
margin-left: 20vw;
z-index: 1;
@media (max-width: 980px) {
margin-left: 13vw;
@@ -467,6 +556,15 @@ div.up {
a {
@extend ._btn;
}
img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
}
.box_custom#box-2 {
@@ -508,9 +606,10 @@ div.up {
left: 50%;
right: auto;
height: 100%;
width: 100svw;
width: 100vw;
background: #141417;
transform: translateX(-50%);
z-index: 1;
}
@media (min-width: 768px) and (max-width: 980px) {
@@ -527,6 +626,7 @@ div.up {
align-items: center;
justify-content: center;
column-gap: 30px;
z-index: 2;
@media (max-width: 767px) {
flex-direction: column-reverse;
@@ -582,6 +682,7 @@ div.up {
img {
border-radius: 20px;
object-fit: contain;
height: auto;
}
}
}
@@ -599,12 +700,27 @@ div.up {
overflow: initial;
}
&::before {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 50%;
right: auto;
height: 100%;
width: 100vw;
background: #141417;
transform: translateX(-50%);
z-index: 1;
}
.c-row {
position: relative;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
z-index: 2;
@media (max-width: 767px) {
flex-direction: column-reverse;
@@ -661,6 +777,7 @@ div.up {
img {
border-radius: 20px;
object-fit: contain;
height: auto;
}
}
}
@@ -669,10 +786,10 @@ div.up {
.box_custom#box-5 {
position: relative;
padding: 100px 0;
padding: 100px 0 0 0;
@media (max-width: 767px) {
padding: 70px 0 50px;
padding: 70px 0 0 0;
}
.tiles {
@@ -748,7 +865,7 @@ div.up {
max-width: 800px;
margin-left: auto;
margin-right: auto;
margin-top: 100px;
// margin-top: 100px;
margin-bottom: 0;
.boxhead {
@@ -869,6 +986,19 @@ div.up {
@media (min-width: 768px) {
max-width: 350px;
}
@media (max-width: 611px) {
padding-right: 0;
}
}
}
.slider-nav-left,
.slider-nav-right {
z-index: 1;
@media (max-width: 767px) {
visibility: visible !important;
}
}
}
@@ -942,8 +1072,8 @@ footer.footer {
#box_specialoffer,
#box_bestsellers {
position: relative;
padding-top: 100px;
padding-bottom: 100px;
padding-top: 80px;
padding-bottom: 80px;
@media (max-width: 767px) {
padding-top: 50px;
@@ -1082,12 +1212,21 @@ div.menu {
right: 0;
}
@media (max-width: 767px) {
position: sticky;
top: 0;
}
nav.innermenu {
height: 46px;
line-height: 46px;
border: none !important;
@media (max-width: 767px) {
border-color: #28282e;
height: 40px !important;
min-height: 40px !important;
line-height: 40px !important;
}
ul.menu-list {
@@ -1145,7 +1284,10 @@ div.menu {
}
> a {
font-size: 60px;
// font-size: 60px;
font-size: 20px !important;
line-height: 1 !important;
padding: 7px 0 !important;
}
&.small-menu {
@@ -2810,6 +2952,11 @@ body .consents {
}
}
.consents__buttons {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 10px;
.btn {
margin: 0;
padding: 14px;
@@ -2850,7 +2997,8 @@ body.shop_infopage {
}
#rwd-menu {
width: 100%;
width: 100% !important;
margin-top: 40px !important;
> li {
&:nth-child(1) {
@@ -2860,6 +3008,12 @@ body.shop_infopage {
display: none !important;
}
}
li {
a {
display: block !important;
}
}
}
.js__search-mobile-btn {