Hilfsklassen

Um Elemente und Module weiter zu individualisieren, stehen dir außerdem ein paar Hilfsklassen zur Verfügung, um Abstände, Breiten, Rahmen und Textfarbe zu beeinflussen.

• .m-t-0 – .m-t-5 und .p-t-0 – .p-t-5 – schafft einen Abstand nach oben auf Basis der $base-spacing-unit
• .m-b-0 – .m-b-5 und .p-b-0 – .p-b-5 – schafft einen Abstand nach unten auf Basis der $base-spacing-unit

• .article-[viewport]-[cols] - Mit den Klassen .article-xs-1 – .article-xl-12 kannst du Breite auf Grundlage des 12-spaltigen Grids verringern.
• .article-start-[viewport]-[cols] - Mit den Klassen .article-start-xs-1 - .article-start-xl-12 kannst den Startpunkt innerhalb des Grids für den Artikel festlegen.

• .text--inverted - Gibt dem Text die Farbe aus --color-text--inverted

• .border-top - Fügt dem Element einen Rahmen im Stil von --base-border zu
• .border-bottom - Fügt dem Element einen Rahmen im Stil von --base-border zu