I'm currently doing a specific styling for header partial design that will only apply when you viewed it on Experience Editor (EE). I'm aware of the on-page-editor
class on body tag but I need extra identifier to prevent the styles to apply in pages (still in EE) wherein the partial design is included. Is there a way to do that?
// This will apply to partial design but will also affect header in pages (in Experience Editor)
.on-page-editor {
header {
position: static;
}
}