This package is not installable via Composer 1.x, please make sure you upgrade to Composer 2+. Read more about our Composer 1.x deprecation policy.

Jetpack components Base Styles

dev-master 2021-10-12 22:03 UTC

This package is auto-updated.

Last update: 2021-10-12 22:03:40 UTC


Base SCSS utilities and variables for Jetpack.


Install the module

npm install @automattic/jetpack-base-styles --save-dev


SCSS utilities and variables

In your application's SCSS file, include styles like so:

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

If you use Webpack for your SCSS pipeline, you can use ~ to resolve to node_modules:

@import '~@automattic/jetpack-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" ]