Об этом проекте

Sakura — это минимальный бесклассовый CSS-фреймворк и тема. Его основная идея заключается в том, что вы подключаете один файл стилей к любой веб-странице, и существующий обычный HTML сразу выглядит современно и читабельно, без добавления каких-либо классов в разметку. Ключевые особенности: - Бесклассовость: стили применяются к стандартным HTML-элементам, поэтому фреймворк работает с существующим контентом и с HTML, сгенерированным парсерами Markdown. - Быстрое прототипирование: полезен для сайтов с преобладанием серверной части, небольших блогов или страниц, где не хочется возиться с CSS. - Разумные значения по умолчанию: описывается как набор разумных настроек, а не как крупная дизайн-система. - Темы: цвета управляются через переменные в двухцветной схеме (цвет blossom и цвет fade, а также фон, альтернативный фон и цвет текста). Несколько готовых тем поставляются в папке css, а собственные темы можно создавать, переопределяя переменные SCSS и импортируя основной файл. - Тёмный режим: отдельный тёмный файл стилей можно подключить с атрибутом media, используя prefers-color-scheme. - Букмарклет: доступен букмарклет для применения Sakura к существующим сайтам без CSS. Варианты установки, описанные в README: - CDN: подключите файл стилей с jsDelivr в теге head. - Вручную: скачайте sakura.css и подключите его локально. - Менеджеры пакетов: npm install sakura.css или yarn add sakura.css. - Необязательно, но рекомендуется: подключите normalize.css перед Sakura. README содержит ссылки на живое демо, сравнивающее страницу с Sakura и без неё, на блог, использующий фреймворк, и на длинный список сайтов, которые, как сообщается, его используют. Также упоминаются участники, работавшие над букмарклетом, изображением и предпросмотром Vite, а пользователей приглашают сообщать о своём использовании или открывать pull request.