# Book Detail Page

WIP

- HTML
- View
- Context
- Assets
- Info
- Notes

`

    <main id="main" role="main">
        <header class="topic-header bg-image-edition-20">
            <div class="topic-header__body">
                <h1 class="topic-header__title bg-image-edition-20">
                    Domain-Driven Design Referenz - Definitionen &amp; Muster
                </h1>
                <span class="icon icon-arrow-long-down icon--brand-secondary"></span>
            </div>
        </header>
        <section class="page-layout-md--default">
            <div class="detail-item">
                <img width="400" class="detail-item__image" src="https://res.cloudinary.com/innoq/image/upload/c_scale,dpr_2.0,w_400/v1/uploads-production/qaxm9re51q3f92i6j32o8dv76z4h" />
                <div class="detail-item-wrapper">
                    <div class="detail-item__body">
                        <h3 class="detail-item__title">Domain-Driven Design Referenz - Definitionen &amp; Muster</h3>
                        <p class="detail-item__caption">Domain-driven Design spielt beim Entwerfen und Umsetzen von fachlich
                            anspruchsvollen Systemen eine entscheidende Rolle. Für das Verständnis von DDD ist die
                            DDD-Referenz von Eric Evans eine unverzichtbare Quelle – und liegt mit diesem Buch erstmalig in
                            deutscher Übersetzung vor.
                            Sowohl die Originalversion, als auch die Übersetzung stehen unter Creative-Common-Lizenz.</p>
                        <ul class="detail-item__author">
                            <li><a title="Michael Plöd" href="/de/staff/michael-pl%C3%B6d/">Michael Plöd</a></li>
                            <li><a title="Christian Stettler" href="/de/staff/christian-stettler/">Christian Stettler</a>
                            </li>
                            <li><a title="Eberhard Wolff" href="/de/staff/eberhard-wolff/">Eberhard Wolff</a></li>
                        </ul>
                    </div>
                    <div class="detail-item__footer">
                        <a class="link-teaser" href="https://leanpub.com/ddd-referenz">Download</a>
                    </div>
                </div>
            </div>
            <div class="detail-item__footer">
                <a class="btn btn--small btn--cta--color-swap" data-label="Alle Primer" href="/de/topics/primer/">Alle
                    Primer</a>
                <a class="btn btn--small btn--cta--color-swap" data-label="Alle Bücher" href="/de/topics/buecher/">Alle
                    Bücher</a>
            </div>
        </section>
        <section class="stripe stripe--gray">
            <div class="tag-section">
                <h3 class="tag-section__headline">TAGS</h3>
                <ul class="tag-list">
                    <li class="tag-list__item">
                        <a class="tag-list__link" href="/de/topics/domain-driven-design/">Domain-driven Design</a>
                    </li>
                </ul>
            </div>
        </section>
    </main>

`
`

    <main id="main" role="main">
        <header class="topic-header bg-image-edition-20">
            <div class="topic-header__body">
                <h1 class="topic-header__title bg-image-edition-20">
                    Domain-Driven Design Referenz - Definitionen &amp; Muster
                </h1>
                <span class="icon icon-arrow-long-down icon--brand-secondary"></span>
            </div>
        </header>
        <section class="page-layout-md--default">
            <div class="detail-item">
                <img width="400" class="detail-item__image"
                    src="https://res.cloudinary.com/innoq/image/upload/c_scale,dpr_2.0,w_400/v1/uploads-production/qaxm9re51q3f92i6j32o8dv76z4h" />
                <div class="detail-item-wrapper">
                    <div class="detail-item__body">
                        <h3 class="detail-item__title">Domain-Driven Design Referenz - Definitionen &amp; Muster</h3>
                        <p class="detail-item__caption">Domain-driven Design spielt beim Entwerfen und Umsetzen von fachlich
                            anspruchsvollen Systemen eine entscheidende Rolle. Für das Verständnis von DDD ist die
                            DDD-Referenz von Eric Evans eine unverzichtbare Quelle – und liegt mit diesem Buch erstmalig in
                            deutscher Übersetzung vor.
                            Sowohl die Originalversion, als auch die Übersetzung stehen unter Creative-Common-Lizenz.</p>
                        <ul class="detail-item__author">
                            <li><a title="Michael Plöd" href="/de/staff/michael-pl%C3%B6d/">Michael Plöd</a></li>
                            <li><a title="Christian Stettler" href="/de/staff/christian-stettler/">Christian Stettler</a>
                            </li>
                            <li><a title="Eberhard Wolff" href="/de/staff/eberhard-wolff/">Eberhard Wolff</a></li>
                        </ul>
                    </div>
                    <div class="detail-item__footer">
                        <a class="link-teaser" href="https://leanpub.com/ddd-referenz">Download</a>
                    </div>
                </div>
            </div>
            <div class="detail-item__footer">
                <a class="btn btn--small btn--cta--color-swap" data-label="Alle Primer" href="/de/topics/primer/">Alle
                    Primer</a>
                <a class="btn btn--small btn--cta--color-swap" data-label="Alle Bücher" href="/de/topics/buecher/">Alle
                    Bücher</a>
            </div>
        </section>
        <section class="stripe stripe--gray">
            <div class="tag-section">
                <h3 class="tag-section__headline">TAGS</h3>
                <ul class="tag-list">
                    <li class="tag-list__item">
                        <a class="tag-list__link" href="/de/topics/domain-driven-design/">Domain-driven Design</a>
                    </li>
                </ul>
            </div>
        </section>
    </main>

`
`

    /* No context defined. */

`
File:

- Content:
  `

      // TODO: CLean this up
      .btn--cta--color-swap {
        margin-bottom: $spacer-lg;
        color: $brand-primary;
        background-color: $brand-secondary;

        &:hover,
        &:focus {
          color: $brand-secondary;
          background-color: $brand-secondary;
          border-color: $brand-secondary;
        }

        .btn {
          margin-left: 0;
        }
      }

  `
- URL: /components/raw/book-detail-page/_book-detail-page.scss
- Filesystem Path: components/01-pages/book-detail-page/_book-detail-page.scss
- Size: 308 Bytes

- Handle: @book-detail-page
- Preview:
  - With layout
  - Component only
- Filesystem Path: components/01-pages/book-detail-page/book-detail-page.html

No notes defined.