<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>
        <p class="info-note__text">
            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>
</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>
        <p class="info-note__text">
            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>
</info-note>
/* No context defined. */
  • Content:
    .info-note {
      @extend %box-shadow-primary-25-right-bottom;
    
      max-width: $grid-page-layout-main-column-width/2; //25rem
    
      &__content {
        padding: $spacer-sm $spacer-sm $spacer-base $spacer-md;
      }
    
      &__title {
        @extend %heading-font-bold;
    
        margin-bottom: $spacer-base;
        color: $info-note-title-color;
        font-size: $font-size-base;
        text-align: center;
        text-transform: uppercase;
      }
    
      &__text {
        @extend %heading-font-regular;
    
        color: $info-note-text-color;;
        font-size: $font-size-xs;
        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/article&blog-post-elements/info-note/info-note.scss
  • Size: 647 Bytes
  • Handle: @info-note
  • Preview:
  • Filesystem Path: components/04-molecules/article&blog-post-elements/info-note/info-note.html

No notes defined.