brand-banner: IMG without info

Done

HTML
View
Context
Assets
Info
Notes


        
        <div class="brand-banner">
    <div class="brand-banner__heading">
        <h6 class="brand-banner__title">You can log in to the following AlphaTheta websites with a single account.</h6>
    </div>
    <div class="brand-banner__content">
        <div class="brand-banner__item">
            <div class="brand-banner__visual">
                <a target="_blank" href="https://www.alphatheta.com">
                    <img src="/graphics/logo-alphatheta.png" alt="" />
                </a>
            </div>
            <div class="brand-banner__info desktop">
                <a target="_blank" href="https://www.alphatheta.com">alphatheta.com</a>
                <p>One Through Music</p>
            </div>
        </div>
        <div class="brand-banner__item">
            <div class="brand-banner__visual">
                <a target="_blank" href="https://www.pioneerdj.com/">
                    <img src="/graphics/logo-pioneer-dj.png" alt="" />
                </a>
            </div>
            <div class="brand-banner__info desktop">
                <a target="_blank" href="https://www.pioneerdj.com/">pioneerdj.com</a>
                <p>Products, news and support.</p>
            </div>
        </div>
        <div class="brand-banner__item">
            <div class="brand-banner__visual">
                <a target="_blank" href="https://rekordbox.com/">
                    <img src="/graphics/logo-rekordbox.png" alt="" />
                </a>
            </div>
            <div class="brand-banner__info desktop">
                <a target="_blank" href="https://rekordbox.com/">rekordbox.com</a>
                <p>DJ Software.</p>
            </div>
        </div>
        <div class="brand-banner__item">
            <div class="brand-banner__visual">
                <a target="_blank" href="https://forums.pioneerdj.com/">
                    <img src="/graphics/logo-forum.png" alt="" style="max-width: 100px" />
                </a>
            </div>
            <div class="brand-banner__info desktop">
                <a target="_blank" href="https://forums.pioneerdj.com/">forums.pioneerdj.com</a>
                <p>Product owners community.</p>
            </div>
        </div>
    </div>
    <div class="brand-banner__close">
        <a href="#" class="brand-banner__close-btn">
            <svg class="icon-close" viewBox="0 0 12 14" version="1" xmlns="http://www.w3.org/2000/svg">
                <path fill="currentColor" d="M6.066 5.492L2.372.931A1 1 0 1 0 .818 2.19l3.848 4.752L.418 11.34a1 1 0 0 0 1.439 1.39v-.001l4.077-4.222 3.694 4.561a1 1 0 1 0 1.554-1.259L7.334 7.059l4.248-4.399a1 1 0 0 0-1.439-1.39v.001L6.066 5.492z" />
            </svg>

        </a>
    </div>
</div>


        {{!-- Brand banner --}}
<div class="brand-banner">
  <div class="brand-banner__heading">
    <h6 class="brand-banner__title">{{ title }}</h6>
  </div>
  <div class="brand-banner__content">
    <div class="brand-banner__item">
      <div class="brand-banner__visual">
        <a target="_blank" href="https://www.alphatheta.com">
          <img src="/graphics/logo-alphatheta.png" alt="" />
        </a>
      </div>
      <div class="brand-banner__info desktop">
        <a target="_blank" href="https://www.alphatheta.com">{{ alphatheta-link }}</a>
        <p>{{ alphatheta-info }}</p>
      </div>
    </div>
    <div class="brand-banner__item">
      <div class="brand-banner__visual">
        <a target="_blank" href="https://www.pioneerdj.com/">
          <img src="/graphics/logo-pioneer-dj.png" alt="" />
        </a>
      </div>
      <div class="brand-banner__info desktop">
        <a target="_blank" href="https://www.pioneerdj.com/">{{ pioneer-link }}</a>
        <p>{{ pioneer-info }}</p>
      </div>
    </div>
    <div class="brand-banner__item">
      <div class="brand-banner__visual">
        <a target="_blank" href="https://rekordbox.com/">
          <img src="/graphics/logo-rekordbox.png" alt="" />
        </a>
      </div>
      <div class="brand-banner__info desktop">
        <a target="_blank" href="https://rekordbox.com/">{{ rekord-link }}</a>
        <p>{{ rekord-info }}</p>
      </div>
    </div>
    <div class="brand-banner__item">
      <div class="brand-banner__visual">
        <a target="_blank" href="https://forums.pioneerdj.com/">
          <img src="/graphics/logo-forum.png" alt="" style="max-width: 100px" />
        </a>
      </div>
      <div class="brand-banner__info desktop">
        <a target="_blank" href="https://forums.pioneerdj.com/">{{ forum-link }}</a>
        <p>{{ forum-info }}</p>
      </div>
    </div>
  </div>
  <div class="brand-banner__close">
    <a href="#" class="brand-banner__close-btn">
      {{render '@icon-close' }}
    </a>
  </div>
</div>


        
            
            title: You can log in to the following AlphaTheta websites with a single account.
alphatheta-info: One Through Music
alphatheta-link: alphatheta.com
pioneer-info: Products, news and support.
pioneer-link: pioneerdj.com
rekord-info: DJ Software.
rekord-link: rekordbox.com
forum-info: Product owners community.
forum-link: forums.pioneerdj.com

File:

Content:


                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 117 18.7" width="117" height="18.7">
  <title>AlphaTheta</title>
  <path fill="currentColor" d="m32.28 2.62 4.89 12.69h-2.38l-1.19-3.36h-5.06l-1.19 3.36h-2.29l4.87-12.69h2.36ZM31.05 4.8l-1.92 5.45H33L31.1 4.8h-.05Zm9.47-2.18v12.69h-2.03V2.62h2.03Zm11.18 8.14c0 2.42-1.21 4.8-3.96 4.8-1.15 0-2.45-.41-3.07-1.44h-.04v4.58H42.6V6.12h1.92v1.24h.04c.59-1.07 1.67-1.49 2.84-1.49 2.88 0 4.3 2.2 4.3 4.89Zm-4.57 3.19c1.83 0 2.54-1.63 2.54-3.23s-.76-3.25-2.56-3.25c-1.88 0-2.56 1.6-2.56 3.25s.78 3.23 2.58 3.23Zm7.95-11.33v4.71h.04c.59-.92 1.62-1.46 2.77-1.46 2.11 0 3.23 1.23 3.23 3.06v6.38h-2.03V9.62c0-1.17-.36-2.15-1.79-2.15s-2.22 1.16-2.22 2.36v5.47h-2.03V2.62h2.03Zm15.69 5.86v4.83c0 .48.11.64.55.64.11 0 .28 0 .43-.04v1.4c-.52.14-1.05.23-1.28.23-.89 0-1.42-.36-1.56-1.12-.73.73-2.06 1.12-3.18 1.12-1.81 0-3.15-1-3.15-2.68s1.01-2.4 2.38-2.68c.69-.14 1.46-.23 2.31-.34 1.23-.14 1.6-.43 1.6-1.14 0-.8-.64-1.24-1.9-1.24s-1.94.53-2.03 1.46h-2.03c.14-2.01 1.6-3.06 4.18-3.06 2.22 0 3.68 1.05 3.68 2.61Zm-4.43 5.47c1.39 0 2.4-.69 2.4-1.69V10.7c-.55.34-.82.34-2.22.52-1.33.16-1.92.64-1.92 1.47 0 .76.64 1.26 1.74 1.26ZM81.41 2.62v1.92h-4.03v10.77h-2.22V4.54h-4.02V2.62h10.27Zm3.04 0v4.71h.04c.59-.92 1.62-1.46 2.77-1.46 2.11 0 3.23 1.23 3.23 3.06v6.38h-2.03V9.62c0-1.17-.36-2.15-1.79-2.15s-2.22 1.16-2.22 2.36v5.47h-2.03V2.62h2.03Zm16.19 7.92c0 .23-.02.46-.04.69h-6.75c0 1.51.87 2.72 2.47 2.72 1.12 0 1.87-.46 2.24-1.53h1.92c-.41 1.97-2.15 3.13-4.16 3.13-2.9 0-4.5-2.03-4.5-4.82s1.71-4.87 4.44-4.87c2.59 0 4.37 2.13 4.37 4.67Zm-2.07-.64c-.11-1.28-.94-2.43-2.33-2.43s-2.33 1.08-2.4 2.43h4.73Zm6.21-6.54v2.75h1.83v1.51h-1.83v5.01c0 .96.23 1.16 1.01 1.16.37 0 .75-.04.82-.07v1.56c-.8.09-1.03.11-1.31.11-1.94 0-2.54-.62-2.54-2.47V7.63h-1.53V6.12h1.53V3.37h2.03Zm11.24 5.12v4.83c0 .48.11.64.55.64.11 0 .28 0 .43-.04v1.4c-.52.14-1.05.23-1.28.23-.89 0-1.42-.36-1.56-1.12-.73.73-2.06 1.12-3.18 1.12-1.81 0-3.14-1-3.14-2.68s1.01-2.4 2.38-2.68c.69-.14 1.46-.23 2.31-.34 1.23-.14 1.6-.43 1.6-1.14 0-.8-.64-1.24-1.9-1.24s-1.94.53-2.03 1.46h-2.03c.14-2.01 1.6-3.06 4.18-3.06 2.22 0 3.68 1.05 3.68 2.61Zm-4.42 5.47c1.39 0 2.4-.69 2.4-1.69V10.7c-.55.34-.82.34-2.22.52-1.33.16-1.92.64-1.92 1.47 0 .76.64 1.26 1.74 1.26ZM18.46 1.35C15.26-1.26 10.62.22 7.85 3.19c-.37.4-.71.84-1.03 1.3 1.61-2.12 4.01-3.46 6.35-3.28 3.44.26 5.42 3.69 4.44 7.66-.98 3.97-4.56 6.98-8 6.72-3.08-.23-4.99-3-4.65-6.43 1.03-.57 2.18-.78 3.21-.51 2.02.54 2.86 2.75 1.95 5 .29-.64.49-1.31.55-1.96.03-.29.03-.58 0-.88-.18-2.24-1.97-4.18-4.93-3.68-4.78.81-7.31 6.14-4.68 9.28 1.61 1.91 4.48 1.63 6.52.27 1.58 1.12 3.75 1.51 6.26.58 7.28-2.69 9.66-11.77 4.61-15.9ZM4.31 17.12c-2.09-.56-2.92-2.91-1.85-5.25.53-1.16 1.43-2.1 2.45-2.68-.14.81-.18 1.62-.11 2.39l.06.53c.04.29.11.57.18.85.41 1.48 1.26 2.79 2.46 3.66-1.02.56-2.17.77-3.2.5Z"/>
</svg>

URL: /components/raw/brand-banner/alphatheta.svg
Filesystem Path: ../src/03_molecules/brand-banner/alphatheta.svg
Size: 2.8 KB

Content:


                                /**
 * Brand banner blocks
 * Remove brand banner block when clicked on the close button.
 */

const BRANDBANNER = ((w, d, undefined) => {

  "use strict";

  const classNames = {
    block: 'brand-banner',
    close: 'brand-banner__close-btn',
  };

  const init = () => {
    [...d.querySelectorAll('.' + classNames.block), ...[]].forEach(block => {
      [...block.querySelectorAll('.' + classNames.close), ...[]].forEach(close => {
        close.addEventListener('click', e => {
          e.preventDefault();
          block.parentNode.removeChild(block);
        });
      });
    });
  };

  d.addEventListener('DOMContentLoaded', init);

})(window, window.document);

URL: /components/raw/brand-banner/brand-banner.js
Filesystem Path: ../src/03_molecules/brand-banner/brand-banner.js
Size: 674 Bytes

Content:


                                .brand-banner {
  position: relative;
  background-color: var(--color--neutrals-1);
  padding: var(--gap--6);
  margin: var(--gap--3);
  text-align: center;

  @media all and (min-width: 640px) {
    margin: 0;
    padding: var(--gap--4) var(--gap--20);
  }

  &__heading {
    margin-bottom: var(--gap--4);
  }

  &__content {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  &__item {
    padding: 0 var(--gap--2);

    @media all and (min-width: 640px) {
      padding: 0 var(--gap--6);
    }

    a {
      font-size: 12px;
      font-weight: 600;
      text-decoration: none;
      color: var(--color--neutrals-10);
      margin-top: var(--gap--2);

      &:hover {
        color: var(--color--action);
      }
    }

    p {
      font-size: 12px;
      margin-top: 0 !important;
    }

    svg, img {
      display: block;
      width: 100%;
      max-width: 160px;
      margin: 0 auto;
      max-height: 15px;
      object-fit: contain
    }
  }

  &__visual a {
    transition: opacity 150ms ease-out;

    &:hover {
      text-decoration: none;
      color: var(--color--neutrals-10);
      opacity: .7;
    }
  }

  &__info {
    display: none;
    line-height: 1.6;
    margin-top: var(--gap--4);

    @media all and (min-width: 750px) {
      display: block;
    }
  }

  // hide close button
  &__close {
    display: none;
  }

  /*
  // show close button
  &__close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    text-decoration: none;
    transform: translate(25%, -25%);

    @media all and (min-width: 640px) {
      transform: translate(-16px, 16px);
    }

    &-btn {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 32px;
      height: 32px;
      border-radius: 32px;
      border: 1px solid var(--color--neutrals-3);
      background-color: white;
      color: var(--color--neutrals-10);

      svg {
        display: block;
        width: 10px;
        height: 10px;
      }

      @media all and (min-width: 640px) {
        width: 40px;
        height: 40px;

        svg {
          width: 14px;
          height: 14px;
        }
      }
    }
  }
  */
}

URL: /components/raw/brand-banner/brand-banner.scss
Filesystem Path: ../src/03_molecules/brand-banner/brand-banner.scss
Size: 2.2 KB

Content:


                                <svg xmlns="http://www.w3.org/2000/svg" width="95" height="23" fill="none"><path fill="currentColor" d="M16.301 3.945H4.773v5.164h10.093v3.899H4.773v9.413H0V0h16.301v3.945ZM33.351 7.92c1.435 1.757 2.153 3.834 2.153 6.23 0 2.437-.718 4.524-2.153 6.26-1.435 1.727-3.613 2.59-6.536 2.59-2.922 0-5.1-.863-6.536-2.59-1.435-1.736-2.153-3.823-2.153-6.26 0-2.396.718-4.473 2.153-6.23 1.435-1.756 3.614-2.635 6.536-2.635 2.922 0 5.101.879 6.536 2.636ZM26.8 8.957c-1.3 0-2.304.452-3.011 1.356-.697.894-1.045 2.173-1.045 3.838 0 1.666.348 2.95 1.045 3.854.707.904 1.71 1.356 3.01 1.356 1.3 0 2.299-.452 2.996-1.356.696-.904 1.045-2.188 1.045-3.854 0-1.665-.349-2.944-1.045-3.838-.697-.904-1.695-1.356-2.995-1.356ZM47.25 9.825c-1.788 0-2.99.568-3.603 1.706-.343.64-.515 1.624-.515 2.954v7.936h-4.477V5.82h4.243v2.894c.687-1.107 1.284-1.864 1.794-2.27.832-.68 1.914-1.02 3.245-1.02.083 0 .15.005.203.015.062 0 .192.005.39.015v4.448a12.344 12.344 0 0 0-1.28-.076ZM62.054 20.076c-.041.05-.145.203-.312.456a3.078 3.078 0 0 1-.593.67c-.696.61-1.372 1.026-2.028 1.25-.644.223-1.403.335-2.277.335-2.517 0-4.212-.884-5.085-2.65-.49-.975-.733-2.412-.733-4.311V5.819h4.554v10.007c0 .944.115 1.655.344 2.132.405.843 1.2 1.265 2.386 1.265 1.519 0 2.559-.6 3.12-1.798.291-.65.437-1.508.437-2.574V5.819h4.508V22.42h-4.32v-2.345ZM80.227 10.388c-.374-.802-1.107-1.203-2.2-1.203-1.268 0-2.12.4-2.557 1.203-.24.457-.36 1.137-.36 2.041v9.992h-4.507V5.85h4.32v2.422c.552-.863 1.072-1.478 1.56-1.843.864-.65 1.982-.975 3.354-.975 1.3 0 2.35.28 3.151.838a4.878 4.878 0 0 1 1.467 1.995c.582-.975 1.305-1.69 2.168-2.148.915-.457 1.934-.685 3.058-.685.748 0 1.487.142 2.215.426.728.285 1.388.782 1.98 1.493.48.579.802 1.29.968 2.133.104.558.156 1.376.156 2.452l-.031 10.464h-4.555v-10.57c0-.63-.104-1.148-.312-1.554-.395-.772-1.123-1.158-2.184-1.158-1.227 0-2.075.498-2.543 1.493-.239.528-.359 1.162-.359 1.904v9.885H80.54v-9.885c0-.985-.104-1.701-.312-2.148Z"/></svg>

URL: /components/raw/brand-banner/forum.svg
Filesystem Path: ../src/03_molecules/brand-banner/forum.svg
Size: 1.9 KB

Content:
URL: /components/raw/brand-banner/logo-alphatheta.jpg
Filesystem Path: ../src/03_molecules/brand-banner/logo-alphatheta.jpg
Size: 3.5 KB

Content:
URL: /components/raw/brand-banner/logo-alphatheta.png
Filesystem Path: ../src/03_molecules/brand-banner/logo-alphatheta.png
Size: 6.6 KB

Content:
URL: /components/raw/brand-banner/logo-forum.jpg
Filesystem Path: ../src/03_molecules/brand-banner/logo-forum.jpg
Size: 3 KB

Content:
URL: /components/raw/brand-banner/logo-forum.png
Filesystem Path: ../src/03_molecules/brand-banner/logo-forum.png
Size: 4.5 KB

Content:
URL: /components/raw/brand-banner/logo-pioneer-dj.jpg
Filesystem Path: ../src/03_molecules/brand-banner/logo-pioneer-dj.jpg
Size: 5.4 KB

Content:
URL: /components/raw/brand-banner/logo-pioneer-dj.png
Filesystem Path: ../src/03_molecules/brand-banner/logo-pioneer-dj.png
Size: 5.3 KB

Content:
URL: /components/raw/brand-banner/logo-rekordbox.jpg
Filesystem Path: ../src/03_molecules/brand-banner/logo-rekordbox.jpg
Size: 6.8 KB

Content:
URL: /components/raw/brand-banner/logo-rekordbox.png
Filesystem Path: ../src/03_molecules/brand-banner/logo-rekordbox.png
Size: 5.6 KB

Content:


                                <svg xmlns="http://www.w3.org/2000/svg" width="174" height="24" fill="none"><path fill="currentColor" d="M21.902 6.728c-.487 1.324-3.524 2.705-11.007 1.067l.97 4.292c7.476 1.318 11.91.234 14.442-2.346 1.88-1.911 2.244-4.394.705-6.283C25.385 1.455 21.773 0 17.215 0 10.695 0 6.05 1.832 3.471 8.72L0 17.982h6.067l3.448-9.365c1.421-3.852 4.393-4.491 7.7-4.491 3.454-.006 5.128 1.381 4.687 2.602Zm60.086 4.063-.235-.097a12.008 12.008 0 0 1 4.294-.81 10.093 10.093 0 0 1 3.7.61c.206.115.388.286.288.503-.364.793-5.78.759-8.047-.206Zm11.09-2.168a15.777 15.777 0 0 0-6.11-1.433c-4.798-.188-10.266 1.399-11.353 5.154-.628 2.168 1.528 5.084 7.142 5.912 3.507.468 7.078.222 10.485-.72l1.198-3.206c-6.514 2.174-15.03 1.54-14.743-1.713 3.154 1.964 7.754 1.775 11.16 1.233 5.88-.93 5.797-3.367 2.22-5.227Zm9.943 2.168-.235-.097a12.01 12.01 0 0 1 4.294-.81 10.076 10.076 0 0 1 3.7.61c.2.115.388.286.288.503-.364.793-5.78.759-8.047-.206Zm11.083-2.168a15.798 15.798 0 0 0-6.114-1.433c-4.793-.188-10.267 1.399-11.353 5.154-.629 2.168 1.527 5.084 7.142 5.912 3.506.468 7.077.222 10.484-.72l1.204-3.206c-6.514 2.174-15.036 1.54-14.742-1.713 3.148 1.964 7.753 1.775 11.153 1.233 5.891-.93 5.809-3.367 2.226-5.227Zm4.429 2.756-2.408 6.591h5.556l1.85-5.073c.458-1.284.84-2.248 2.467-2.248h3.9l1.099-3.042h-7.19c-2.449-.086-4.634 1.478-5.274 3.772Zm-93.071 6.597h5.756l3.888-10.363H29.35l-3.888 10.363Zm37.326-5.575c.634-1.341 2.05-2.169 3.57-2.083 1.404 0 2.75.799 2.233 2.191l-2.05 5.467h5.556l2.085-5.552c1.08-2.888-1.263-5.28-6.508-5.28-5.838 0-9.15 1.856-10.425 5.251l-2.097 5.581h5.55l2.086-5.575Zm-17.14-1.98c2.25.09 4.053 1.192 3.736 2.613-.311 1.37-2.496 2.311-4.769 2.214-2.25-.09-4.053-1.192-3.736-2.619.312-1.364 2.503-2.306 4.77-2.208Zm.788-3.225c-5.785-.24-10.943 2.169-11.636 5.239-.68 3.019 3.225 5.798 9.034 6.032 5.785.24 10.942-2.169 11.635-5.239.682-3.013-3.224-5.786-9.033-6.032Z"/><path fill="#000" d="M161.155 3.395c-2.267-1.695-5.503-1.843-9.339-1.843h-7.588l-6.144 16.418h8.64c3.641.154 7.26-.628 10.484-2.271 2.567-1.279 4.581-3.396 5.686-5.98 1.045-2.25.317-4.892-1.739-6.324Zm-4.599 6.198a7.774 7.774 0 0 1-2.796 3.715 13.706 13.706 0 0 1-7.688 2.117s-1.175-.063-.699-1.341c3.606-9.667 3.289-8.766 3.524-9.28.229-.479.746-.77 1.292-.718l1.075-.023c2.209 0 3.73.131 4.734 1.278a4.65 4.65 0 0 1 .558 4.252ZM174 7.598h-8.605l-.851 2.27h1.632c1.081 0 .623 1.296.623 1.296l-2.684 7.15c-.206.549-1.345 3.436-8 3.128L155.158 24h4.493c5.891 0 8.804-1.518 10.179-5.205L174 7.598Z"/></svg>

URL: /components/raw/brand-banner/pioneerdj.svg
Filesystem Path: ../src/03_molecules/brand-banner/pioneerdj.svg
Size: 2.5 KB

Content:


                                <svg xmlns="http://www.w3.org/2000/svg" width="176" height="24" fill="none"><path fill="currentColor" d="M17.72 10.03c1.259 3.638-.72 7.589-4.411 8.83a8.121 8.121 0 0 1-.903.238v4.903l8.718-4.96c.558-.317.903-.906.903-1.541V7.58l-4.308 2.449ZM5.716 7.655c2.571-2.885 7.028-3.174 9.956-.64.23.198.448.413.65.64h.005L20.64 5.2 11.922.24a1.831 1.831 0 0 0-1.806 0l-8.724 4.96 4.313 2.454h.011ZM3.94 12.263c0-.76.126-1.514.373-2.228L0 7.581V17.5c0 .635.345 1.224.903 1.541l8.718 4.96v-4.903c-3.3-.652-5.682-3.514-5.682-6.835ZM14.556 12.268c0 1.927-1.587 3.491-3.543 3.491-1.955 0-3.542-1.564-3.542-3.491s1.587-3.492 3.542-3.492c1.961 0 3.543 1.565 3.543 3.492ZM119.745 19.518l-6.257-.012h-3.128a22.92 22.92 0 0 1-3.629-.289 3.671 3.671 0 0 1-2.301-1.377 4.721 4.721 0 0 1-.983-2.46 32.31 32.31 0 0 1 0-6.235c.092-1.865 1.438-3.435 3.284-3.843a22.862 22.862 0 0 1 3.629-.29h5.664V.27h3.721v19.249Zm-8.281-11.609c-3.963 0-4.463.488-4.463 4.348s.5 4.347 4.463 4.347h4.566V7.91h-4.566ZM122.84 19.518V.268h3.715v4.745h5.665c1.213 0 2.427.096 3.629.289 1.846.408 3.186 1.978 3.284 3.837a32.31 32.31 0 0 1 0 6.235c-.098 1.86-1.444 3.43-3.284 3.838-1.196.192-2.41.289-3.629.289l-9.38.017Zm3.715-11.609v8.695h4.566c3.957 0 4.457-.487 4.463-4.347.006-3.86-.5-4.348-4.463-4.348h-4.566ZM81.316 19.578c-1.415 0-2.824-.096-4.221-.294-2.013-.267-3.589-1.848-3.824-3.837a29.03 29.03 0 0 1 0-6.4c.235-1.989 1.805-3.57 3.824-3.837a30.52 30.52 0 0 1 8.442 0c2.013.267 3.588 1.848 3.824 3.837a29.043 29.043 0 0 1 0 6.4c-.236 1.989-1.811 3.57-3.824 3.837a30.89 30.89 0 0 1-4.221.294Zm0-11.772c-.518 0-1.047.017-1.57.046l-.173.01h-.011a3.252 3.252 0 0 0-1.53.33 1.932 1.932 0 0 0-1.104 1.694 26.578 26.578 0 0 0-.046 4.132c-.011.476.092.947.288 1.377a1.981 1.981 0 0 0 1.8 1.168 27.144 27.144 0 0 0 3.91.057l.184-.012a3.257 3.257 0 0 0 1.53-.334 1.915 1.915 0 0 0 1.104-1.695c.115-1.315.138-2.63.058-3.95-.012-.063-.012-.125-.012-.187a3.074 3.074 0 0 0-.287-1.378 1.987 1.987 0 0 0-1.8-1.167 32.307 32.307 0 0 0-2.341-.09ZM149.697 19.578a30 30 0 0 1-4.221-.294c-2.013-.267-3.589-1.848-3.825-3.837a29.13 29.13 0 0 1 0-6.4c.236-1.989 1.812-3.57 3.825-3.837 2.8-.39 5.647-.39 8.448 0 2.012.267 3.588 1.848 3.824 3.837a29.006 29.006 0 0 1 0 6.4c-.236 1.989-1.812 3.57-3.824 3.837a31.057 31.057 0 0 1-4.227.294Zm0-11.772c-.518 0-1.047.017-1.57.046l-.178.01a3.25 3.25 0 0 0-1.53.33 1.93 1.93 0 0 0-1.104 1.694 26.646 26.646 0 0 0-.046 4.138c-.012.47.086.94.287 1.366a1.988 1.988 0 0 0 1.8 1.167 27.144 27.144 0 0 0 3.911.057l.178-.011a3.194 3.194 0 0 0 1.535-.335 1.933 1.933 0 0 0 1.105-1.694c.115-1.315.138-2.63.057-3.95 0-.063-.006-.131-.011-.194.011-.47-.092-.94-.288-1.366a1.987 1.987 0 0 0-1.8-1.167 32.59 32.59 0 0 0-2.346-.09ZM97.879 8.006c-.294.04-.57.13-.829.272a2.89 2.89 0 0 0-.488.34 1.76 1.76 0 0 0-.449.63c-.115.311-.178.64-.19.974-.063.714-.046 1.423-.046 2.137V19.5H92.1v-7.254c0-1.043.058-2.08.173-3.118.034-.515.19-1.02.442-1.473.23-.448.541-.856.915-1.202.385-.357.828-.64 1.311-.844a7.042 7.042 0 0 1 1.869-.425 16.11 16.11 0 0 1 1.57-.114c1.047-.04 3.588-.09 3.588-.09v2.907a37.847 37.847 0 0 0-4.088.12ZM34.341 8.006c-.293.04-.57.13-.828.272a2.63 2.63 0 0 0-.483.34 1.761 1.761 0 0 0-.449.63c-.115.311-.178.64-.19.974-.063.714-.045 1.423-.045 2.137V19.5h-3.779v-7.254c0-1.043.058-2.08.173-3.118.034-.515.19-1.02.443-1.473.23-.448.54-.856.914-1.202.385-.357.828-.64 1.311-.844a7.04 7.04 0 0 1 1.87-.425c.523-.068 1.04-.097 1.57-.114 1.046-.04 3.588-.09 3.588-.09v2.907a37.91 37.91 0 0 0-4.095.12ZM65.253 12.25l7.476-7.255h-4.106L63.148 10.8h-.39V4.995h-3.739V19.5h3.738v-5.81h.385l5.487 5.81h4.106l-7.482-7.249ZM176 4.995h-4.106l-4.71 5.05-4.71-5.05h-4.112l6.763 7.255-6.763 7.255h4.106l4.71-5.05 4.71 5.05h4.106l-6.763-7.255L176 4.995ZM56.039 15.235h-3.727a6.226 6.226 0 0 1-.092.306 1.295 1.295 0 0 1-1.248.963c-1.99.216-3.99.216-5.98 0a1.47 1.47 0 0 1-1.317-1.275 28.615 28.615 0 0 1-.161-2.33H56.2v-.43a28.477 28.477 0 0 0-.173-3.43c-.235-1.989-1.811-3.57-3.824-3.837a30.52 30.52 0 0 0-8.442 0c-2.013.267-3.589 1.848-3.824 3.838a29.758 29.758 0 0 0 0 6.399c.236 1.99 1.811 3.57 3.824 3.837 2.8.39 5.642.39 8.442 0a4.457 4.457 0 0 0 2.024-.805 4.345 4.345 0 0 0 1.11-1.15c.098-.148.19-.307.27-.465.116-.233.213-.47.277-.72.063-.25.115-.499.143-.754a.428.428 0 0 0 .012-.147ZM43.675 9.244a1.48 1.48 0 0 1 1.317-1.276 27.053 27.053 0 0 1 5.98 0c.69.068 1.237.596 1.317 1.276.058.493.104.98.127 1.473h-8.88c.035-.493.075-.98.139-1.473Z"/></svg>

URL: /components/raw/brand-banner/rekordbox.svg
Filesystem Path: ../src/03_molecules/brand-banner/rekordbox.svg
Size: 4.4 KB

Handle: @brand-banner--img-noinfo
Variants (4): SVG with info , SVG without info , IMG with info , IMG without info
Preview:
- With layout
- Component only
Filesystem Path: ../src/03_molecules/brand-banner/brand-banner--img-noinfo.hbs
References (1): @icon-close

No notes defined.