From 897ba70674c5dad51569dfd220ee55c32fb3d0ef Mon Sep 17 00:00:00 2001
From: Ruslan Bagautdinov <bagautdinovrl@yandex-team.ru>
Date: Tue, 16 Jul 2024 15:05:50 +0300
Subject: [PATCH] fix: style fixes

---
 src/components/DocLayout/DocLayout.scss         |  2 +-
 src/components/SubNavigation/subnavigation.scss | 14 ++++++--------
 2 files changed, 7 insertions(+), 9 deletions(-)

diff --git a/src/components/DocLayout/DocLayout.scss b/src/components/DocLayout/DocLayout.scss
index 44516ff3..7690e681 100644
--- a/src/components/DocLayout/DocLayout.scss
+++ b/src/components/DocLayout/DocLayout.scss
@@ -82,7 +82,7 @@
         flex-direction: column-reverse;
 
         &__center + &__right:has(> .dc-subnavigation_invisible) {
-            margin-top: calc(0px - var(--dc-subheader-height));
+            margin-top: calc(0px - var(--dc-subheader-height, 52px));
         }
 
         &__right {
diff --git a/src/components/SubNavigation/subnavigation.scss b/src/components/SubNavigation/subnavigation.scss
index 8ff39d1a..e16d011b 100644
--- a/src/components/SubNavigation/subnavigation.scss
+++ b/src/components/SubNavigation/subnavigation.scss
@@ -1,5 +1,5 @@
-@import "../../styles/variables";
-@import "../../styles/mixins";
+@import '../../styles/variables';
+@import '../../styles/mixins';
 
 .dc-subnavigation {
     position: absolute;
@@ -13,8 +13,8 @@
 
     gap: 4px;
 
-    background: var(--g-color-base-background, #FFF);
-    border-bottom: 1px solid var(--g-color-line-generic, #0000001A);
+    background: var(--g-color-base-background, #fff);
+    border-bottom: 1px solid var(--g-color-line-generic, #0000001a);
 
     @media (min-width: map-get($screenBreakpoints, 'md')) {
         display: none;
@@ -38,7 +38,7 @@
         border: none;
         outline: none;
 
-        transition: transform .1s ease-out, color .15s linear;
+        transition: transform 0.1s ease-out, color 0.15s linear;
         transform: scale(1);
 
         touch-action: manipulation;
@@ -72,7 +72,6 @@
     }
 
     &__title {
-        font-family: inherit;
         @include text-size(subheader-2);
         font-weight: 400;
     }
@@ -95,6 +94,5 @@
 
     &_invisible &__button {
         margin-top: 8px;
-   }
+    }
 }
-