Fylgja v1.2 здесь!!!

Вышла вторая небольшая версия Fylgja, и она включает в себя несколько значительных обновлений.

Итак, что изменилось между Fylgja v1.1 и v1.2.

  • Уменьшение существующих компонентов
  • Новые нативные CSS-компоненты, слайдер диапазона
  • CSS реквизиты здесь!
  • Предварительный просмотр компонентов непосредственно на Fylgja.dev
  • И многое другое!

Уменьшение существующих компонентов

Во-первых, мы начали работу над улучшением уже существующих компонентов путем упорядочивания кода и его перестановки.

Это вводит некоторые улучшения без ущерба для захватывающей кодовой базы и уменьшает размер компонентов.

В результате многие CSS-компоненты теперь имеют опции SCSS mixin, что упрощает использование прочной основы для собственных стилей, специфичных для классов или областей применения.

Новые нативные CSS-компоненты, слайдер диапазона

Новинкой в блоке является слайдер диапазона HTML-ввода.

Слайдер Range будет работать из коробки, если вы загрузите @fylgja/range и используете в html <input type=range>.

Посмотрите компонент Fylgja Range.

CSS реквизиты здесь!

Сюрприз, сюрприз, Fylgja также добавила CSS реквизиты!

Несмотря на то, что Fylgja уже легко интегрируется с другими системами CSS Props (Design Tokens), такими как Open Props или Pollen.

Кроме того, мы в Fylgja хотели поддержать нашу собственную версию.

Версия Fylgja в первую очередь сосредоточена на том, чтобы маркеры были простыми, поэтому в ней не будет маркеров со значениями, которые точно соответствуют один к одному.

В версии 1.2 мы теперь предоставляем;

  • Цвета
  • Облегчение (переходы)
  • Токены Media Query, основанные и являющиеся частью компонента Mq
  • Тень
  • Размеры, не только для размеров, но и для типографики и интервалов.
  • Z-слой (z-index)

Ознакомьтесь с доступными компонентами Fylgja CSS Props.

Предварительный просмотр компонентов непосредственно на Fylgja.dev

Несмотря на то, что мы предоставляем такую возможность, из отзывов пользователей мы узнали, что посетители не могут найти демо-версии или предварительные просмотры.

В результате, в дополнение к уже имеющимся кнопкам просмотра демо, мы выкладываем предварительные просмотры для каждого компонента, причем некоторые из них уже готовы к запуску.

И многое другое!

  • Новый вариант комплектации для реквизитов CSS
  • Исправлена проблема импорта для utilpack #40
  • Исправлено переполнение поля выбора iOS, когда текст слишком большой для поля #66
  • Введена поддержка @layer для автосетки, кнопки, контейнера и растянутой ссылки, через отдельный импорт, это облегчит использование Tailwind’s @apply.

Получите последний релиз

С помощью Node;

npm install @fylgja@1.2
Войти в полноэкранный режим Выйти из полноэкранного режима

CDN:

<link href="https://unpkg.com/fylgja@1.2/fylgja.css" rel="stylesheet">
Войти в полноэкранный режим Выйти из полноэкранного режима

или получить каждый CSS-компонент отдельно на странице Компоненты Fylgja, как и предполагалось.

Оцените статью
devanswers.ru
Добавить комментарий