Skip to main content

--scope Flag (Draft)

A Scope specification is a general-perpose flag that can be used to specify a scope of a component or a content.

Reserved Keywords

  • this - --scope=this
  • parent - --scope=parent
  • screen - --scope=screen
  • frame - --scope=frame

Examples

--scope=hero-sections
--id=contents-layout

this will create a namespace with hero-sections.contents-layout. With real-world example, scope and id can be used to indicate the duplicated layouts on breakpoints are the same layer, which needs only the style to be differenciated.