Merge branch 'main' of http://91.189.216.43:3000/jacek.pyziak/cdnPRO
This commit is contained in:
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -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;
|
||||
@@ -975,6 +1105,23 @@ footer.footer {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.product {
|
||||
.product__basket {
|
||||
.price_extended {
|
||||
em.color {
|
||||
color: #9d343b;
|
||||
}
|
||||
}
|
||||
.price__regular {
|
||||
font-size: 0;
|
||||
|
||||
del {
|
||||
font-size: 20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
header {
|
||||
@@ -1082,12 +1229,22 @@ 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;
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
ul.menu-list {
|
||||
@@ -1135,6 +1292,8 @@ div.menu {
|
||||
}
|
||||
|
||||
ul.menu-mobile {
|
||||
max-width: 100svw;
|
||||
|
||||
li.menu-mobile-li {
|
||||
a {
|
||||
&:hover {
|
||||
@@ -1145,7 +1304,10 @@ div.menu {
|
||||
}
|
||||
|
||||
> a {
|
||||
font-size: 60px;
|
||||
// font-size: 60px;
|
||||
font-size: 20px !important;
|
||||
line-height: 1 !important;
|
||||
padding: 7px 0 !important;
|
||||
}
|
||||
|
||||
&.small-menu {
|
||||
@@ -1174,6 +1336,13 @@ div.menu {
|
||||
filter: invert(0.9);
|
||||
}
|
||||
}
|
||||
&.small-search {
|
||||
a {
|
||||
&::before {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
&.small-cart {
|
||||
img {
|
||||
display: inline-block;
|
||||
@@ -2810,6 +2979,11 @@ body .consents {
|
||||
}
|
||||
}
|
||||
.consents__buttons {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
gap: 10px;
|
||||
|
||||
.btn {
|
||||
margin: 0;
|
||||
padding: 14px;
|
||||
@@ -2850,7 +3024,8 @@ body.shop_infopage {
|
||||
}
|
||||
|
||||
#rwd-menu {
|
||||
width: 100%;
|
||||
width: 100% !important;
|
||||
margin-top: 40px !important;
|
||||
|
||||
> li {
|
||||
&:nth-child(1) {
|
||||
@@ -2860,6 +3035,12 @@ body.shop_infopage {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
li {
|
||||
a {
|
||||
display: block !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.js__search-mobile-btn {
|
||||
|
||||
Reference in New Issue
Block a user