Ability to make component tag-less

[sheriffderek]

Sometimes I have a situation like this - where my H1 might be coming from a different place / and then I can't style adjacent selectors because of the div.ember-view that changes the heirarchy.

<PageSection>
  {{#each model.blocks as |block|}}
    <article class='editorial'>
      <h1 class='name'>{{block.name}}</h1>

      {{markdown-to-html block.value}}
    </article>
  {{/each}}
</PageSection>

.editorial
  h1
    strong-voice()
    + p
      margin-top: $pad
      border: 1px solid red
    + h2
      margin-top: $pad
      border: 3px solid red
  h2
    color: $highlight
    + p
      margin-top: $pad

(I can change how the CMS works to avoid this / but if there's a go-to way to extend or change that component - that would be cool. : )

[yaxinr]

{{markdown-to-html block.value tagName=''}}