KSS Style Guide

<insert-markup>organisms.content.short-</insert-markup>
.-article-short-vertical
vertical version of the short article
<insert-markup>organisms.content.short-0</insert-markup>
.-article-short-image-first
first image and after that title
<insert-markup>organisms.content.short-1</insert-markup>
Markup: ..\..\styleguide\templates\organisms\content-short.html
<article class="rocksite-o-content [modifier class]">


    <header class="rocksite-o-content__header">


        <div class="rocksite-o-content__header__categories">
            <a href="#" class="rocksite-a-chips-label">First Category</a>
        </div>




        <h3 class="rocksite-o-content__header__title">
            <a href=""
               title="Permalink Aliquam varius turpis vel scelerisque molestie Donec ac libero tellus. Nunc sit amet ipsum vestibulum, posuere felis id, vulputate erat."
               rel="bookmark">Aliquam varius turpis vel scelerisque molestie Donec ac libero tellus. Nunc sit amet ipsum vestibulum, posuere felis id, vulputate erat.</a>
        </h3>

        <div class="rocksite-o-content__header__meta">


            <span class="rocksite-m-meta-label rocksite-force-display"><i class="la la-calendar"></i> <a href=""
                                                                                                         rel="bookmark">
                <time class="entry-date published" datetime="2013-09-27T15:00:38+00:00">September 27, 2013</time>
            </a></span>

            <span class="rocksite-m-meta-label"><em>Published by: </em> <a href="" title="Posts by  Jonhn Websky"
                                                                  rel="author"> Jonhn Websky</a> </span>
        			<span class="rocksite-m-meta-label">            <a href="#"><i
                            class="la la-comments" data-toggle="tooltip" data-placement="top" title=""
                            data-original-title="Comments"></i> 20 </a>
        </span>
        </div>



    </header>

    <div class="rocksite-o-content__thumbnail">
        <div class="rocksite-m-thumbnail">

            <img width="1000" height="520" src="../assets/images/large-thumbnail.jpeg" alt="">

        </div>
    </div>

    <div class="rocksite-o-content__entry entry-content">
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec commodo arcu eu ultrices pellentesque. Aliquam ultricies elit tempor molestie rutrum. Maecenas pharetra sem eu accumsan dignissim. Duis vel purus commodo, semper elit vel, porttitor sem.</p>
        <div class="rocksite-o-content__entry__more">

            <a href="#" class="rocksite-a-button [modifier class]">
            	Continue reading
            	<i class="la la-arrow-right"></i>
            </a>
            
            

        </div>
    </div>


</article>
Source: ../source/scss/components/organisms/_content-entry.scss, line 296