From 910921fb856f04361cb710f5338657a79e68bdeb Mon Sep 17 00:00:00 2001 From: Anton Laktionov Date: Tue, 14 Jul 2026 17:24:35 +0300 Subject: [PATCH] fix --- local/_front/css/services.scss | 34 +++++++++++++++++++++++++++++++++- local/_front/css/style.css | 27 +++++++++++++++++++++++++++ 2 files changed, 60 insertions(+), 1 deletion(-) diff --git a/local/_front/css/services.scss b/local/_front/css/services.scss index 81af482..19fb40a 100644 --- a/local/_front/css/services.scss +++ b/local/_front/css/services.scss @@ -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; + } + } } } } diff --git a/local/_front/css/style.css b/local/_front/css/style.css index a1e2996..ab94fdd 100644 --- a/local/_front/css/style.css +++ b/local/_front/css/style.css @@ -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; } * {