Medienpool toolbar

<div class="row row--space align-items-middle">
  <div class="col--4">
    <div class="bar bar--small bar--nowrap mb-none">
      <div class="bar__item">
        <button class="btn btn--hollow">
           Sidebar
        </button>
      </div>
      <div class="bar__item mr-none">
        <button class="btn btn--link-grey btn--equal">
          ...
        </button>
      </div>
      <div class="bar__item">
        <button class="btn btn--link-grey btn--equal">
          ...
        </button>
      </div>
      <div class="bar__item bar__item--fill">
        <div class="h4 mb-tiny">Der Standard</div>
        <div class="text-color-grey text-small">16. 10. 2017</div>
      </div>
    </div>
  </div>
  <div class="col--4 col--flex align-items-center">
    <div class="bar bar--small bar--nowrap bar--nowrap bar--nospace mb-none">
      <div class="bar__item">
        <button class="btn btn--link-grey btn--equal">
          ...
        </button>
      </div>
      <div class="bar__item">
        <button class="btn btn--link-grey btn--equal">
          ...
        </button>
      </div>
      <div class="bar__item">
        <button class="btn btn--link-grey">3/120</button>
      </div>
      <div class="bar__item">
        <button class="btn btn--link-grey btn--equal">
          ...
        </button>
      </div>
      <div class="bar__item">
        <button class="btn btn--link-grey btn--equal">
          ...
        </button>
      </div>
    </div>
  </div>
  <div class="col--4 col--flex">
    <div class="bar align-self-right mb-none">
      <div class="bar__item">
        <button class="btn btn--link-grey btn--equal">
          ...
        </button>
      </div>
      <div class="bar__item bar--small bar--nowrap">
        <button class="btn btn--link">
          Close
          ...
        </button>
      </div>
    </div>
  </div>
</div>