<info-note class="info-note">
    <div class="info-note__content">
        <h3 class="info-note__title">Mika Majoran</h3>
        <p class="info-note__text"><span class="info-note__highlight">Bei INNOQ seit</span> 2018.</p>
        <p class="info-note__text">
            <span class="info-note__highlight">Tätig als</span> Product Owner in der Produktentwicklung.
        </p>
        <div class="info-note__text">
            <p>
                Bei INNOQ seit 2018. Mika wohnt mit seiner Lebensgefährtin und Hündin Luna in der Nähe von Hamburg. Er
                arbeitet vor allem von Zuhause, gelegentlich auch im Hamburger Büro.
            </p>
        </div>
    </div>
</info-note>
<info-note class="info-note">
    <div class="info-note__content">
        <h3 class="info-note__title">Mika Majoran</h3>
        <p class="info-note__text"><span class="info-note__highlight">Bei INNOQ seit</span> 2018.</p>
        <p class="info-note__text">
            <span class="info-note__highlight">Tätig als</span> Product Owner in der Produktentwicklung.
        </p>
        <div class="info-note__text">
            <p>
                Bei INNOQ seit 2018. Mika wohnt mit seiner Lebensgefährtin und Hündin Luna in der Nähe von Hamburg. Er
                arbeitet vor allem von Zuhause, gelegentlich auch im Hamburger Büro.
            </p>
        </div>
    </div>
</info-note>
/* No context defined. */
  • Content:
    .info-note {
      @extend %box-shadow-primary-25-right-bottom;
    
      max-width: calc($default-page-layout-content-width-md/2); //25rem
    
      &__content {
        padding: $spacer-sm $spacer-sm $spacer-base $spacer-md;
      }
    
      &__title {
        @extend %heading-font-bold;
    
        margin-bottom: $spacer-base;
    
        font-size: $font-size-base;
        color: $info-note-title-color;
        text-align: center;
        text-transform: uppercase;
      }
    
      &__text,
      &__text * {
        @extend %heading-font-regular;
    
        font-size: $font-size-xs;
        color: $info-note-text-color;
        text-align: left;
      }
    
      p:last-child {
        margin-bottom: 0;
      }
    
      &__highlight {
        @extend %heading-font-bold;
      }
    }
    
  • URL: /components/raw/info-note/info-note.scss
  • Filesystem Path: components/04-molecules/info-note/info-note.scss
  • Size: 668 Bytes

No notes defined.