I’m trying to find either the css or a way to get from the Classes/Variables dialog to see all the styles applied to a class. Of course without having to create an element and apply the class then view on the frontend in inspector. Or even a file that all the specific class styles are kept in?
I’d love to be able to write the css then when that class is applied actually see those styles in the editor. For example, apply aspect-ratio: 1 then when i have that class on an element in the editor, the ‘Aspect Ratio’ input says 1. Right now I was advised to put my custom CSS into the “Customize=> Custom CSS” drawer under theme to keep it all in one place but theres a definite disconnect between what i see in the editor and the frontend.
so Q1: is there a way to see all the styles applied to a class either in the editor or in a specific css file?
Q2: Where should i put custom css? should i keep it relegated to each template? each page? in a theme file in the css folder for the child theme?