18 #quote Quote

Toggle example guides Toggle HTML markup

This component contains all the styles applied to the module quote.

Quote without image

Example
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ultrices magna at varius dignissim. Maecenas cursus fermentum arcu, ut gravida tellus tempor et. Nulla sed enim pretium, elementum eros sit amet, finibus enim. Nulla viverra orci vitae mi auctor, placerat imperdiet tortor imperdiet.
John Doe, Software Engineer at Mimacom
Markup
<section class="module">
  <div class="module__content">
    <div class="quote">
      <div class="quote__text">
        <span class="quote__icon"></span>
        <span class="quote__text-quote">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ultrices magna at varius dignissim. Maecenas cursus fermentum arcu, ut gravida tellus tempor et. Nulla sed enim pretium, elementum eros sit amet, finibus enim. Nulla viverra orci vitae mi auctor, placerat imperdiet tortor imperdiet.</span>
        <div class="quote__sign">
          <span class="quote__sign-name">John Doe</span>, Software Engineer at Mimacom
        </div>
      </div>
    </div>
  </div>
</section>
Source: scss/components/quote/_quote.scss, line 1