@wordpress/base-styles

Base SCSS utilities and variables for WordPress.

Usage no npm install needed!

<script type="module">
  import wordpressBaseStyles from 'https://cdn.skypack.dev/@wordpress/base-styles';
</script>

README

Base Styles

Base SCSS utilities and variables for WordPress.

Installation

Install the module

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

Use

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" ]
}



Code is Poetry.