Resa Design System

Appearance

Quotes ​

v-0.0.0

Secondary ​

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis euismod laoreet nunc. Cras lobortis neque nec risus mattis, vel rutrum eros malesuada. Praesent sit amet orci in dolor finibus gravida. Duis blandit.

Author name, name
html
<blockquote class="quote quote--secondary">
    <div class="quote__content">
        <p>
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis euismod laoreet nunc. Cras lobortis neque nec risus mattis, vel rutrum eros malesuada. Praesent sit amet orci in dolor finibus gravida. Duis blandit.
        </p>
    </div>
    <cite class="quote__from">Author name, <a href="#">name</a></cite>
</blockquote>

Primary ​

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis euismod laoreet nunc. Cras lobortis neque nec risus mattis, vel rutrum eros malesuada. Praesent sit amet orci in dolor finibus gravida. Duis blandit.

Author name, name
html
<blockquote class="quote quote--primary">
    <div class="quote__content">
        <p>
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis euismod laoreet nunc. Cras lobortis neque nec risus mattis, vel rutrum eros malesuada. Praesent sit amet orci in dolor finibus gravida. Duis blandit.
        </p>
    </div>
    <cite class="quote__from">Author name, <a href="#">name</a></cite>
</blockquote>