'Where is the breakpoint code located in the React export from Anima?

I followed the steps to add breakpoints using Anima's Figma plugin and SHIFT-selecting the three desktop, tablet, and mobile frames. Then I clicked "save" and synced with my Anima account.

After extracting the exported zip file, I cannot find the breakpoints in styleguide.css, globals.css, or by searching the entire project in VS Code for keywords "media" (as in media queries,) or "breakpoints."

Posting in the Anima forums and lastly, opening a support ticket, have not yielded any results so far.



Solution 1:[1]

Anima's plugin does not generate media queries or values which could be used in Material UI or Bootstrap -- it only generates CSS dimensions of elements exported from Figma.

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 Z Kubota