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, как и предполагалось.