RSS List

Mithilfe der RSS List können RSS-Daten in Listenform dargestellt werden. Je nach Art der Daten gibt es verschiedenen Varianten der RSS List, beispielsweise mit oder ohne Datum, Bild oder Kategoriebezeichnung.

.modul-rss_list

<div class="modul-rss_list">
    <h2 class="title">RSS List</h2>

    <div class="inner">
        <ul>
            <li>
                <a href="#randomtarget6040">Philosophy is considered a science but it is difficult to say, when one has to compare with an ordinary science.</a>
            </li>
            <li>
                <a href="#randomtarget1270">Philosophy is considered a science but it is difficult to say, when one has to compare with an ordinary science. Philosophy is considered a science but it is difficult to say, when one has to compare with an ordinary science.</a>
            </li>
            <li>
                <a href="#randomtarget6800">Philosophy is considered a science but it is difficult to say, when one has to compare with an ordinary science.</a>
            </li>
        </ul>
    </div>
</div> 
<div class="modul-rss_list">
    <h2 class="title">RSS list ordered</h2>

    <div class="inner">
        <ol>
            <li>
                <a href="#randomtarget2809">Philosophy is considered a science but it is difficult to say, when one has to compare with an ordinary science.</a>
            </li>
            <li>
                <a href="#randomtarget8255">Philosophy is considered a science but it is difficult to say, when one has to compare with an ordinary science. Philosophy is considered a science but it is difficult to say, when one has to compare with an ordinary science.</a>
            </li>
            <li>
                <a href="#randomtarget1368">Philosophy is considered a science but it is difficult to say, when one has to compare with an ordinary science.</a>
            </li>
        </ol>
    </div>
</div> 
<div class="modul-rss_list">
    <h2 class="title">RSS list with date</h2>

    <div class="inner">
        <ul>
            <li>
                <span class="date">01.01.2020</span> 
                <a href="#randomtarget3347">Philosophy is considered a science but it is difficult to say, when one has to compare with an ordinary science.</a>
            </li>
            <li>
                <span class="date">01.01.2020</span> 
                <a href="#randomtarget2849">Philosophy is considered a science but it is difficult to say, when one has to compare with an ordinary science. Philosophy is considered a science but it is difficult to say, when one has to compare with an ordinary science.</a>
            </li>
            <li>
                <span class="date">01.01.2020</span> 
                <a href="#randomtarget4295">Philosophy is considered a science but it is difficult to say, when one has to compare with an ordinary science.</a>
            </li>
        </ul>
    </div>
</div> 
<div class="modul-rss_list blockdate">
    <h2 class="title">RSS list with blockdate</h2>

    <div class="inner">
        <ul>
            <li>
                <span class="date">01.01.2020</span> 
                <a href="#randomtarget5030">Philosophy is considered a science but it is difficult to say, when one has to compare with an ordinary science.</a>
            </li>
            <li>
                <span class="date">01.01.2020</span> 
                <a href="#randomtarget9378">Philosophy is considered a science but it is difficult to say, when one has to compare with an ordinary science. Philosophy is considered a science but it is difficult to say, when one has to compare with an ordinary science.</a>
            </li>
            <li>
                <span class="date">01.01.2020</span> 
                <a href="#randomtarget8126">Philosophy is considered a science but it is difficult to say, when one has to compare with an ordinary science.</a>
            </li>
        </ul>
    </div>
</div> 
<div class="modul-rss_list blockdate">
    <h2 class="title">RSS list with blockdate and image</h2>

    <div class="inner">
    <div class="image">
        <div class="image__image">
            <img src="../../dummy/placeholder_4x3_1200.jpg" alt="Alternative Bildbeschreibung" >
        </div>
        <p class="image__copyright">
            @iStock
        </p>
    </div>
        <ul>
            <li>
                <span class="date">01.01.2020</span> 
                <a href="#randomtarget2360">Philosophy is considered a science but it is difficult to say, when one has to compare with an ordinary science.</a>
            </li>
            <li>
                <span class="date">01.01.2020</span> 
                <a href="#randomtarget1408">Philosophy is considered a science but it is difficult to say, when one has to compare with an ordinary science. Philosophy is considered a science but it is difficult to say, when one has to compare with an ordinary science.</a>
            </li>
            <li>
                <span class="date">01.01.2020</span> 
                <a href="#randomtarget8082">Philosophy is considered a science but it is difficult to say, when one has to compare with an ordinary science.</a>
            </li>
        </ul>
    </div>
</div> 
<div class="modul-rss_list">
    <h2 class="title">RSS list with tablelist, date, category and image</h2>

    <div class="inner">
    <div class="image">
        <div class="image__image">
            <img src="../../dummy/placeholder_4x3_1200.jpg" alt="Alternative Bildbeschreibung" >
        </div>
        <p class="image__copyright">
            @iStock
        </p>
    </div>
        <ul class="list--tablelist ruler">
            <li>
                 <div class="cell date">01.01.2020</div> 
                <div class="cell text">
<a href="#randomtarget3349">Philosophy is considered a science but it is difficult to say, when one has to compare with an ordinary science.</a>
                    <div class="category">Kategoriebezeichnung</div>
                </div>
            </li>
            <li>
                 <div class="cell date">01.01.2020</div> 
                <div class="cell text">
<a href="#randomtarget9208">Philosophy is considered a science but it is difficult to say, when one has to compare with an ordinary science. Philosophy is considered a science but it is difficult to say, when one has to compare with an ordinary science.</a>
                    <div class="category">Kategoriebezeichnung</div>
                </div>
            </li>
            <li>
                 <div class="cell date">01.01.2020</div> 
                <div class="cell text">
<a href="#randomtarget783">Philosophy is considered a science but it is difficult to say, when one has to compare with an ordinary science.</a>
                    <div class="category">Kategoriebezeichnung</div>
                </div>
            </li>
        </ul>
    </div>
</div>