Closed INextYP closed 2 months ago
Работаем в ветке: feat/font-config
feat/font-config
В рамках задачи работаем с файлом по пути src/app/assets/styles/common.css
src/app/assets/styles/common.css
Что нужно сделать:
[x] Создаём в :root variables с типами font-family, которые используются в проекте Пример:
:root
font-family
--font-family-oswald: "Oswald", Arial, sans-serif; --font-family-roboto: "Roboto Condensed", "Courier New", monospace;
[x] Создаём в :root variables с типами font-weight, которые используются в проекте Пример:
font-weight
--font-weight-regular: 400; --font-weight-bold: 700;
[ ] Создаём в :root variables с типами font-weight, которые используются в проекте Пример:
[x] Создаём в :root variables с типами font-size, которые используются в проекте Пример:
font-size
--font-size-l: 64px; --font-size-m: 46px;
[x] Создаём в :root variables с типами line-heart, которые используются в проекте Пример:
line-heart
--font-line-s: 36px; --font-line-xs: 14px;
[x] Создаём в :root variables с типами fort, которые используются в проекте Пример:
fort
--font-roboto-18: var(--font-weight-regular) var(--font-size-l) / var(--font-line-l) var(--font-family-roboto);
В итоге получим полноценный и максимально управляемый конфиг для управления шрифтами :)
p.s. названия для переменных можете выбирать по своему вкусу, главное, чтобы из названия было понятно, что это :)
Работаем в ветке:
feat/font-config
В рамках задачи работаем с файлом по пути
src/app/assets/styles/common.css
Что нужно сделать:
[x] Создаём в
:root
variables с типамиfont-family
, которые используются в проекте Пример:[x] Создаём в
:root
variables с типамиfont-weight
, которые используются в проекте Пример:[ ] Создаём в
:root
variables с типамиfont-weight
, которые используются в проекте Пример:[x] Создаём в
:root
variables с типамиfont-size
, которые используются в проекте Пример:[x] Создаём в
:root
variables с типамиline-heart
, которые используются в проекте Пример:[x] Создаём в
:root
variables с типамиfort
, которые используются в проекте Пример:В итоге получим полноценный и максимально управляемый конфиг для управления шрифтами :)
p.s. названия для переменных можете выбирать по своему вкусу, главное, чтобы из названия было понятно, что это :)