@automattic/jetpack-base-styles
v0.6.39
Published
Jetpack components base styles
Downloads
911
Maintainers
Keywords
Readme
Base Styles
Base SCSS utilities and variables for Jetpack.
Installation
Install the module
npm install @automattic/jetpack-base-styles --save-dev
Use
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 omit 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" ]
}