Project-Pro/vidok.com
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-13 09:13:15 +02:00
parent 2837d2796c
commit e743a918ba
3 changed files with 59 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

77
layout/style-scss/promocja-drzwi-aluminiowe.scss
View File

@@ -287,6 +287,9 @@ strong {
@include respond-below(lg) {
font-size: 45px;
}
@include respond-below(xs) {
font-size: 35px;
}
}
}
.old-price {
@@ -320,6 +323,9 @@ strong {
width: 130px;
}
}
@include respond-below(xs) {
font-size: 22px;
}
}
}
.product-desc {
@@ -352,6 +358,9 @@ strong {
@include respond-below(lg) {
font-size: 18px;
}
@include respond-below(xs) {
font-size: 16px;
}
&:not(:last-child) {
margin-bottom: 10px;
@@ -419,6 +428,19 @@ strong {
border-top-left-radius: 50px;
border-bottom-left-radius: 50px;
}
@include respond-below(xs) {
top: auto;
bottom: 0;
left: 50%;
border-radius: 0;
transform: translateX(-50%);
}
}
@include respond-below(xs) {
flex-direction: column-reverse;
padding-left: 0;
row-gap: 30px;
}
// @include respond-below(md) {
@@ -433,27 +455,19 @@ strong {
justify-content: center;
gap: 40px;
@include respond-below(xs) {
text-align: center;
padding-bottom: 30px;
}
.c-desk-text {
// text-align: center;
// h2 {
// color: $cWhite;
// font-size: 135px;
// font-family: $font3;
// font-weight: 700;
// line-height: 1;
// margin-bottom: -10px;
// text-shadow: -5px 5px 0px rgba(90, 107, 131, 1);
// }
// p {
// color: $cWhite;
// font-size: 35px;
// font-family: $font3;
// font-weight: 700;
// line-height: 1;
// margin: 0;
// }
@include respond-below(xs) {
text-align: center;
padding-bottom: 30px;
transform: rotate(90deg);
margin-bottom: -60px;
margin-top: -30px;
}
img {
width: 100%;
@@ -503,6 +517,10 @@ strong {
position: relative;
height: fit-content;
@include respond-below(xs) {
text-align: center;
}
.product-img-1 {
// margin-bottom: -170px;
width: 100%;
@@ -516,6 +534,10 @@ strong {
width: 100%;
max-width: fit-content;
@include respond-below(xs) {
display: none;
}
}
}
}
@@ -531,8 +553,16 @@ strong {
padding-bottom: 50px;
border-bottom: 1px solid #000000;
@include respond-below(xs) {
grid-template-columns: 1fr;
text-align: center;
}
.c-col {
&-1 {
@include respond-below(xs) {
margin-bottom: 20px;
}
ul {
padding: 0;
margin: 0;
@@ -569,6 +599,9 @@ strong {
@include respond-below(sm) {
font-size: 16px;
}
@include respond-below(xs) {
text-align: center;
}
}
}
}
@@ -883,6 +916,10 @@ strong {
margin: 0;
list-style: none;
@include respond-below(xs) {
flex-direction: column;
}
li {
img {
width: 100%;