Как сделать отдельный файл с переменными для блока Gutenberg?

Как правильно подключить файл с переменными SASS для блоков Gutenberg в своем плагине? При создании папки и файла с переменными в корневом каталоге и подключении его в `editor.scss/style.scss` возникают дубли стилей. Вот структура папок.
  • 21 февраля 2024 г. 20:28
Ответы на вопрос 1
Для создания отдельного файла с переменными для блока Gutenberg в своем плагине, вы можете следовать следующим шагам:

1. Создайте папку в вашем плагине, например `gutenberg-styles`.

2. В этой папке создайте файл с переменными, например `variables.scss`, в котором определите все нужные переменные для стилей блока Gutenberg.

3. В файле `editor.scss` или `style.scss`, который используется для стилей блока Gutenberg, добавьте импорт вашего файла с переменными:

```scss
@import 'gutenberg-styles/variables';
```

Это позволит использовать переменные из вашего файла в стилях блока Gutenberg без дублирования.

Структура папок вашего плагина может выглядеть примерно так:

```
- ваш_плагин
  - gutenberg-styles
    - variables.scss
  - assets
    - css
      - editor.scss
```

Помните, что структура папок может отличаться в зависимости от конкретных настроек и структуры вашего плагина. Важно следовать принципам модульности и организации кода для удобства работы и поддержки вашего плагина.
Похожие вопросы