This commit is contained in:
2026-03-09 15:46:57 +01:00
parent 530a6f0c27
commit 258bd71644
10 changed files with 581 additions and 1 deletions

View File

@@ -0,0 +1 @@
.apartaments .apartament-card__wrapper{position:relative;width:1264px;margin:0 auto;padding:93px 126px 26px;border:4px solid #192c44}.apartaments .apartament-card__wrapper .apartament-card__title{position:absolute;left:50%;top:0;transform:translateX(-50%);background:#192c44}.apartaments .apartament-card__wrapper .apartament-card__title h2{color:#fff;font-family:"Barlow",sans-serif;font-weight:500;font-size:32px;line-height:1.3;text-align:center;margin:0;padding:5px 70px 8px}.apartaments .apartament-card__wrapper .apartament-card__gallery{position:relative;line-height:0;margin-bottom:17px}.apartaments .apartament-card__wrapper .apartament-card__gallery .swiper-button-prev{left:0;transform:translateX(calc(-100% - 30px));width:43px;height:119px}.apartaments .apartament-card__wrapper .apartament-card__gallery .swiper-button-next{right:0;transform:translateX(calc(100% + 30px));width:43px;height:119px}.apartaments .apartament-card__wrapper .apartament-card__gallery img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.apartaments .apartament-card__wrapper .apartament-card__info{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-bottom:15px}.apartaments .apartament-card__wrapper .apartament-card__info .apartament-card__info_col1{border:4px solid #192c44;padding:25px 10% 10px}.apartaments .apartament-card__wrapper .apartament-card__info .apartament-card__info_col1 table,.apartaments .apartament-card__wrapper .apartament-card__info .apartament-card__info_col1 tr,.apartaments .apartament-card__wrapper .apartament-card__info .apartament-card__info_col1 td{border:none;padding:0;margin:0;background:rgba(0,0,0,0)}.apartaments .apartament-card__wrapper .apartament-card__info .apartament-card__info_col1 table tr.apartament-card__status td span{position:relative;display:inline-block}.apartaments .apartament-card__wrapper .apartament-card__info .apartament-card__info_col1 table tr.apartament-card__status td span::before{content:"";position:absolute;inset:0 -8px;z-index:-1}.apartaments .apartament-card__wrapper .apartament-card__info .apartament-card__info_col1 table tr.apartament-card__status td span.available::before{background:#c1e8a8}.apartaments .apartament-card__wrapper .apartament-card__info .apartament-card__info_col1 table tr.apartament-card__status td span.reserved::before{background:#f4eba8}.apartaments .apartament-card__wrapper .apartament-card__info .apartament-card__info_col1 table tr.apartament-card__status td span.sold::before{background:#f54040}.apartaments .apartament-card__wrapper .apartament-card__info .apartament-card__info_col1 table tr.apartament-card__price-history .apartament-card__info_table-value{font-weight:600;font-size:14px;line-height:26px;display:inline-flex;width:100%;align-items:center;gap:7px;padding-top:10px;cursor:pointer}.apartaments .apartament-card__wrapper .apartament-card__info .apartament-card__info_col1 table tr.apartament-card__price-history .apartament-card__info_table-value svg{margin-bottom:4px}.apartaments .apartament-card__wrapper .apartament-card__info .apartament-card__info_col1 table tr td{width:50%;color:#192c44;font-family:"Barlow",sans-serif;font-weight:400;font-size:22px;line-height:1.2}.apartaments .apartament-card__wrapper .apartament-card__info .apartament-card__info_col2{border:4px solid #192c44;padding:25px 10% 10px;align-content:center}.apartaments .apartament-card__wrapper .apartament-card__info .apartament-card__info_col2 .card__info_col2__img{margin-bottom:40px}.apartaments .apartament-card__wrapper .apartament-card__info .apartament-card__info_col2 .card__info_col2__img img{width:100%;max-width:-moz-fit-content;max-width:fit-content}.apartaments .apartament-card__wrapper .apartament-card__info .apartament-card__info_col2 .card__info_col2__data a{color:#192c44;font-family:"Barlow",sans-serif;font-weight:600;font-size:14px;line-height:1.8;display:inline-flex;justify-content:center;align-items:center;gap:7px;width:100%;cursor:pointer}.apartaments .apartament-card__wrapper .apartament-card__info .apartament-card__info_col2 .card__info_col2__data a svg{margin-bottom:4px}.apartaments .apartament-card__wrapper .apartament-card__desc p{color:#192c44;font-family:"Barlow",sans-serif;font-weight:500;font-size:20px;line-height:1.05}.apartaments .apartament-card__wrapper .apartament-card__desc ul{padding:0;margin:0;list-style:none}.apartaments .apartament-card__wrapper .apartament-card__desc ul li{position:relative;padding-left:25px;color:#192c44;font-family:"Barlow",sans-serif;font-weight:400;font-size:20px;line-height:30px}.apartaments .apartament-card__wrapper .apartament-card__desc ul li::before{content:"";position:absolute;left:0;top:10px;width:9px;height:13px;background-image:url("/wp-content/uploads/2026/03/Polygon-2.svg");background-position:center;background-size:contain;background-repeat:no-repeat}/*# sourceMappingURL=main.css.map */

View File

@@ -0,0 +1 @@
{"version":3,"sources":["main.scss"],"names":[],"mappings":"AAEE,uCACC,iBAAA,CACA,YAAA,CACA,aAAA,CACA,uBAAA,CACA,wBAAA,CAEA,+DACC,iBAAA,CACA,QAAA,CACA,KAAA,CACA,0BAAA,CAEA,kBAAA,CAEA,kEACC,UAAA,CACA,+BAAA,CACA,eAAA,CACA,cAAA,CACA,eAAA,CACA,iBAAA,CACA,QAAA,CACA,oBAAA,CAIF,iEACC,iBAAA,CACA,aAAA,CACA,kBAAA,CAEA,qFACC,MAAA,CACA,wCAAA,CAEA,UAAA,CACA,YAAA,CAED,qFACC,OAAA,CACA,uCAAA,CAEA,UAAA,CACA,YAAA,CAGD,qEACC,UAAA,CACA,WAAA,CACA,mBAAA,CAAA,gBAAA,CACA,yBAAA,CAAA,sBAAA,CAIF,8DACC,YAAA,CACA,6BAAA,CACA,QAAA,CACA,kBAAA,CAEA,0FACC,wBAAA,CACA,qBAAA,CAEA,0RAGC,WAAA,CACA,SAAA,CACA,QAAA,CACA,wBAAA,CAOG,mIACC,iBAAA,CACA,oBAAA,CAEA,2IACC,UAAA,CACA,iBAAA,CACA,YAAA,CACA,UAAA,CAIA,qJACC,kBAAA,CAID,oJACC,kBAAA,CAID,gJACC,kBAAA,CAOJ,qKACC,eAAA,CACA,cAAA,CACA,gBAAA,CAEA,mBAAA,CACA,UAAA,CACA,kBAAA,CACA,OAAA,CACA,gBAAA,CACA,cAAA,CAEA,yKACC,iBAAA,CAIH,sGACC,SAAA,CAEA,aAAA,CACA,+BAAA,CACA,eAAA,CACA,cAAA,CACA,eAAA,CAKJ,0FACC,wBAAA,CACA,qBAAA,CACA,oBAAA,CAEA,gHACC,kBAAA,CAEA,oHACC,UAAA,CACA,0BAAA,CAAA,qBAAA,CAID,mHACC,aAAA,CACA,+BAAA,CACA,eAAA,CACA,cAAA,CACA,eAAA,CAEA,mBAAA,CACA,sBAAA,CACA,kBAAA,CACA,OAAA,CACA,UAAA,CACA,cAAA,CAEA,uHACC,iBAAA,CAQJ,gEACC,aAAA,CACA,+BAAA,CACA,eAAA,CACA,cAAA,CACA,gBAAA,CAGD,iEACC,SAAA,CACA,QAAA,CACA,eAAA,CAEA,oEACC,iBAAA,CACA,iBAAA,CAEA,aAAA,CACA,+BAAA,CACA,eAAA,CACA,cAAA,CACA,gBAAA,CAEA,4EACC,UAAA,CACA,iBAAA,CACA,MAAA,CACA,QAAA,CACA,SAAA,CACA,WAAA,CACA,iEAAA,CACA,0BAAA,CACA,uBAAA,CACA,2BAAA","file":"main.css"}

View File

@@ -0,0 +1,217 @@
.apartaments {
.apartament-card {
&__wrapper {
position: relative;
width: 1264px;
margin: 0 auto;
padding: 93px 126px 26px;
border: 4px solid #192c44;
.apartament-card__title {
position: absolute;
left: 50%;
top: 0;
transform: translateX(-50%);
background: #192c44;
h2 {
color: #ffffff;
font-family: 'Barlow', sans-serif;
font-weight: 500;
font-size: 32px;
line-height: 1.3;
text-align: center;
margin: 0;
padding: 5px 70px 8px;
}
}
.apartament-card__gallery {
position: relative;
line-height: 0;
margin-bottom: 17px;
.swiper-button-prev {
left: 0;
transform: translateX(calc(-100% - 30px));
width: 43px;
height: 119px;
}
.swiper-button-next {
right: 0;
transform: translateX(calc(100% + 30px));
width: 43px;
height: 119px;
}
img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
}
.apartament-card__info {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 26px;
margin-bottom: 15px;
.apartament-card__info_col1 {
border: 4px solid #192c44;
padding: 25px 10% 10px;
table,
tr,
td {
border: none;
padding: 0;
margin: 0;
background: transparent;
}
table {
tr {
&.apartament-card__status {
td {
span {
position: relative;
display: inline-block;
&::before {
content: '';
position: absolute;
inset: 0 -8px;
z-index: -1;
}
&.available {
&::before {
background: #c1e8a8;
}
}
&.reserved {
&::before {
background: #f4eba8;
}
}
&.sold {
&::before {
background: #f54040;
}
}
}
}
}
&.apartament-card__price-history {
.apartament-card__info_table-value {
font-weight: 600;
font-size: 14px;
line-height: 26px;
display: inline-flex;
width: 100%;
align-items: center;
gap: 7px;
padding-top: 10px;
cursor: pointer;
svg {
margin-bottom: 4px;
}
}
}
td {
width: 50%;
color: #192c44;
font-family: 'Barlow', sans-serif;
font-weight: 400;
font-size: 22px;
line-height: 1.2;
}
}
}
}
.apartament-card__info_col2 {
border: 4px solid #192c44;
padding: 25px 10% 10px;
align-content: center;
.card__info_col2__img {
margin-bottom: 40px;
img {
width: 100%;
max-width: fit-content;
}
}
.card__info_col2__data {
a {
color: #192c44;
font-family: 'Barlow', sans-serif;
font-weight: 600;
font-size: 14px;
line-height: 1.8;
display: inline-flex;
justify-content: center;
align-items: center;
gap: 7px;
width: 100%;
cursor: pointer;
svg {
margin-bottom: 4px;
}
}
}
}
}
.apartament-card__desc {
p {
color: #192c44;
font-family: 'Barlow', sans-serif;
font-weight: 500;
font-size: 20px;
line-height: 1.05;
}
ul {
padding: 0;
margin: 0;
list-style: none;
li {
position: relative;
padding-left: 25px;
color: #192c44;
font-family: 'Barlow', sans-serif;
font-weight: 400;
font-size: 20px;
line-height: 30px;
&::before {
content: '';
position: absolute;
left: 0;
top: 10px;
width: 9px;
height: 13px;
background-image: url('/wp-content/uploads/2026/03/Polygon-2.svg');
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}
}
}
}
}
}
}