Resolving CssSyntaxError in 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 ...

      • Which Amasty extensions comply with the Hyva and Hyva Checkout Content Security Policies?

        In this article, you may find a list of extensions that have already been verified as compatible with Hyvä & Hyvä Checkout CSP. The compatibility has been added in the latest versions of the extensions, therefore, kindly make sure to update the ...

      • Blog Pro API

        We have created a public API collection for Blog Pro module with all available queries and sample data that you can both test via our demo endpoints and copy to run local tests in your Magento environment. More details about using public collections ...

      • 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 ...