Bricks 2.0.1.
I’ve noticed that Bricks saves CSS styles in different places depending on how they are added to an element, but I think it should actually work the other way around.
For example, when you style an element via Bricks > Custom Code > Custom CSS, then:
Everything works correctly — the CSS is saved in the global CSS file.
When styles are added via Bricks > Page Settings > Custom Code, then:
They are saved in the page-specific external CSS file, but they appear above other styles added differently.
If you add styles by using the visual panel (clicking options)
or by manually entering styles in the CSS field, then:
These styles are also saved in an external CSS file, but below the ones added via Bricks > Page Settings > Custom Code.
However, when you add a style as a class from the panel, then:
It’s saved in the page’s HTML inside a block.
But I believe it should be the other way around:
When using the class system, the styles should be saved in an external CSS file,
and when a style is added directly to an element without a class, it should go into the HTML section.