I created a bunch of components and components nested within components. I styled each components individually so they would all be uppercase but turns out I have a new requirement to have all components be capitalized instead. Is there a way where I can remove all the styling I applied in the entire project and restart applying it? Or would I have to go thru each component individually to change it.
So far, I attempted to add a styling property on the parent component but the child styling is still being applied. I think it is overwriting what I have on the parent.
The whole idea of styling is to edit the style class and everything that uses that style class will automatically get the update; unless, you set inline styles on every component instead of creating and using a style class. Style Classes
Type everything in proper-case and apply the css style class as shown here:
That way you can change them all with enabling / disabling one or more CSS statements.
You'll need to define a standard:
Appropriate capitalisation of first word and proper nouns. e.g. "Grain Silo 1 tare weight (kg)".
or
Capitalisation of all words except short ones like "of", "and", etc. e.g. "Grain Silo 1 Tare Weight (kg)".
IA use the latter on their user interface but I don't like it as it causes confusion between proper nouns and regular nouns / verbs.
Incidentally, you should be taking the same approach to styling if you use MS-Word or Open Office. Define a style for a heading, type them in proper-case and edit the style to turn All-Caps on or off. How often have you seen "proficient in MS-Word" on someone's CV? I bet most haven't a clue how to style a document!