e8fbfb14c1
Add coexistence checks to all enqueue methods to prevent loading both React and Grid.js assets simultaneously. Changes: - ReactAdmin.php: Only enqueue React assets when ?react=1 - Init.php: Skip Grid.js when React active on admin pages - Form.php, Coupon.php, Access.php: Restore classic assets when ?react=0 - Customer.php, Product.php, License.php: Add coexistence checks Now the toggle between Classic and React versions works correctly. Co-authored-by: Claude Opus 4.7 <noreply@anthropic.com>
50 lines
1.8 KiB
Markdown
50 lines
1.8 KiB
Markdown
# Base Styles
|
|
|
|
Base SCSS utilities and variables for WordPress.
|
|
|
|
## Installation
|
|
|
|
Install the module
|
|
|
|
```bash
|
|
npm install @wordpress/base-styles --save-dev
|
|
```
|
|
|
|
## Use
|
|
|
|
### SCSS utilities and variables
|
|
|
|
In your application's SCSS file, include styles like so:
|
|
|
|
```scss
|
|
@import 'node_modules/@wordpress/base-styles/colors';
|
|
@import 'node_modules/@wordpress/base-styles/variables';
|
|
@import 'node_modules/@wordpress/base-styles/mixins';
|
|
@import 'node_modules/@wordpress/base-styles/breakpoints';
|
|
@import 'node_modules/@wordpress/base-styles/animations';
|
|
@import 'node_modules/@wordpress/base-styles/z-index';
|
|
@import 'node_modules/@wordpress/base-styles/default-custom-properties';
|
|
```
|
|
|
|
If you use [Webpack](https://webpack.js.org/) for your SCSS pipeline, you can use `~` to resolve to `node_modules`:
|
|
|
|
```scss
|
|
@import '~@wordpress/base-styles/colors';
|
|
```
|
|
|
|
To make that work with [`sass`](https://www.npmjs.com/package/sass) or [`node-sass`](https://www.npmjs.com/package/node-sass) NPM modules without Webpack, you'd have to use [includePaths option](https://sass-lang.com/documentation/js-api#includepaths):
|
|
|
|
```json
|
|
{
|
|
"includePaths": [ "node_modules" ]
|
|
}
|
|
```
|
|
|
|
## Contributing to this package
|
|
|
|
This is an individual package that's part of the Gutenberg project. The project is organized as a monorepo. It's made up of multiple self-contained software packages, each with a specific purpose. The packages in this monorepo are published to [npm](https://www.npmjs.com/) and used by [WordPress](https://make.wordpress.org/core/) as well as other software projects.
|
|
|
|
To find out more about contributing to this package or Gutenberg as a whole, please read the project's main [contributor guide](https://github.com/WordPress/gutenberg/tree/HEAD/CONTRIBUTING.md).
|
|
|
|
<br /><br /><p align="center"><img src="https://s.w.org/style/images/codeispoetry.png?1" alt="Code is Poetry." /></p>
|