Imperial

Grid-Framework für Detailansichten: jede <ul> ist eine Zeile, cols bestimmt die Spalten, span die Spannen — Lücken bleiben einfach leer, kein Füll-Markup.

<article imperial box>
  <header>Persönliche Daten</header>
  <ul cols-md="3">
    <li><label>Vorname</label> Max</li>
    <li><label>Nachname</label> Huber</li>
  </ul>
  <ul cols-md="3">
    <li span-md="2"><label>Adresse</label> …</li>
  </ul>
</article>

Stammblatt Mitarbeiter

Persönliche Daten bearbeiten

Vorname Maximilian
Nachname Huber
Titel Ing.

Adresse Getreidegasse 12/4, 5020 Salzburg
Geburtsdatum 14.03.1988

SV-Nummer 1234 140388
Staatsbürgerschaft Österreich

Kontakt

E-Mail m.huber@gupharma.at
Telefon +43 662 123456-42
Mobil +43 664 9876543
Notfallkontakt A. Huber (+43 664 1112233)

Vertrag

Eintritt 01.09.2019
Ausmaß Vollzeit (38,5 h)
Abteilung IT-Betrieb

Rolle Systemadministrator — Schwerpunkt Virtualisierung, Vertretung Backup-Verantwortlicher

Ausstattung

Notebook NB-042 ThinkPad T14s
Mobiltelefon MB-019 iPhone 15
Monitor 2× Dell U2723QE
Zutritt Transponder T-0042

Spannen-Varianten

Sechs Spalten, Spannen per Attribut — span="2.." (ab Spalte 2 bis Ende), span="3+2" (ab Spalte 3, 2 breit), span="row" (ganze Zeile). Freigelassene Spalten brauchen kein Füll-<li>:

1 eins
2 zwei
3 drei
4 vier
5 fünf
6 sechs

span="2" zwei Spalten breit
span="4.." ab Spalte 4 bis zum Ende — Spalte 3 bleibt leer

span="3+2" ab Spalte 3, zwei breit — Spalten 1–2 bleiben leer

span="row" volle Zeile, unabhängig von der Spaltenzahl