Download Section Feature 

<div class="download-section-feature">
    <img class="download-section-feature__image" itemprop="photo" src="../../assets/example-content/beispiel-talk.jpg" alt="Eine Vortragsfolie" />
    <h3 class="download-section-feature__title">Titel des Talks</h3>
    <p class="download-section-feature__caption">
        Dies ist eine lustige Beschreibung des Talks
    </p>
    <a href="#" class="btn btn--small btn--cta download-section-feature__link" data-label="Download">Download</a>
</div>
 
<div class="download-section-feature">
    <img class="download-section-feature__image" itemprop="photo"
        src={context.app.uri("assets/example-content/beispiel-talk.jpg")} alt="Eine Vortragsfolie" />
    <h3 class="download-section-feature__title">Titel des Talks</h3>
    <p class="download-section-feature__caption">Dies ist eine lustige Beschreibung des Talks</p>
    <a href="#" class="btn btn--small btn--cta download-section-feature__link" data-label="Download">Download</a>
</div>
 
/* No context defined. */
  • Content: 
    .download-section-feature__image {
  width: 100%;
  margin-bottom: $spacer-md;
}

.download-section-feature__title {
  margin-bottom: $spacer-sm;
}

.download-section-feature__caption {
  margin-bottom: $spacer-sm;
}
  • URL: /components/raw/download-section-feature/_download-section-feature.scss
  • Filesystem Path: components/04-molecules/visual-elements/download-section-feature/_download-section-feature.scss
  • Size: 217 Bytes
  • Handle: @download-section-feature
  • Preview:
  • Filesystem Path: components/04-molecules/visual-elements/download-section-feature/download-section-feature.html

No notes defined.