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-15 08:42:59 +02:00
parent c22a17e23c
commit 9e57896312
6 changed files with 51 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
layout/style-css/promocja-drzwi-aluminiowe.css
View File

File diff suppressed because one or more lines are too long

2
layout/style-css/promocja-drzwi-aluminiowe.css.map
View File

File diff suppressed because one or more lines are too long

2
layout/style-css/style.css
View File

File diff suppressed because one or more lines are too long

2
layout/style-css/style.css.map
View File

File diff suppressed because one or more lines are too long

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

@@ -431,15 +431,17 @@ strong {
border-bottom-left-radius: 50px; border-bottom-left-radius: 50px;
} }
@include respond-below(sm) { @include respond-below(sm) {
height: 440px; // height: 440px;
height: auto;
bottom: 30px;
} }
@include respond-below(xs) { @include respond-below(xs) {
top: auto; // top: auto;
bottom: 0; // bottom: 0;
left: 50%; // left: 50%;
width: 100svw; // width: 100svw;
border-radius: 0; // border-radius: 0;
transform: translateX(-50%); // transform: translateX(-50%);
} }
} }
@@ -447,8 +449,9 @@ strong {
order: 1; order: 1;
} }
@include respond-below(xs) { @include respond-below(xs) {
flex-direction: column-reverse; // flex-direction: column-reverse;
padding-left: 0; // padding-left: 0;
column-gap: 20px;
row-gap: 30px; row-gap: 30px;
} }
@@ -466,16 +469,16 @@ strong {
@include respond-below(xs) { @include respond-below(xs) {
text-align: center; text-align: center;
padding-bottom: 30px; // padding-bottom: 30px;
} }
.c-desk-text { .c-desk-text {
@include respond-below(xs) { @include respond-below(xs) {
text-align: center; text-align: center;
// padding-bottom: 30px; // padding-bottom: 30px;
transform: rotate(90deg); // transform: rotate(90deg);
margin-bottom: -60px; // margin-bottom: -60px;
margin-top: -30px; // margin-top: -30px;
} }
img { img {
@@ -488,6 +491,13 @@ strong {
@include respond-below(md) { @include respond-below(md) {
max-width: 130px; max-width: 130px;
} }
@media (max-width: 500px) {
max-width: 100px;
}
@media (max-width: 450px) {
max-width: 80px;
}
} }
} }
@@ -513,6 +523,10 @@ strong {
img { img {
padding-bottom: 6px; padding-bottom: 6px;
width: 16px; width: 16px;
@media (max-width: 500px) {
display: none;
}
} }
@include respond-between(md, lg) { @include respond-between(md, lg) {

42
layout/style-scss/style.scss
View File

@@ -1287,45 +1287,43 @@ p {
// margin-top: 60px; // margin-top: 60px;
.banner.mobile { .banner.mobile {
// display: block; display: block;
display: none;
// @include respond-above(xs) { @include respond-above(xs) {
// display: none !important; display: none !important;
// } }
} }
.banner.desktop { .banner.desktop {
// display: none; display: none;
display: block;
// @include respond-above(lg) { @include respond-above(lg) {
// display: block; display: block;
// } }
} }
.banner.tablet { .banner.tablet {
display: none; display: none;
// @include respond-above(xs) { @include respond-above(xs) {
// display: block; display: block;
// } }
// @include respond-above(md) { @include respond-above(md) {
// display: none; display: none;
// } }
} }
.banner.laptop { .banner.laptop {
display: none; display: none;
// @include respond-above(md) { @include respond-above(md) {
// display: block; display: block;
// } }
// @include respond-above(lg) { @include respond-above(lg) {
// display: none; display: none;
// } }
} }
.banner { .banner {