Project-Pro/parkingskysafe.pl
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-09-09 13:12:36 +02:00
parent 8d41f03f38
commit 232bc86866
5 changed files with 86 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
wp-content/themes/skysafe/css/custom.css
View File

@@ -960,6 +960,43 @@ body.page-id-23 main#main .box-2 .c-row .box-content .tile p:last-child {
font-size: 13px;
}
}
body.page-id-23 main#main .box-2 .c-row .box-content .tile-img {
grid-column-start: 1;
grid-column-end: 4;
display: flex;
flex-direction: row;
align-items: center;
gap: 67px;
}
body.page-id-23 main#main .box-2 .c-row .box-content .tile-img .tile-col-1 {
width: 100%;
max-width: 578px;
}
body.page-id-23 main#main .box-2 .c-row .box-content .tile-img .tile-col-2 {
width: 100%;
max-width: 635px;
}
body.page-id-23 main#main .box-2 .c-row .box-content .tile-img .tile-col-2 img {
display: block;
width: 100%;
max-width: unset;
height: 100%;
border-radius: 10px;
-o-object-fit: cover;
object-fit: cover;
margin: 0;
}
@media (max-width: 991px) {
body.page-id-23 main#main .box-2 .c-row .box-content .tile-img {
grid-column-end: 3;
}
}
@media (max-width: 575px) {
body.page-id-23 main#main .box-2 .c-row .box-content .tile-img {
flex-direction: column-reverse;
row-gap: 24px;
}
}
body.page-id-23 main#main .box-3 {
position: relative;
padding: 80px 0;

2
wp-content/themes/skysafe/css/custom.css.map
View File

File diff suppressed because one or more lines are too long

37
wp-content/themes/skysafe/css/custom.scss
View File

@@ -1049,6 +1049,43 @@ body.page-id-23 {
}
}
}
.tile-img {
grid-column-start: 1;
grid-column-end: 4;
display: flex;
flex-direction: row;
align-items: center;
gap: 67px;
.tile-col-1 {
width: 100%;
max-width: 578px;
}
.tile-col-2 {
width: 100%;
max-width: 635px;
img {
display: block;
width: 100%;
max-width: unset;
height: 100%;
border-radius: 10px;
object-fit: cover;
margin: 0;
}
}
@include respond-below(lg) {
grid-column-end: 3;
}
@include respond-below(sm) {
flex-direction: column-reverse;
row-gap: 24px;
}
}
}
}
}

10
wp-content/themes/skysafe/page-23.php
View File

@@ -45,6 +45,16 @@
<p><?php echo $card['text']; ?></p>
</div>
<?php endforeach; ?>
<div class="tile tile-img">
<div class="tile-col-1">
<?php echo $box2['big_card']['title']; ?>
<p><?php echo $box2['big_card']['text']; ?></p>
<a class="btn-1" href="<?php echo $box2['big_card']['btn']['url']; ?>" <?php echo isset($box2['big_card']['btn']['target']) ? $box2['big_card']['btn']['target'] : ''; ?>><?php echo $box2['big_card']['btn']['title']; ?></a>
</div>
<div class="tile-col-2">
<img src="<?php echo $box2['big_card']['img']; ?>" alt="img">
</div>
</div>
</div>
</div>
</div>