         @h2 'Basic example with one item selected'
         @exampleCode '''
           <div class="overlay from-top select-list">
-            <ol class="list-group highlight-selected">
+            <ol class="list-group">
               <li class="selected">one</li>
               <li>two</li>
               <li>three</li>

          </div>
        '''

        @h2 'Using multiple lines with icons.'
        @p => @raw 'Use ...'
        @exampleCode '''
          <div class="overlay from-top select-list">
            <ol class="list-group highlight-selected">
              <li class="two-lines">
                <div class="primary-line icon icon-file-text">Primary line</div>
                <div class="secondary-line no-icon">Secondary line</div>
              </li>
              <li class="two-lines selected">
                <div class="primary-line icon icon-file-symlink-file">A thing</div>
                <div class="secondary-line no-icon">Description of the thing</div>
              </li>
              <li class="two-lines">
                <div class="primary-line icon icon-file-directory">Maybe you want this thing?</div>
                <div class="secondary-line no-icon">Probably not, though</div>
              </li>
            </ol>
          </div>
        '''

        @exampleCode '''
          <div class="overlay from-top select-list">
            <ol class="list-group highlight-selected">
              <li class="two-lines">
                <div class="primary-line">Primary line</div>
                <div class="secondary-line">Secondary line</div>

                <div class="primary-line">A thing</div>
                <div class="secondary-line">Description of the thing</div>
              </li>
            </ol>
          </div>
        '''

        @h2 'Using multiple lines with icons'
        @p => @raw 'Use ...'
        @exampleCode '''
          <div class="overlay from-top select-list">
            <ol class="list-group">
              <li class="two-lines">
                <div class="status status-added icon icon-diff-added"></div>
                <div class="primary-line icon icon-file-text">Primary line</div>
                <div class="secondary-line no-icon">Secondary line</div>
              </li>
              <li class="two-lines selected">
                <div class="status status-modified icon icon-diff-modified"></div>
                <div class="primary-line icon icon-file-symlink-file">A thing</div>
                <div class="secondary-line no-icon">Description of the thing</div>
              </li>
              <li class="two-lines">
                <div class="status status-renamed icon icon-diff-renamed"></div>
                <div class="primary-line icon icon-file-symlink-file">A thing</div>
                <div class="secondary-line no-icon">Description of the thing</div>
              </li>
            </ol>
          </div>
