automattic / jetpack-base-styles
Jetpack components Base Styles
v0.6.34
2024-10-10 11:53 UTC
Requires (Dev)
- automattic/jetpack-changelogger: ^4.2.6
- yoast/phpunit-polyfills: ^1.1.1
- dev-trunk
- v0.6.34
- v0.6.33
- v0.6.32
- v0.6.31
- v0.6.30
- v0.6.29
- v0.6.28
- v0.6.27
- v0.6.26
- v0.6.25
- v0.6.24
- v0.6.23
- v0.6.22
- v0.6.21
- v0.6.20
- v0.6.19
- v0.6.18
- v0.6.17
- v0.6.16
- v0.6.15
- v0.6.14
- v0.6.13
- v0.6.12
- v0.6.11
- v0.6.10
- v0.6.9
- v0.6.8
- v0.6.7
- v0.6.6
- v0.6.5
- v0.6.4
- v0.6.3
- v0.6.2
- v0.6.1
- v0.6.0
- v0.5.1
- v0.5.0
- v0.4.4
- v0.4.3
- v0.4.2
- v0.4.1
- v0.4.0
- v0.3.20
- v0.3.19
- v0.3.18
- v0.3.17
- v0.3.16
- v0.3.15
- v0.3.14
- v0.3.13
- v0.3.12
- v0.3.11
- v0.3.10
- v0.3.9
- v0.3.8
- v0.3.7
- v0.3.6
- v0.3.5
- v0.3.4
- v0.3.3
- v0.3.2
- v0.3.1
- v0.3.0
- v0.2.0
- v0.1.11
- v0.1.10
- v0.1.9
- v0.1.8
- v0.1.7
- v0.1.6
- v0.1.4
- v0.1.3
- v0.1.2
- v0.1.1
- v0.1.0
- dev-prerelease
- dev-fix/slack-workflow-branch-detection
- dev-fix/release-branch-typo
- dev-update/generate-branch-plugin
This package is auto-updated.
Last update: 2024-11-04 16:28:15 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" ] }