How to resolve the CssSyntaxError while generating Hyva styles?

How to resolve the CssSyntaxError while generating Hyva styles?

The issue appears when the `bg-container-lighter` class is missing. This element is a standard class that should be included in any Hyva or child theme. 

To resolve this issue, it is necessary to add the standard CSS classes from Hyva to your theme.

There are 2 ways to do so. 

1. Replacing the use of the global class in our module with a standard variable. You can see how this can be done here:



2. Alternatively, it is possible to add the following entry to the `tailwind.config.js` file:
​
  1. module.exports = {
  2.   theme: {
  3.     extend: {
  4.       colors: {
  5.         'container-lighter': 'rgb(255 255 255 / <alpha-value>)',
  6.       },
  7.     },
  8.   },
  9. };

This will define the `container-lighter` color within your theme, ensuring compatibility with the Amasty module.

      • Related Articles

      • Which Amasty extensions have Hyva compatibility and how to install Hyva packages?

        Amasty has recently begun testing their extensions with the Hyvä theme. In this article, you will find a list of extensions that have already been verified as compatible with Hyvä. We continue delivering Hyvä compatibility for our modules and will be ...

      • Blog Pro | GraphQL methods

        Queries amBlogSetting description: get blog pro module settings amBlogPost (id: Int, urlKey: String) description: get post information about a post by ID amBlogPosts (type: AmBlogPageType, page: Int, entityId: Int) description: get an array of posts ...

      • Blog Pro API

        Kindly note that the API functionality for Blog Pro is available as a part of an active product subscription or support subscription. GET /V1/amasty_blog/author/:authorId - Get one author GET /V1/amasty_blog/author/all - Get list with conditions ...

      • I have some Hyva-related compatibility issues, what should I check?

        If you are experiencing issues with our extensions in conjunction with the Hyvä theme, please check the points below and ensure that they have been performed correctly. Step 1. To ensure a smooth experience with our extensions and the Hyvä theme, it ...

      • Does the Blog Pro module support the Page Builder functionality?

        The Blog Pro module does not provide the Page Builder functionality out-of-the-box. However, there is a special submodule included in the Blog Pro package that makes the extension compatible with the Page Builder functionality and lets you use it ...