This commit is contained in:
Roman Pyrih
2026-04-15 15:50:03 +02:00
parent 0d1de6c85c
commit 98ccfe6d65
14 changed files with 1251 additions and 5 deletions

View File

@@ -0,0 +1 @@
.elementor-review-box{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:42px 48px;background:#fff;border:1px solid #e2e4e9;border-radius:28px;box-shadow:0 4px 14px rgba(16,24,40,.06);overflow:hidden;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1)}.elementor-review-box:hover{border-color:rgba(238,43,140,.2) !important;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)}.elementor-review-box__top{width:100%;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:16px}.elementor-review-box__stars{display:inline-flex;align-items:center;flex-wrap:wrap;gap:8px;line-height:1}.elementor-review-box__star{font-size:28px;line-height:1;color:#f4c214;display:inline-flex}.elementor-review-box__quote{opacity:.6}.elementor-review-box__quote svg{position:absolute;top:16px;right:16px;width:48px;height:48px;line-height:1;color:#f6d6e6;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.elementor-review-box__content{width:100%}.elementor-review-box__text{font-size:24px;line-height:1.55;font-weight:400;color:#222b3a;letter-spacing:-0.01em;word-break:break-word}.elementor-review-box__footer{width:100%;display:flex;align-items:center;gap:20px}.elementor-review-box__avatar{border-radius:50%;background:#f6d6e6;color:#e23d94;display:inline-flex;align-items:center;justify-content:center;text-align:center;font-size:28px;font-weight:700;line-height:1;text-transform:uppercase}.elementor-review-box__author{display:flex;flex-direction:column;gap:4px;min-width:0}.elementor-review-box__name{font-size:24px;line-height:1.2;font-weight:700;color:#1f2737;word-break:break-word}.elementor-review-box__location{font-size:18px;line-height:1.35;font-weight:400;color:#667085;word-break:break-word}/*# sourceMappingURL=main.css.map */

View File

@@ -0,0 +1 @@
{"version":3,"sources":["main.scss"],"names":[],"mappings":"AAAA,sBACC,iBAAA,CACA,YAAA,CACA,qBAAA,CACA,6BAAA,CACA,iBAAA,CACA,eAAA,CACA,wBAAA,CACA,kBAAA,CACA,wCAAA,CACA,eAAA,CACA,+CAAA,CAEA,4BACC,2CAAA,CACA,wEAAA,CAID,2BACC,UAAA,CACA,YAAA,CACA,sBAAA,CACA,6BAAA,CACA,QAAA,CACA,kBAAA,CAGD,6BACC,mBAAA,CACA,kBAAA,CACA,cAAA,CACA,OAAA,CACA,aAAA,CAGD,4BACC,cAAA,CACA,aAAA,CACA,aAAA,CACA,mBAAA,CAGD,6BACC,UAAA,CACA,iCACC,iBAAA,CACA,QAAA,CACA,UAAA,CACA,UAAA,CACA,WAAA,CACA,aAAA,CACA,aAAA,CACA,mBAAA,CACA,wBAAA,CAAA,qBAAA,CAAA,gBAAA,CAIF,+BACC,UAAA,CAGD,4BACC,cAAA,CACA,gBAAA,CACA,eAAA,CACA,aAAA,CACA,sBAAA,CACA,qBAAA,CAGD,8BACC,UAAA,CACA,YAAA,CACA,kBAAA,CACA,QAAA,CAGD,8BACC,iBAAA,CACA,kBAAA,CACA,aAAA,CACA,mBAAA,CACA,kBAAA,CACA,sBAAA,CACA,iBAAA,CACA,cAAA,CACA,eAAA,CACA,aAAA,CACA,wBAAA,CAGD,8BACC,YAAA,CACA,qBAAA,CACA,OAAA,CACA,WAAA,CAGD,4BACC,cAAA,CACA,eAAA,CACA,eAAA,CACA,aAAA,CACA,qBAAA,CAGD,gCACC,cAAA,CACA,gBAAA,CACA,eAAA,CACA,aAAA,CACA,qBAAA","file":"main.css"}

View File

@@ -0,0 +1,115 @@
.elementor-review-box {
position: relative;
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 42px 48px;
background: #fff;
border: 1px solid #e2e4e9;
border-radius: 28px;
box-shadow: 0 4px 14px rgba(16, 24, 40, 0.06);
overflow: hidden;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
&:hover {
border-color: #ee2b8c33 !important;
box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1),
0 4px 6px -4px rgb(0 0 0 / 0.1);
}
&__top {
width: 100%;
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 20px;
margin-bottom: 16px;
}
&__stars {
display: inline-flex;
align-items: center;
flex-wrap: wrap;
gap: 8px;
line-height: 1;
}
&__star {
font-size: 28px;
line-height: 1;
color: #f4c214;
display: inline-flex;
}
&__quote {
opacity: 0.6;
svg {
position: absolute;
top: 16px;
right: 16px;
width: 48px;
height: 48px;
line-height: 1;
color: #f6d6e6;
pointer-events: none;
user-select: none;
}
}
&__content {
width: 100%;
}
&__text {
font-size: 24px;
line-height: 1.55;
font-weight: 400;
color: #222b3a;
letter-spacing: -0.01em;
word-break: break-word;
}
&__footer {
width: 100%;
display: flex;
align-items: center;
gap: 20px;
}
&__avatar {
border-radius: 50%;
background: #f6d6e6;
color: #e23d94;
display: inline-flex;
align-items: center;
justify-content: center;
text-align: center;
font-size: 28px;
font-weight: 700;
line-height: 1;
text-transform: uppercase;
}
&__author {
display: flex;
flex-direction: column;
gap: 4px;
min-width: 0;
}
&__name {
font-size: 24px;
line-height: 1.2;
font-weight: 700;
color: #1f2737;
word-break: break-word;
}
&__location {
font-size: 18px;
line-height: 1.35;
font-weight: 400;
color: #667085;
word-break: break-word;
}
}