HiVolda Styleguide

Events 

<div class="campus-wrapper">
    <header tabindex="-1" class="campus-header">
        <h1 class="campus-header__logo-heading">
            <a href="" class="campus-header__logo-link">
                <img src="/images/hivolda-logo-white.svg" alt="Hivolda logo" class="campus-header__logo">
            </a>
        </h1>

        <div class="campus-header__clock">12:39</div>
    </header>

    <main class="campus-wrapper__main">

        <div class="campus-events">
            <h2 class="campus-events__heading">Upcoming events</h2>

            <ul class="campus-events__list">
                <li class="campus-events__item">
                    <div class="campus-event">
                        <div class="campus-event__date">
                            <span class="campus-event__day">26</span>
                            <span class="campus-event__month">Nov</span>
                        </div>

                        <div class="campus-event__details">
                            <span class="campus-event__title">Digital lunsj</span>
                            <div class="campus-event__time">11:30 - 12:30</div>
                            <div class="campus-event__place">Miljørommet, BK 256</div>
                        </div>
                    </div>
                </li>
                <li class="campus-events__item">
                    <div class="campus-event">
                        <div class="campus-event__date">
                            <span class="campus-event__day">26</span>
                            <span class="campus-event__month">Nov</span>
                        </div>

                        <div class="campus-event__details">
                            <span class="campus-event__title">Digital lunsj</span>
                            <div class="campus-event__time">11:30 - 12:30</div>
                            <div class="campus-event__place">Miljørommet, BK 256</div>
                        </div>
                    </div>
                </li>
                <li class="campus-events__item">
                    <div class="campus-event">
                        <div class="campus-event__date">
                            <span class="campus-event__day">26</span>
                            <span class="campus-event__month">Nov</span>
                        </div>

                        <div class="campus-event__details">
                            <span class="campus-event__title">Digital lunsj</span>
                            <div class="campus-event__time">11:30 - 12:30</div>
                            <div class="campus-event__place">Miljørommet, BK 256</div>
                        </div>
                    </div>
                </li>
            </ul>
        </div>

    </main>
</div>
 
{% extends "@wrapper" %}
{% block main %}
    <div class="campus-events">
        <h2 class="campus-events__heading">Upcoming events</h2>

        <ul class="campus-events__list">
            <li class="campus-events__item">{% render "@event" %}</li>
            <li class="campus-events__item">{% render "@event" %}</li>
            <li class="campus-events__item">{% render "@event" %}</li>
        </ul>
    </div>
{% endblock %}
 
/* No context defined. */

No notes defined.