This commit is contained in:
2026-07-14 17:24:35 +03:00
parent fa31fef9cf
commit 910921fb85
2 changed files with 60 additions and 1 deletions
+33 -1
View File
@@ -50,6 +50,12 @@
height: 100%;
&:hover {
backdrop-filter: brightness(66%);
.service-item_link {
display:block;
}
p {
display:block;
}
}
.left-border {
@@ -64,20 +70,46 @@
size: 30px;
weight: 800;
}
padding-left:38px;
color:#fff;
}
&_title {
padding-left:38px;
color: #fff;
font: {
size: 24px;
weight: 600;
}
}
p {
color: #fff;
padding-left:38px;
padding-right:79px;
display:none;
}
&_link {
color: #fff;
display: none;
margin: 21px auto 39px 40px;
font: {
size: 20px;
}
&::before {
content: '';
display: inline-block;
width: 50px;
height: 18px;
margin-right: 23px;
background: {
image: url('../assets/long_arrow.svg');
size: contain;
repeat: no-repeat;
position: center;
}
}
}
}
}
+27
View File
@@ -167,6 +167,12 @@ header {
.service-item_content:hover {
backdrop-filter: brightness(66%);
}
.service-item_content:hover .service-item_link {
display: block;
}
.service-item_content:hover p {
display: block;
}
.service-item_content .left-border {
border-left: 2px solid #fff;
height: 242px;
@@ -175,16 +181,37 @@ header {
.service-item_num {
font-size: 30px;
font-weight: 800;
padding-left: 38px;
color: #fff;
}
.service-item_title {
padding-left: 38px;
color: #fff;
font-size: 24px;
font-weight: 600;
}
.service-item p {
color: #fff;
padding-left: 38px;
padding-right: 79px;
display: none;
}
.service-item_link {
color: #fff;
display: none;
margin: 21px auto 39px 40px;
font-size: 20px;
}
.service-item_link::before {
content: "";
display: inline-block;
width: 50px;
height: 18px;
margin-right: 23px;
background-image: url("../assets/long_arrow.svg");
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
* {