@wordpress/base-styles Edit
Base SCSS utilities and variables for WordPress.
Installation Installation
Install the module
npm install @wordpress/base-styles --save-dev
Use Use
SCSS utilities and variables SCSS utilities and variables
In your application’s SCSS file, include styles like so:
@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';
If you use Webpack for your SCSS pipeline, you can use ~
to resolve to node_modules
:
@import '~@wordpress/base-styles/colors';
To make that work with sass
or node-sass
NPM modules without Webpack, you’d have to use includePaths option:
{ "includePaths": [ "node_modules" ] }