コンテンツにスキップ

サンプル

導入ガイド で紹介した最大構成の内容を実際に構築したサンプルです。
サンプルは、コンパイルの実演と @layer の適用状況を確認するための簡易的なものです。

サンプルには、AIへの指示ファイルが含まれています。
詳細については AI利用 をご確認ください。

CSS (postcss-import) のサンプル

ネイティブCSS、もしくは PostCSS(postcss-import) 利用時のサンプルです。
以下のサンプルでは PostCSS を導入しています。

Sass(SCSS)のサンプル

Sass(SCSS)利用時のサンプルです。