Semantic Remapping Nested Extend Example (LESS)

<div class="content-wrapper"> 
  <section class="news-items" role="main">
    <article id="news-item-436" class="news-item"> 
      <header> 
        <h1>News Item Title</h1> 
        <h2>By line</h2> 
      </header> 
      <div class="article-body"> 
        <p>Bacon ipsum dolor amet kevin short ribs ribeye chuck beef ribs cow. Chicken venison frankfurter tongue, leberkas corned beef ham hock landjaeger. Tongue meatball turducken, pork belly turkey swine flank landjaeger porchetta picanha brisket short loin rump ham strip steak. Boudin tail chuck drumstick, ham hock sirloin andouille. Ham doner tongue bresaola t-bone meatball ham hock sirloin salami.</p>

<p>Pork loin porchetta pig, short loin beef ribs capicola turducken ground round kielbasa. Beef doner picanha, t-bone pork belly jowl hamburger. Drumstick sausage beef ribs, tenderloin ham hock corned beef bacon spare ribs turkey shankle t-bone landjaeger. Hamburger corned beef turkey ham hock pig filet mignon. Jowl shank kielbasa, t-bone short ribs biltong pastrami pork tongue.</p> 
      </div> 
    </article>
  </section> 
  <aside role="complementary"> 
    <section class="articles-by-author">
      <span class="widget-wrapper">
        <h3>Articles By: Author Name</h3> 
        <ul> 
          <li>[...]</li> 
          <li>[...]</li> 
          <li>[...]</li> 
        </ul> 
      </span>
    </section>
    <section class="related-articles">
      <span class="widget-wrapper">
        <h3>Related Articles</h3>
        <ul> 
          <li>[...]</li> 
          <li>[...]</li> 
          <li>[...]</li> 
        </ul> 
      </span>
    </section>
    <section class="related-articles">
      <span class="widget-wrapper">
        <h3>Latest Articles</h3>
        <ul> 
          <li>[...]</li> 
          <li>[...]</li> 
          <li>[...]</li> 
        </ul> 
      </span>
    </section>
    <section class="related-articles">
      <span class="widget-wrapper">
        <h3>Most Popular</h3>
        <ul> 
          <li>[...]</li> 
          <li>[...]</li> 
          <li>[...]</li> 
        </ul> 
      </span>
    </section>
  </aside>
</div>