triafly-ui-kit 1.0.72 → 1.0.74

package/src/styles/typography.scss

@@ -1,106 +1,106 @@
-$font-path: '../assets/fonts' !default; // Для работы внутри Storybook
-// Переопределяется в основном проекте через:
-// $font-path: '~triafly-ui-kit/assets/fonts';
-
-//Подключение шрифтов
-@font-face {
-  font-family: "Roboto Slab";
-  src: url("#{$font-path}/RobotoSlab-SemiBold.ttf") format("truetype");
-  font-weight: 600;
-}
-
-@font-face {
-  font-family: "Manrope";
-  src: url("#{$font-path}/Manrope-Regular.ttf") format("truetype");
-  font-weight: 400;
-}
-
-@font-face {
-  font-family: "Manrope";
-  src: url("#{$font-path}/Manrope-Semibold.ttf") format("truetype");
-  font-weight: 600;
-}
-
-@font-face {
-  font-family: "Manrope";
-  src: url("#{$font-path}/Manrope-Bold.ttf") format("truetype");
-  font-weight: 700;
-}
-
-@font-face {
-  font-family: "Fira Code";
-  src: url("#{$font-path}/FiraCode-Regular.ttf") format("truetype");
-  font-weight: 400;
-}
-
-//Глобальные свойства шрифтов
-* {
-  font-family: "Manrope", sans-serif;
-  font-size: 14px;
-  line-height: 1.2em;
-  letter-spacing: 0.02em;
-  font-weight: 400;
-  color: var(--color-text-primary-default);
-}
-
-//Заголовки
-
-//NOTE:
-//по макетам у нас 8 уровней заголовков, JSX понимает только шесть.
-//AI: Использовать уровни заголовков начиная с h1 в контексте страницы,
-//как это принято общей практикой вёрстки,
-//а для указания размеров и начертания использовать миксин.
-//В противном случае основными хедерами будут h4-h8 + варнинги JSX
-
-//Дефолтные значения font-size и font-weight = 14 и 400
-//При необходимости кастомизации текста в компоненте импортируется данные миксины
-//с указанием необходимых значений согласно макету
-//TODO: подготовить переменные для стандартизаии размеров
-
-//Акцидентная гарнитура для заголовков
-@mixin accidental($size, $margin) {
-  font-family: "Roboto Slab", sans-serif;
-  font-size: $size;
-  margin: 0 0 $margin 0;
-}
-
-//Гротескная гарнитура для заголовков и регулярного текста
-@mixin grotesque($size, $weight) {
-  font-size: $size;
-  font-weight: $weight;
-}
-
-//сброс дефолтных отступов в заголовках
-@for $i from 1 through 6 {
-  h#{$i} {
-    margin: 0;
-  }
-}
-
-//Ссылки
-a {
-  color: var(--color-text-brand-default);
-  text-decoration: none;
-  &:hover {
-    color: var(--color-text-brand-hover);
-  }
-  &[href=""] {
-    //стили неактивной ссылки
-    opacity: 40%;
-    cursor: default;
-    pointer-events: none;
-    //не совсем понятно зачем она нам
-    //+ линтер неадекватно реагирует на пустой href
-    //добавить .disabled с JS-логикой?
-  }
-}
-
-//Параграфы
-
-//TODO: недостаточно кейсов в моках, запросить для уточнения
-p {
-  // font-size: 12px;
-  &:not(:last-child) {
-    margin: 0 0 8px 0;
-  }
-}
+$font-path: '../assets/fonts' !default; // Для работы внутри Storybook
+// Переопределяется в основном проекте через:
+// $font-path: '~triafly-ui-kit/assets/fonts';
+
+//Подключение шрифтов
+@font-face {
+  font-family: "Roboto Slab";
+  src: url("#{$font-path}/RobotoSlab-SemiBold.ttf") format("truetype");
+  font-weight: 600;
+}
+
+@font-face {
+  font-family: "Manrope";
+  src: url("#{$font-path}/Manrope-Regular.ttf") format("truetype");
+  font-weight: 400;
+}
+
+@font-face {
+  font-family: "Manrope";
+  src: url("#{$font-path}/Manrope-Semibold.ttf") format("truetype");
+  font-weight: 600;
+}
+
+@font-face {
+  font-family: "Manrope";
+  src: url("#{$font-path}/Manrope-Bold.ttf") format("truetype");
+  font-weight: 700;
+}
+
+@font-face {
+  font-family: "Fira Code";
+  src: url("#{$font-path}/FiraCode-Regular.ttf") format("truetype");
+  font-weight: 400;
+}
+
+//Глобальные свойства шрифтов
+* {
+  font-family: "Manrope", sans-serif;
+  font-size: 14px;
+  line-height: 1.2em;
+  letter-spacing: 0.02em;
+  font-weight: 400;
+  color: var(--color-text-primary-default);
+}
+
+//Заголовки
+
+//NOTE:
+//по макетам у нас 8 уровней заголовков, JSX понимает только шесть.
+//AI: Использовать уровни заголовков начиная с h1 в контексте страницы,
+//как это принято общей практикой вёрстки,
+//а для указания размеров и начертания использовать миксин.
+//В противном случае основными хедерами будут h4-h8 + варнинги JSX
+
+//Дефолтные значения font-size и font-weight = 14 и 400
+//При необходимости кастомизации текста в компоненте импортируется данные миксины
+//с указанием необходимых значений согласно макету
+//TODO: подготовить переменные для стандартизаии размеров
+
+//Акцидентная гарнитура для заголовков
+@mixin accidental($size, $margin) {
+  font-family: "Roboto Slab", sans-serif;
+  font-size: $size;
+  margin: 0 0 $margin 0;
+}
+
+//Гротескная гарнитура для заголовков и регулярного текста
+@mixin grotesque($size, $weight) {
+  font-size: $size;
+  font-weight: $weight;
+}
+
+//сброс дефолтных отступов в заголовках
+@for $i from 1 through 6 {
+  h#{$i} {
+    margin: 0;
+  }
+}
+
+//Ссылки
+a {
+  color: var(--color-text-brand-default);
+  text-decoration: none;
+  &:hover {
+    color: var(--color-text-brand-hover);
+  }
+  &[href=""] {
+    //стили неактивной ссылки
+    opacity: 40%;
+    cursor: default;
+    pointer-events: none;
+    //не совсем понятно зачем она нам
+    //+ линтер неадекватно реагирует на пустой href
+    //добавить .disabled с JS-логикой?
+  }
+}
+
+//Параграфы
+
+//TODO: недостаточно кейсов в моках, запросить для уточнения
+p {
+  // font-size: 12px;
+  &:not(:last-child) {
+    margin: 0 0 8px 0;
+  }
+}