Where generated CSS is stored

[ghost]

I just wonder where all the CSS generated by JIT is stored? For example, if I add w:full to the element, it will generate width: 100% as I inspect it by the inspector of the browser. It points to the file master.css, but as I click the file and search width: 100%, there is actually no such rule.

[1aron]

Take our biggest feature JIT for example, it scans the entire DOM Tree at runtime and automatically generates CSS Rules in <style id="master-css"> according to our rules engine.

This rules engine is completely created by us, so if you're curious how it works, the most direct way is to look at our core code.

[ghost]

Why I cannot find <style id="master-css">...</style> by the inspector and page source...I only found one file called master.css but inside there are no CSS rules that should be generated...Instead looks like some reset CSS.

[1aron]

It's very strange since we didn't generate any file called master.css and probably need your screenshot.

[ghost]

I'm not using the CDN but I download the files and use it locally, not sure if this is the reason?
For example, if I inspect the element, as you can see that the generated CSS is in the file called master.css

When I click that file, there are actually all about resetting the CSS, but doesn't include any CSS rule that should be generated by the class name given, which is why I wonder and ask where are all the CSS generated are stored.

[1aron]

Check out the latest documentation Runtime Rendering.