Об этом проекте
Vanilla CSS Design System — это модульный фундамент стилизации, полностью построенный на чистом CSS. В README подчеркивается легковесный подход без лишних зависимостей, возможность подключения только необходимых частей, темизация через CSS-переменные, адаптивность mobile-first и лучшие практики доступности. Документация и живые примеры размещены на GitHub Pages, при этом директория examples служит основной документацией дизайн-системы.
Быстрый старт: клонируйте репозиторий, при необходимости выполните npm install, затем запустите npm run dev для локального сервера разработки по адресу http://localhost:3000. Команда dev переключает систему в режим разработки, отслеживает CSS и файлы токенов, пересобирает их при изменениях и обновляет браузер. Скомпилированный общий файл можно подключить в проектах как styles/vanilla-combined.min.css. Скрипт build:css объединяет, очищает и минифицирует CSS. Скрипты конвертации форматов css2tokens и tokens2css позволяют переключаться между CSS и дизайн-токенами. Дополнительные скрипты обеспечивают режим отслеживания, линтинг и исправление CSS, а также переключение примеров между CSS-файлами разработки и продакшена. Предоставлена ссылка на CDN для минифицированного общего CSS-файла с тегом версии, чтобы пользователи могли пропустить установку и подключить его напрямую на страницу.
Структура репозитория разделяет стили, скрипты, примеры и токены, с README и package.json в корне. Проект использует чистый CSS с модульной архитектурой стилизации, а также Stylelint для соблюдения стандартов, PurgeCSS для удаления неиспользуемого CSS, Lightning CSS для минификации и Nodemon для отслеживания изменений. Проект распространяется под лицензией MIT и открыт для issue и pull request. Данный обзор отражает возможности, задокументированные в README репозитория; он не оценивает производительность, качество или пригодность за пределами описанного.
Comments
0 Rating appears after 10 ratings
Sign in to join the discussion.