event-feed.mustache

<div class="flex flex-col flex-1 overflow-hidden {{ classes }}{{^ classes }}h-64 max-w-lg{{/ classes }}">
  <div class="overflow-hidden flex flex-1">
    <div class="overflow-scroll h-full space-y-px">
      <div class="bg-opacity-50 bg-yellow-100 border-orange-300 border-l-2 {{ itemPadding }}{{^ itemPadding }}p-3{{/ itemPadding }}">
        <div class="flex items-center justify-between mb-2">
          <div class="space-x-2 flex items-center">
            <div class="font-bold text-sm">11:55</div>
            {{> molecules-chip(classes: "chip--orange-300 chip--condensed", cta: "Zamítnutý návrh postupu")}}
          </div>
          {{# action }}
            <a href="#" class="hover:no-underline"><i class="{{ action }} ml-auto text-sm text-grey-200 hover:text-black"></i></a>
          {{/ action}}
        </div>
        <span class="leading-tight">{{ excerpt.short }}</span>
      </div>
      <div class="bg-opacity-50 bg-yellow-100 border-green-300 border-l-2 {{ itemPadding }}{{^ itemPadding }}p-3{{/ itemPadding }}">
        <div class="flex items-center justify-between mb-2">
          <div class="space-x-2 flex items-center">
            <div class="font-bold text-sm">11:52</div>
            {{> molecules-chip(classes: "chip--green-300 chip--condensed", cta: "Schválený návrh postupu")}}
          </div>
          {{# action }}
            <a href="#" class="hover:no-underline"><i class="{{ action }} ml-auto text-sm text-grey-200 hover:text-black"></i></a>
          {{/ action}}
        </div>
        <span class="leading-tight">{{ excerpt.short }}</span>
      </div>
      <div class="bg-grey-50 bg-opacity-50 border-blue-300 border-l-2 {{ itemPadding }}{{^ itemPadding }}p-3{{/ itemPadding }}">
        <div class="flex items-center justify-between mb-2">
          <div class="space-x-2 flex items-center">
            <div class="font-bold text-sm">11:51</div>
            {{> molecules-chip(classes: "chip--blue-300 chip--condensed", cta: "Přijatelný návrh postupu")}}
          </div>
          {{# action }}
            <a href="#" class="hover:no-underline"><i class="{{ action }} ml-auto text-sm text-grey-200 hover:text-black"></i></a>
          {{/ action}}
        </div>
        <span class="leading-tight">{{ excerpt.short }}</span>
      </div>
      <div class="bg-grey-50 bg-opacity-50 border-red-600 border-l-2 {{ itemPadding }}{{^ itemPadding }}p-3{{/ itemPadding }}">
        <div class="flex items-center justify-between mb-2">
          <div class="space-x-2 flex items-center">
            <div class="font-bold text-sm">11:43</div>
            {{> molecules-chip(classes: "chip--red-600 chip--condensed font-bold text-xs", cta: "Rozhodující hlasování")}}
            <a href="#" class="ml-auto p-1 text-xs text-red-600 font-bold">Hlasovat v Heliosu &raquo;</a>
          </div>
          {{# action }}
            <a href="#" class="hover:no-underline"><i class="{{ action }} ml-auto text-sm text-grey-200 hover:text-black"></i></a>
          {{/ action}}
        </div>
        <span class="leading-tight mb-2">{{ excerpt.short }}</span>
      </div>
      <div class="bg-grey-50 bg-opacity-50 border-cyan-500 border-l-2 {{ itemPadding }}{{^ itemPadding }}p-3{{/ itemPadding }}">
        <div class="flex items-center justify-between mb-2">
          <div class="space-x-2 flex items-center">
            <div class="font-bold text-sm">11:35</div>
            {{> molecules-chip(classes: "chip--cyan-500 chip--condensed", cta: "Oznámení předsedajícího")}}
          </div>
          {{# action }}
            <a href="#" class="hover:no-underline"><i class="{{ action }} ml-auto text-sm text-grey-200 hover:text-black"></i></a>
          {{/ action}}
        </div>
        <span class="leading-tight">{{ excerpt.short }}</span>
      </div>
      <div class="bg-grey-50 bg-opacity-50 border-orange-300 border-l-2 {{ itemPadding }}{{^ itemPadding }}p-3{{/ itemPadding }}">
        <div class="flex items-center justify-between mb-2">
          <div class="space-x-2 flex items-center">
            <div class="font-bold text-sm">11:28</div>
            {{> molecules-chip(classes: "chip--orange-300 chip--condensed", cta: "Zamítnutý návrh postupu")}}
          </div>