Support Article
Nested CSS classes are missing in the inherited skin
SA-60607
Summary
When a child skin inherits from the parent skin containing some formats, nested CSS classes are not generated.
For example,
Consider two skins: Skin A (parent) and Skin B (child)
If a new tab format 'toptabs' is created in Skin A. It creates some nested CSS classes such as .screen-layout-header > .dc-screen-layout-region-main-middle-tab.dc-toptabs-tabs along with regular CSS classes such as .toptabs, toptabs .tab-ul.
Error Messages
Not Applicable
Steps to Reproduce
- Create a new tab format 'toptabs' in skin A.
- Perform a Preview of the skin. Classes such as .screen-layout-header > .dc-screen-layout-region-main-middle-tab.dc-toptabs-tabs, .toptabs toptabs .tab-ul are present.
- Create a new skin B which inherits from skin A.
- Generate the Preview. The nested classes are missing.
Root Cause
Inherited skins are not considered while generating the skin CSS.
Resolution
Apply HFix-43945.
Published November 29, 2018 - Updated October 8, 2020
Have a question? Get answers now.
Visit the Collaboration Center to ask questions, engage in discussions, share ideas, and help others.