UHasselt Component Library

PollResultItem 

<div class='poll-result-item'>
    <div class='poll-result-item-answer'>
        Ja, Kei goe è
    </div>

    <div class='poll-result-item-result'>
        <div class='poll-result-item-result-title'>
            23109 Stemmen
        </div>

        <div class='poll-result-item-result-bar' style='width:75%;'>
        </div>
    </div>
</div>
 
<div class='poll-result-item'>
    <div class='poll-result-item-answer'>
        {{answer}}
    </div>

    <div class='poll-result-item-result'>
        <div class='poll-result-item-result-title'>
            {{votes}}
        </div>

        <div class='poll-result-item-result-bar' style='width:{{percent}};'>
        </div>
    </div>
</div>
 
{
  "answer": "Ja, Kei goe è",
  "votes": "23109 Stemmen",
  "percent": "75%"
}
  • Content: 
    .poll-result-item {
    display: block;
    padding-bottom: 16px;
    border-bottom: 1px solid #e76c6c;
    margin-bottom: 16px;

    &:last-child {
        padding-bottom: 0;
        border-bottom: none;
        margin-bottom: 0;
    }

    .poll-result-item-answer {
        @apply text-white;

        font-size: 20px;
    }

    .poll-result-item-result {
        margin-top: 16px;
    }

    .poll-result-item-result-title {
        @apply text-white;

        font-size: 16px;
    }

    .poll-result-item-result-bar {
        @apply bg-white;

        display: block;
        height: 8px;
        margin-top: 4px;
    }
}
  • URL: /components/raw/poll-result-item/poll-result-item.css
  • Filesystem Path: src\components\03-molecules\poll-result-item\poll-result-item.css
  • Size: 665 Bytes

No notes defined.