PHPackages automattic/jetpack-base-styles - PHPackages - PHPackages [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register) 1. [Directory](/) 2. / 3. automattic/jetpack-base-styles ActiveLibrary automattic/jetpack-base-styles ============================== Jetpack components Base Styles v1.2.0(4d ago)3561GPL-2.0-or-laterSCSSCI passing Since Aug 25Pushed today3 watchersCompare [ Source](https://github.com/Automattic/jetpack-base-styles)[ Packagist](https://packagist.org/packages/automattic/jetpack-base-styles)[ RSS](/packages/automattic-jetpack-base-styles/feed)WikiDiscussions trunk Synced today READMEChangelogDependencies (3)Versions (122)Used By (0) Base Styles =========== [](#base-styles) Base SCSS utilities and variables for Jetpack. Installation ------------ [](#installation) Install the module ``` npm install @automattic/jetpack-base-styles --save-dev ``` Use --- [](#use) ### SCSS utilities and variables [](#scss-utilities-and-variables) In your application's SCSS file, include styles like so: ``` @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): ``` { "loadPaths": [ "node_modules" ] } ``` ### Health Score 53 ↑ FairBetter than 96% of packages Maintenance100 Actively maintained with recent releases Popularity13 Limited adoption so far Community25 Small or concentrated contributor base Maturity68 Established project with proven stability Bus Factor2 2 contributors hold 50%+ of commits How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window. **Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores. **Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement. **Maturity (30%)** — Project age, version count, PHP version support, and release stability. ### Release Activity Cadence Every ~14 days Total 117 Last Release 4d ago Major Versions v0.8.0 → v1.0.02025-06-03 ### Community Maintainers ![](https://www.gravatar.com/avatar/7c5869ecbb8e0eac7e8b8e0f3cf7bdd8d5fcdc4abc10a72281872c53f8639d44?d=identicon)[automattic](/maintainers/automattic) ![](https://www.gravatar.com/avatar/11609890f6e7a840715f4cfc9622d77ea64b7dfc024df5643fbf8471a18c00f3?d=identicon)[kraft](/maintainers/kraft) ![](https://www.gravatar.com/avatar/5326730499ec14e274f51b9bcc39db6aac0fb38b33849715aae0e2587a2b93df?d=identicon)[jeherve](/maintainers/jeherve) ![](https://www.gravatar.com/avatar/6e220e167e341c28b1aa10bf0bb0374999068329f8683d3187ee3cf6749b8837?d=identicon)[dereksmart](/maintainers/dereksmart) --- Top Contributors [![anomiex](https://avatars.githubusercontent.com/u/1030580?v=4)](https://github.com/anomiex "anomiex (156 commits)")[![tbradsha](https://avatars.githubusercontent.com/u/32492176?v=4)](https://github.com/tbradsha "tbradsha (52 commits)")[![zinigor](https://avatars.githubusercontent.com/u/374293?v=4)](https://github.com/zinigor "zinigor (21 commits)")[![samiff](https://avatars.githubusercontent.com/u/15803018?v=4)](https://github.com/samiff "samiff (20 commits)")[![jeherve](https://avatars.githubusercontent.com/u/426388?v=4)](https://github.com/jeherve "jeherve (16 commits)")[![kraftbj](https://avatars.githubusercontent.com/u/88897?v=4)](https://github.com/kraftbj "kraftbj (15 commits)")[![manzoorwanijk](https://avatars.githubusercontent.com/u/18226415?v=4)](https://github.com/manzoorwanijk "manzoorwanijk (11 commits)")[![coder-karen](https://avatars.githubusercontent.com/u/16754605?v=4)](https://github.com/coder-karen "coder-karen (10 commits)")[![sdixon194](https://avatars.githubusercontent.com/u/33553323?v=4)](https://github.com/sdixon194 "sdixon194 (9 commits)")[![CGastrell](https://avatars.githubusercontent.com/u/157240?v=4)](https://github.com/CGastrell "CGastrell (8 commits)")[![gmjuhasz](https://avatars.githubusercontent.com/u/36671565?v=4)](https://github.com/gmjuhasz "gmjuhasz (7 commits)")[![bindlegirl](https://avatars.githubusercontent.com/u/1242807?v=4)](https://github.com/bindlegirl "bindlegirl (6 commits)")[![nateweller](https://avatars.githubusercontent.com/u/10933065?v=4)](https://github.com/nateweller "nateweller (5 commits)")[![ice9js](https://avatars.githubusercontent.com/u/8056203?v=4)](https://github.com/ice9js "ice9js (4 commits)")[![CodeyGuyDylan](https://avatars.githubusercontent.com/u/65001528?v=4)](https://github.com/CodeyGuyDylan "CodeyGuyDylan (3 commits)")[![gogdzl](https://avatars.githubusercontent.com/u/37049295?v=4)](https://github.com/gogdzl "gogdzl (3 commits)")[![simison](https://avatars.githubusercontent.com/u/87168?v=4)](https://github.com/simison "simison (3 commits)")[![grzegorz-cp](https://avatars.githubusercontent.com/u/112354940?v=4)](https://github.com/grzegorz-cp "grzegorz-cp (2 commits)")[![chihsuan](https://avatars.githubusercontent.com/u/4344253?v=4)](https://github.com/chihsuan "chihsuan (2 commits)")[![haqadn](https://avatars.githubusercontent.com/u/3737780?v=4)](https://github.com/haqadn "haqadn (2 commits)") --- Tags jetpacknpm-modulenpm-packagewordpress ### Embed Badge ![Health badge](/badges/automattic-jetpack-base-styles/health.svg) ``` [![Health](https://phpackages.com/badges/automattic-jetpack-base-styles/health.svg)](https://phpackages.com/packages/automattic-jetpack-base-styles) ``` PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)