<div class="timetable-item row">
<div class="col-sm-2 col-item"><span class="col-label">Datum</span>01.01.2020</div>
<div class="col-sm-1 col-item"><span class="col-label">Tag</span>Di</div>
<div class="col-sm-2 col-item"><span class="col-label">Zeit</span>20:00 - 21:00</div>
<div class="col-sm-2 col-item"><span class="col-label">Kursnummer</span>12345</div>
<div class="col-sm-2 col-item"><span class="col-label">Fach</span>English Grundkurs, Englisch Business</div>
<div class="col-sm-1 col-item"><span class="col-label">Raum</span>SI 217</div>
<div class="col-sm-2 col-item"><span class="col-label">Dozierende</span>Max Mustermann</div>
</div>
<div class="timetable-item row">
<div class="col-sm-2 col-item"><span class="col-label">{{ label_date }}</span>{{ date }}</div>
<div class="col-sm-1 col-item"><span class="col-label">{{ label_day }}</span>{{ day }}</div>
<div class="col-sm-2 col-item"><span class="col-label">{{ label_time }}</span>{{ time }}</div>
<div class="col-sm-2 col-item"><span class="col-label">{{ label_number }}</span>{{ number }}</div>
<div class="col-sm-2 col-item"><span class="col-label">{{ label_subject }}</span>{{ subject }}</div>
<div class="col-sm-1 col-item"><span class="col-label">{{ label_room }}</span>{{ room }}</div>
<div class="col-sm-2 col-item"><span class="col-label">{{ label_person }}</span>{{ person }}</div>
</div>
{
"label_date": "Datum",
"label_day": "Tag",
"label_time": "Zeit",
"label_number": "Kursnummer",
"label_subject": "Fach",
"label_room": "Raum",
"label_person": "Dozierende",
"date": "01.01.2020",
"day": "Di",
"time": "20:00 - 21:00",
"number": "12345",
"subject": "English Grundkurs, Englisch Business",
"room": "SI 217",
"person": "Max Mustermann"
}
.timetable-item {
background: #fff;
border-bottom: 1px solid $color-light-grey;
margin-bottom: 2rem;
//font-family: "Crimson Text";
font-variant-numeric: lining-nums;
.col-item {
display: flex;
align-items: flex-start;
flex-direction: column;
justify-content: flex-start;
margin-bottom: 1rem;
word-break: break-word;
@include media-breakpoint-up(sm) {
margin-bottom: 0;
}
}
.col-label {
display: block;
color: #333;
font-weight: bold;
word-break: break-word;
@include media-breakpoint-up(md) {
display: none;
}
}
}
There are no notes for this item.