@wordpress/base-styles

インストール

モジュールをインストールします

npm install @wordpress/base-styles --save-dev

使用

SCSSユーティリティと変数

アプリケーションのSCSSファイルに、次のようにスタイルを含めます:

@import 'node_modules/@wordpress/base-styles/colors';
@import 'node_modules/@wordpress/base-styles/variables';
@import 'node_modules/@wordpress/base-styles/mixins';
@import 'node_modules/@wordpress/base-styles/breakpoints';
@import 'node_modules/@wordpress/base-styles/animations';
@import 'node_modules/@wordpress/base-styles/z-index';
@import 'node_modules/@wordpress/base-styles/default-custom-properties';

WebpackをSCSSパイプラインに使用する場合、~を使用してnode_modulesに解決できます:

@import '~@wordpress/base-styles/colors';

[Webpack]なしでsassやnode-sassのNPMモジュールと連携させるには、includePathsオプションを使用する必要があります:

{
   "includePaths": [ "node_modules" ]
}

このパッケージへの貢献

これはGutenbergプロジェクトの一部である個別のパッケージです。このプロジェクトはモノレポとして整理されています。特定の目的を持つ複数の自己完結型ソフトウェアパッケージで構成されています。このモノレポ内のパッケージはnpmに公開され、WordPressや他のソフトウェアプロジェクトで使用されています。

このパッケージやGutenberg全体への貢献について詳しく知りたい場合は、プロジェクトの主要な貢献者ガイドをお読みください。