Super Quote 

<super-quote>
    <blockquote class="superquote" itemscope itemtype="http://schema.org/Person">
        <span class="superquote__zigzag"></span>
        <p>Wertschöpfung findet statt, wenn unsere Änderung oder das neue Feature in unserem Produktionssystem genutzt wird.</p>
        <cite class="superquote__author" itemprop="name">Heribert Innoq</cite>
        <span class="superquote__role" itemprop="jobTitle">Senior Consultant</span>
    </blockquote>
</super-quote>

<super-quote>
    <blockquote class="superquote" itemscope itemtype="http://schema.org/Person">
        <span class="superquote__zigzag"></span>
        <p>Wertschöpfung findet statt, wenn unsere Änderung oder das neue Feature in unserem Produktionssystem genutzt wird.</p>
        <div class="longquote__avatar avatar avatar--sm">
            <img class="avatar__image" itemprop="photo" src="../../assets/example-content/heribert.jpg" alt="Portrait von Heribert Innoq" />
        </div>
        <cite class="superquote__author" itemprop="name">Heribert Innoq</cite>
        <span class="superquote__role" itemprop="jobTitle">Senior Consultant</span>
    </blockquote>
</super-quote>
 
<super-quote>
    <blockquote class="superquote" itemscope itemtype="http://schema.org/Person">
        <span class="superquote__zigzag"></span>
        <p>Wertschöpfung findet statt, wenn unsere Änderung oder das neue Feature in unserem Produktionssystem genutzt wird.</p>
        <cite class="superquote__author" itemprop="name">Heribert Innoq</cite>
        <span class="superquote__role" itemprop="jobTitle">Senior Consultant</span>
    </blockquote>
</super-quote>

<super-quote>
    <blockquote class="superquote" itemscope itemtype="http://schema.org/Person">
        <span class="superquote__zigzag"></span>
        <p>Wertschöpfung findet statt, wenn unsere Änderung oder das neue Feature in unserem Produktionssystem genutzt wird.</p>
        <div class="longquote__avatar avatar avatar--sm">
            <img class="avatar__image" itemprop="photo" src="{{ path '/assets/example-content/heribert.jpg' }}"  alt="Portrait von Heribert Innoq" />
        </div>
        <cite class="superquote__author" itemprop="name">Heribert Innoq</cite>
        <span class="superquote__role" itemprop="jobTitle">Senior Consultant</span>
    </blockquote>
</super-quote>
 
/* No context defined. */
  • Content: 
    super-quote > blockquote,
.superquote {
  @extend %longquote;

  > p {
    font-size: $font-size-sm;
  }
}

.superquote__zigzag {
  @extend %longquote__zigzag;
}

.superquote__author {
  @extend %longquote__author;
}

.superquote__role {
  @extend %longquote__role;
}

@media screen and (min-width: $grid-breakpoint-md) {
  .superquote {
    @extend %longquote;

    > p {
      font-size: $font-size-xl;
    }
  }
}
  • URL: /components/raw/super-quote/_super-quote.scss
  • Filesystem Path: components/04-molecules/quotes/super-quote/_super-quote.scss
  • Size: 417 Bytes
  • Handle: @super-quote
  • Preview:
  • Filesystem Path: components/04-molecules/quotes/super-quote/super-quote.html

No notes defined.