matcha
3.0.0
Matcha.CSSは、デフォルトのブラウザStyleSheetと同様にHTML要素をスタイリングするように設計された純粋なCSSライブラリであり、ユーザーがドキュメントを手動でパッチする必要性を排除します。
高速プロトタイピング、静的HTMLページ、マークダウンで生成されたドキュメント、およびCSSの複雑さを掘り下げずにワークフローを合理化しようとする開発者に最適であり、利用可能なHTML要素の全範囲を利用したいと考えています。
~7kB gzipt （さらに減らすことができます）
ドキュメントでシームレスに動作し、同様のライブラリと比較して、より広範なHTML要素をカバーします。 CSSの擬似要素を活用することにより、控えめなままであり、広範なブラウザーサポートを提供します。
<link rel="stylesheet">を開始するだけで、文書のリファクタリングやクリーンアップを必要とせずに必要な場合はいつでも削除します。
要素の階層に基づい*スタイリングを適応し、 <menu>要素<label>ネストするときに「暗黙のサブメナス」などの直感的な動作を提供します<input required>
カスタムビルダーを使用して独自のビルドを醸造して、特定の機能を選択し、プロジェクトのニーズに応じて最終的なビルドサイズを削減します。
MITライセンスの下でリリースされ、github.com/lowlighter/matchaで無料で入手できます。
Matcha.cssを利用するには、ドキュメントの<head>セクションに次の行を含めるだけです。そんなに簡単です！
< link rel =" stylesheet " href =" https://matcha.mizu.sh/matcha.css " >アセットはVercelでホストされていますが、 Matcha.CSSもJSDELIVRなどのNPMパッケージを配布するCDNサービスでも利用できます。
公開されているすべてのバージョンは、 /v/ディレクトリで利用できます。デフォルトでは、 mainブランチが提供されます。
/stylesディレクトリにリストされている各サブディレクトリは、matcha.mizu.shから直接提供されます。たとえば、デフォルトのビルドやカスタムビルドを使用するのではなく、 @syntax-highlightingスタイルのみを含めることを希望する場合は、以下を使用できます。
< link rel =" stylesheet " href =" https://matcha.mizu.sh/styles/@syntax-highlighting/mod.css " >ただし、独自のCSS変数を提供しない限り、すべてのMatcha.CSS変数の定義が含まれているため、 @rootパッケージを含める必要がある可能性が高いことに注意してください。
すべての
mod.cssファイルは、便利なためにそれぞれの親ディレクトリにエイリアスされます。つまり、以下を使用することもできます。< link rel =" stylesheet " href =" https://matcha.mizu.sh/@syntax-highlighting.css " >
!importantルールは、ユーザーがスタイルを簡単にオーバーライドできるようにするために使用されることはありませんこのプロジェクトは、3つのメインディレクトリに分けられます。
/api Vercelで実行されます/app/styles/stylesディレクトリこのフォルダー内の各サブディレクトリは、ほとんど自己完結型でスコープされることを目的としています。コードベースを整理したままにしながら、ユーザーは特定の機能をチェリーピックし、カスタムビルドを作成することもできます。
キャラクター@を使用して追加の機能をプレフィックスする必要があり、デフォルトのビルドの膨張を避けるために、ビルダーでデフォルトで除外する可能性が高いです。
プルリクエストを送信すると、プレビューはVercelで利用可能になります。メンテナーやその他の貢献者は、マージする前に変更を確認し、フィードバックを提供できます。
ローカル開発は、デノランタイムを使用して行うことを目的としています。インストールを希望しない場合は、提供されたDevContainer構成を使用して、コンテナ化された環境またはGitHubのコーダースパースでプロジェクトを直接実行することもできます。
開発サーバーを起動するには、次のコマンドを実行します。
deno task serve変更を送信する前に、次のコマンドを実行することにより、すべてが正しくフォーマットされていることを確認してください。
deno task fmt MIT License
Copyright (c) 2024-present Simon Lecoq (lowlighter)
