matcha
3.0.0
Matcha.css - это чистая библиотека CSS, предназначенная для создания элементов HTML, аналогичного таблицу стилей браузера по умолчанию, устраняя необходимость для пользователей вручную исправлять свои документы.
Идеально подходит для быстрого прототипирования, статических HTML-страниц, документов, сгенерированных уценкой и разработчиков, стремящихся упростить свой рабочий процесс, не углубляясь в тонкости CSS и хотят использовать полный спектр доступных HTML-элементов.
~7kB GZIPPED (может быть дополнительно уменьшен)
Работает без проблем с любым документом и охватывает более широкий спектр элементов HTML по сравнению с аналогичными библиотеками. Это остается ненавязчивым, используя псевдо-элементы CSS и предлагает обширную поддержку браузера.
Просто включите его <link rel="stylesheet"> , чтобы начать, и удалите его при необходимости без необходимости рефакторирования или очистки документов.
Адаптирует стиль на основе иерархии элементов, обеспечивая интуитивно понятное поведение, такое как «неявный подменг» при гнездовом <menu> элементах, необходимый индикатор поля ( * ) Когда <label> в паре с <input required> и т. Д.
Заварите свою собственную сборку, используя наш пользовательский строитель, чтобы выбрать конкретные функции и уменьшить конечный размер сборки в соответствии с потребностями вашего проекта.
Выпущено по лицензии MIT, свободно доступно по адресу github.com/lowighter/matcha.
Чтобы использовать matcha.css , просто включите следующую строку в разделе <head> вашего документа. Это так просто!
< link rel =" stylesheet " href =" https://matcha.mizu.sh/matcha.css " >Активы размещаются на Vercel, но Matcha.css также доступны на сервисах CDN, которые распространяют пакеты NPM, такие как JSDelivr.
Все опубликованные версии доступны в каталоге /v/ . По умолчанию main филиал обслуживается.
Каждый подкаталог, перечисленный в каталоге /styles также непосредственно обслуживается из Matcha.mizu.sh. Например, если вы хотите только включить стили @syntax-highlighting а не использовать сборку по умолчанию или пользовательский, вы можете использовать:
< link rel =" stylesheet " href =" https://matcha.mizu.sh/styles/@syntax-highlighting/mod.css " > Однако обратите внимание, что если вы не предоставите свои собственные переменные CSS, вам, скорее всего, вам потребуется включить пакет @root , поскольку он содержит все определение переменных matcha.css.
Все файлы
mod.cssтакже подсчитываются в соответствующих родительских каталогах для удобства, что означает, что вы также можете использовать:< link rel =" stylesheet " href =" https://matcha.mizu.sh/@syntax-highlighting.css " >
!important правила никогда не будут использоваться для обеспечения легко переопределения стилей пользователейЭтот проект разделен на три основных каталога:
/api для функций без серверов запускается на Vercel/app для точек входа, статических активов и сценариев построения/styles для исходных файлов CSS/styles каталогаКаждый подкаталог в этой папке предназначен для того, чтобы быть в основном автономной и общептанной. Это помогает поддерживать организованную кодовую базу, а также позволяет пользователям конкретные функции вишни и создавать пользовательские сборки.
Дополнительные функции должны быть предварительно профиксированы с использованием символа @ и, скорее всего, должны быть исключены по умолчанию в застройщике, чтобы избежать вздутия сборки по умолчанию.
При отправке запроса на вытяжение предварительный просмотр будет доступен на Vercel. Содействия и другие участники могут пересмотреть изменения и предоставить обратную связь перед слиянием.
Местное развитие предназначено для выполнения времени выполнения DENO. Если вы не хотите его устанавливать, вы также можете использовать предоставленную конфигурацию DevContainer для запуска проекта в контейнерной среде или непосредственно на коде.
Чтобы запустить сервер разработки, запустите следующую команду:
deno task serveПеред отправкой ваших изменений убедитесь, что все правильно отформатировано, выполнив следующую команду:
deno task fmt MIT License
Copyright (c) 2024-present Simon Lecoq (lowlighter)
