Styleguide

Timetable Item 

<div class="timetable-head row">
    <div class="col-sm-2 col-item-head">Datum</div>
    <div class="col-sm-1 col-item-head">Tag</div>
    <div class="col-sm-2 col-item-head">Zeit</div>
    <div class="col-sm-2 col-item-head">Kursnummer</div>
    <div class="col-sm-2 col-item-head">Fach</div>
    <div class="col-sm-1 col-item-head">Raum</div>
    <div class="col-sm-2 col-item-head">Dozierende</div>
</div>
 
<div class="timetable-head row">
	<div class="col-sm-2 col-item-head">Datum</div>
	<div class="col-sm-1 col-item-head">Tag</div>
	<div class="col-sm-2 col-item-head">Zeit</div>
	<div class="col-sm-2 col-item-head">Kursnummer</div>
	<div class="col-sm-2 col-item-head">Fach</div>
	<div class="col-sm-1 col-item-head">Raum</div>
	<div class="col-sm-2 col-item-head">Dozierende</div>
</div>
 
{
  "sdasda": ""
}
  • Content: 
    .timetable-head {
	margin-bottom: 2rem;
	border-bottom: 1px solid $color-grey;
	display: none;

	@include media-breakpoint-up(sm) {
		display: flex;
	}

	.col-item-head {
		color: #333;
		font-weight: bold;
		font-variant-numeric: lining-nums;
		line-height: 1.2;
	}
}
  • URL: /components/raw/timetable-head/timetable-head.scss
  • Filesystem Path: components/02-components/timetable/timetable-head/timetable-head.scss
  • Size: 269 Bytes
  • Handle: @timetable-head
  • Preview:
  • Filesystem Path: components/02-components/timetable/timetable-head/timetable-head.twig

There are no notes for this item.