automattic/jetpack-base-styles

Jetpack components Base Styles

Maintainers

Details

github.com/Automattic/jetpack-base-styles

Source

Installs: 50

Dependents: 0

Suggesters: 0

Security: 0

Stars: 2

Watchers: 5

Forks: 1

Language:SCSS

v0.6.39 2024-12-16 13:07 UTC

Requires (Dev)

GPL-2.0-or-later 45def697843cd610ac5a5d98febb7e0b5087e458

This package is auto-updated.

Last update: 2024-12-20 05:33:00 UTC

README

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