VEGA-4499: адаптация UI главной страницы документации

src/assets/scss/beeline/_base.scss

@@ -0,0 +1,10 @@
+@use '@beeline/design-tokens/scss/tokens/themes';
+@use '@beeline/design-tokens/scss/tokens/themes/dark';
+
+:root {
+  @include themes.theme();
+}
+
+.dark-theme {
+  @include themes.theme(dark.$theme);
+}

src/assets/scss/beeline/_fonts.scss

@@ -0,0 +1,3 @@
+@use '@beeline/design-tokens/scss/font-face' with (
+  $font-path-beeline-sans: '../fonts/beeline-sans'
+);

src/assets/scss/beeline/_icons.scss

@@ -0,0 +1,40 @@
+// @use "@beeline/design-tokens/scss/iconfont/iconfont" with (
+//     $font-path-iconfont: '../fonts/iconfont'
+// );
+@use '@beeline/design-tokens/scss/iconfont/icons';
+
+@font-face {
+  font-display: block;
+  font-family: 'BeelineIcons';
+  font-style: normal;
+  font-weight: 400;
+  src:
+    url('../fonts/iconfont/BeelineIcons.woff2') format('woff2'),
+    url('../fonts/iconfont/BeelineIcons.woff') format('woff'),
+    url('../fonts/iconfont/BeelineIcons.ttf') format('ttf');
+}
+
+.beeline-icons {
+  font-family: 'BeelineIcons', sans-serif;
+  font-weight: normal;
+  font-style: normal;
+  font-size: 24px; /* Preferred icon size */
+  display: inline-block;
+  line-height: 1;
+  text-transform: none;
+  letter-spacing: normal;
+  word-wrap: normal;
+  white-space: nowrap;
+  direction: ltr;
+
+  /* Support for all WebKit browsers. */
+  -webkit-font-smoothing: antialiased;
+  /* Support for Safari and Chrome. */
+  text-rendering: optimizeLegibility;
+
+  /* Support for Firefox. */
+  -moz-osx-font-smoothing: grayscale;
+
+  /* Support for IE. */
+  font-feature-settings: 'liga';
+}

src/assets/scss/beeline/_index.scss

@@ -0,0 +1,4 @@
+@import 'fonts';
+@import 'icons';
+@import 'base';
+@import 'scrollbar';

src/assets/scss/beeline/_scrollbar.scss

@@ -0,0 +1,29 @@
+@use '@beeline/design-tokens/scss/tokens/themes';
+
+html {
+  scrollbar-color: themes.$color-text-inactive transparent;
+}
+
+* {
+  scrollbar-width: thin;
+}
+
+body::-webkit-scrollbar {
+  display: none;
+}
+
+::-webkit-scrollbar {
+  width: 15px;
+}
+
+::-webkit-scrollbar-track {
+  background-color: transparent;
+}
+
+::-webkit-scrollbar-thumb {
+  background-color: themes.$color-text-inactive;
+  border: 4px solid transparent;
+  background-clip: content-box;
+  border-radius: 100px;
+  min-height: 28px;
+}