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

2025-08-25 11:21:09 +00:00
parent 2ce47117e1
commit baca55494c
140 changed files with 2458 additions and 325 deletions
@@ -0,0 +1,80 @@
+@use '@beeline/design-tokens/scss/tokens/themes' as theme;
+@use 'src/assets/scss/app/mixins' as mixins;
+
+@mixin truncate {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+@mixin truncate-lines($lines: 2) {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: $lines;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.app-text-active {
+  color: theme.$color-text-active;
+}
+
+.app-text-inactive {
+  color: theme.$color-text-inactive;
+}
+
+// styles for hyperlinks
+.app-link {
+  color: theme.$color-text-active;
+
+  &:hover {
+    color: theme.$color-text-active;
+  }
+}
+
+.app-text-caption {
+  @include mixins.text-caption;
+}
+
+.app-text-truncate {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+// Sizes
+.app-text-size-subtitle-3 {
+  font-size: 15px;
+  line-height: 20px;
+  font-weight: 500;
+  letter-spacing: 0.2px;
+}
+
+.app-text-size-body-3 {
+  font-size: 15px;
+  line-height: 18px;
+  letter-spacing: 0.2px;
+  font-weight: 400;
+}
+
+// Colors
+.app-text-color-caption {
+  color: theme.$color-text-inactive;
+}
+.app-text-warning {
+  color: theme.$color-status-warning;
+}
+.app-text-info {
+  color: theme.$color-status-info;
+}
+.app-text-error {
+  color: theme.$color-status-error;
+}
+.app-text-success {
+  color: theme.$color-status-success;
+}
+
+// Breaks
+.app-break-keep-all {
+  word-break: keep-all;
+}