Horizontal rule

Eine horizontale Linie kann zur Abtrennung oder Gruppierung von Inhalten verwendet werden. Je nach Vertical ist das Aussehen der Linie unterschiedlich, damit sie sich optimal in das Design einfügt. Mit der Klasse fullwidth kann die Linie auf die volle Bildschirmbreite gezogen werden.

A horizontal line can be used to separate or group content. The line’s appearance differs depending on the vertical to blend in optimally with the given design. The class fullwidth extends the ruler to the full screen width.


HTML
<hr>

Für eine dicke Linie kann die Klasse strong genutzt werden.

The class strong can be used to create a thick line.


HTML
<hr class="strong">

Für eine farbige Linie kann die Klasse colored genutzt werden. (Nicht in allen Verticals)

The class colored can be used to create a colored line. (Not in every vertical)


HTML
<hr class="colored">

Die horizontale Linie bringt im Standard recht große Abstände nach oben und unten mit, dies ist nicht in jedem Fall optimal, deshalb können diese mithilfe der Klasse medium-space auf die Hälfte reduziert werden.

The standard horizontal line has quite large spaces above and below it, which may not always be optimal. Class medium-space can be used to reduce the space by half.


HTML
<hr class="medium-space">

.fullwidth


HTML
<hr class="fullwidth">