UHasselt Component Library

Study 

<div class="study-info">
    <ul>
        <li>Campus Diepenbeek</li>
        <li>180 - 120 SP</li>
        <li>Nederlands</li>
    </ul>
</div>
 
<div class="study-info">
    <ul>
        {{#each items}}
            <li>{{{ text }}}</li>
        {{/each}}
    </ul>
</div>
 
{
  "items": [
    {
      "text": "Campus Diepenbeek"
    },
    {
      "text": "180 - 120 SP"
    },
    {
      "text": "Nederlands"
    }
  ]
}
  • Content: 
    .study-info {
    @apply border-t border-b border-solid border-gray bg-gray-300 px-4 py-2 w-full block md:w-auto md:inline-block;

    ul {
        @apply md:flex;

        li {
            @apply whitespace-nowrap;
        }

        @media (min-width: 768px) {
            li:not(:last-child) {
                @apply mr-2;

                &:after {
                    content: '|';
                    @apply ml-2;
                }
            }
        }
    }
}
  • URL: /components/raw/study-info/study-info.css
  • Filesystem Path: src\components\03-molecules\study-info\study-info.css
  • Size: 492 Bytes

No notes defined.