laktionov-as/hotels
Template
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix

Browse Source
This commit is contained in:
Anton Laktionov
2026-07-14 17:24:35 +03:00
parent fa31fef9cf
commit 910921fb85
2 changed files with 60 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
local/_front/css/services.scss
+33 -1
View File
@@ -50,6 +50,12 @@
height: 100%; height: 100%;
&:hover { &:hover {
backdrop-filter: brightness(66%); backdrop-filter: brightness(66%);
.service-item_link {
display:block;
}
p {
display:block;
}
} }
.left-border { .left-border {
@@ -64,20 +70,46 @@
size: 30px; size: 30px;
weight: 800; weight: 800;
} }
padding-left:38px;
color:#fff; color:#fff;
} }
&_title { &_title {
padding-left:38px;
color: #fff; color: #fff;
font: {
size: 24px;
weight: 600;
}
} }
p { p {
color: #fff; color: #fff;
padding-left:38px;
padding-right:79px;
display:none;
} }
&_link { &_link {
color: #fff; 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;
}
}
} }
} }
} }
local/_front/css/style.css
+27
View File
@@ -167,6 +167,12 @@ header {
.service-item_content:hover { .service-item_content:hover {
backdrop-filter: brightness(66%); 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 { .service-item_content .left-border {
border-left: 2px solid #fff; border-left: 2px solid #fff;
height: 242px; height: 242px;
@@ -175,16 +181,37 @@ header {
.service-item_num { .service-item_num {
font-size: 30px; font-size: 30px;
font-weight: 800; font-weight: 800;
padding-left: 38px;
color: #fff; color: #fff;
} }
.service-item_title { .service-item_title {
padding-left: 38px;
color: #fff; color: #fff;
font-size: 24px;
font-weight: 600;
} }
.service-item p { .service-item p {
color: #fff; color: #fff;
padding-left: 38px;
padding-right: 79px;
display: none;
} }
.service-item_link { .service-item_link {
color: #fff; 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;
} }
* { * {