vanilla-css-design-system

Vanilla CSS Design Systemは、完全にバニラCSSで構築されたモジュール式のスタイリング基盤です。READMEでは、不要な依存関係のない軽量なアプローチ、必要な部分のみの簡単な導入、CSS変数によるテーマ設定、モバイルファーストのレスポンシブ対応、およびアクセシビリティのベストプラクティスが強調されています。ドキュメントとライブサンプルは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ファイルの切り替えをカバーしています。バージョンタグ付きの結合済み最小化CSSファイルのCDNリンクが提供されているため、ユーザーはインストールをスキップしてページに直接組み込むことができます。 リポジトリの構成は、スタイル、スクリプト、サンプル、トークンに分かれており、ルートにREADMEとpackage.jsonが配置されています。このプロジェクトは、スタイリングにモジュールアーキテクチャを採用したバニラCSSを使用し、一貫した標準のためのStylelint、未使用CSSを削除するPurgeCSS、最小化のためのLightning CSS、および変更監視のためのNodemonを使用しています。MITライセンスで提供されており、Issueやプルリクエストを歓迎しています。この概要はリポジトリのREADMEに記載された機能を反映したものであり、記載内容以外のパフォーマンス、品質、または適合性の評価を行うものではありません。