https://github.com/automattic/jetpack-base-styles
[READ ONLY] Base SCSS utilities and variables for Jetpack. This repository is a mirror, for issue tracking and development head to: https://github.com/automattic/jetpack
https://github.com/automattic/jetpack-base-styles
jetpack npm-module npm-package wordpress
Last synced: 8 months ago
JSON representation
[READ ONLY] Base SCSS utilities and variables for Jetpack. This repository is a mirror, for issue tracking and development head to: https://github.com/automattic/jetpack
- Host: GitHub
- URL: https://github.com/automattic/jetpack-base-styles
- Owner: Automattic
- License: other
- Created: 2021-08-16T06:55:39.000Z (almost 5 years ago)
- Default Branch: trunk
- Last Pushed: 2025-01-27T12:56:11.000Z (over 1 year ago)
- Last Synced: 2025-01-30T01:03:29.428Z (over 1 year ago)
- Topics: jetpack, npm-module, npm-package, wordpress
- Language: SCSS
- Homepage: https://github.com/Automattic/Jetpack/
- Size: 183 KB
- Stars: 2
- Watchers: 5
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE.txt
- Security: SECURITY.md
Awesome Lists containing this project
README
# Base Styles
Base SCSS utilities and variables for Jetpack.
## Installation
Install the module
```bash
npm install @automattic/jetpack-base-styles --save-dev
```
## Use
### SCSS utilities and variables
In your application's SCSS file, include styles like so:
```scss
@use '@automattic/jetpack-base-styles/style';
```
To make that work with [`sass`](https://www.npmjs.com/package/sass) NPM modules without Webpack, you'd have to use [loadPaths](https://sass-lang.com/documentation/js-api/interfaces/options/#loadPaths) or [includePaths](https://sass-lang.com/documentation/js-api/interfaces/legacyfileoptions/#includePaths):
```json
{
"loadPaths": [ "node_modules" ]
}
```