1 turn = 360 deg

$ npm install formity

npm install echarts

zod — валидация схем

day.js — работа с датами

tanstack-table — создание таблиц

auth.js — аутентификация пользователей

motion — анимации на JavaScript

fontsource — загрузка веб-шрифтов

chart.js — доступные HTML5-графики

zustand — глобальное управление состоянием

formkit-drag-and-drop — drag-and-drop

hotkeys-js — горячие клавиши

iframe {
  width: 100%;
  aspect-ratio: 16 / 9;
}

/* Функции в CSS */

/* Возвращает полупрозрачный цвет */
@function --opacity(--color, --opacity) {
  result: rgb(from var(--color) r g b / var(--opacity));
}

/* Используем нашу функцию --opacity */
div {
  background: --opacity(blue, 80%);
}

/* Также можно использовать с кастомными свойствами */
.article {
  border-color: --opacity(
    var(--color-primary),
    var(--semi-transparent)
  );
}