Content Breite
Bavaria ipsum dolor sit amet moand fei nix hawadere midananda om auf’n Gipfe erat sauba dolor. Griaß God beinand wiavui zzril, Mamalad. Schüds nei nisl ebba molestie fugiat do legst di nieda erat a geh dolore dahoam amet? Oans tation esse Mamalad des is schee facilisis nostrud labore lorem. Nostrud aliquam consequat, doming at. Et Bladl dolores Gschicht wo hi Engelgwand Maderln, heid. A bissal wos gehd ollaweil Bradwurschtsemmal veniam iusto lorem invidunt jedza Weißwiaschd midanand ut! A Maß und no a Maß magna elitr facilisi?
Weite Content Breite
Bavaria ipsum dolor sit amet moand fei nix hawadere midananda om auf’n Gipfe erat sauba dolor. Griaß God beinand wiavui zzril, Mamalad. Schüds nei nisl ebba molestie fugiat do legst di nieda erat a geh dolore dahoam amet? Oans tation esse Mamalad des is schee facilisis nostrud labore lorem. Nostrud aliquam consequat, doming at. Et Bladl dolores Gschicht wo hi Engelgwand Maderln, heid. A bissal wos gehd ollaweil Bradwurschtsemmal veniam iusto lorem invidunt jedza Weißwiaschd midanand ut! A Maß und no a Maß magna elitr facilisi?
Hintergründe
base
contrast
primary
secondary
tertiary
cyan-bluish-gray
verlauf inviduell
.verlauf-vertikal
Farben
base
contrast
primary
secondary
tertiary
cyan-bluish-gray
Buttons
Headlines
Überschrift H1
Überschrift H2
Überschrift H3
Überschrift H4
Überschrift H5
Überschrift H6
Overline
Overline benötigt die Klasse overline
Overline benötigt die Klasse overline
Liste
- Quod Maßkruag moand in heid gfoids ma sagrisch guad i hab an i moan oiwei.
- Et auf’d Schellnsau Reiwadatschi consetetur ea:
- Sauakraud esse accusam laoreet mim sed, nibh Kirwa jo mei.
- Quod Maßkruag moand in heid gfoids ma sagrisch guad i hab an i moan oiwei.
- Et auf’d Schellnsau Reiwadatschi consetetur ea:
- Sauakraud esse accusam laoreet mim sed, nibh Kirwa jo mei.
Links
Bavaria ipsum dolor sit amet moand fei nix hawadere midananda om auf’n Gipfe erat sauba dolor. Griaß God beinand wiavui zzril, Mamalad.
Links mit Klassen
Font Größen
Normale Größe: Bavaria ipsum dolor sit amet moand fei nix hawadere midananda om auf’n Gipfe erat sauba dolor. Griaß God beinand wiavui zzril, Mamalad. Schüds nei nisl ebba molestie fugiat do legst di nieda erat a geh dolore dahoam amet?
Größe S: Oans tation esse Mamalad des is schee facilisis nostrud labore lorem. Nostrud aliquam consequat, doming at. Et Bladl dolores Gschicht wo hi Engelgwand Maderln, heid. A bissal wos gehd ollaweil Bradwurschtsemmal veniam iusto lorem invidunt jedza Weißwiaschd midanand ut! A Maß und no a Maß magna elitr facilisi?
Größe M: Bavaria ipsum dolor sit amet moand fei nix hawadere midananda om auf’n Gipfe erat sauba dolor. Griaß God beinand wiavui zzril, Mamalad. Schüds nei nisl ebba molestie fugiat do legst di nieda erat a geh dolore dahoam amet?
Größe L: Oans tation esse Mamalad des is schee facilisis nostrud labore lorem. Nostrud aliquam consequat, doming at. Et Bladl dolores Gschicht wo hi Engelgwand Maderln, heid. A bissal wos gehd ollaweil Bradwurschtsemmal veniam iusto lorem invidunt jedza Weißwiaschd midanand ut! A Maß und no a Maß magna elitr facilisi?
Größe XL: Oans tation esse Mamalad des is schee facilisis nostrud labore lorem. Nostrud aliquam consequat, doming at.
Größe XXL:Oans tatio
Hilfsklassen max-width-123
.max-width-50 — Ba va ria ip sum.
.max-width-100 — Sam-Ma-Wie-Da-Guad muass aliqua.
.max-width-150 — Option nulla Radler Sauwedda.
…
.max-width-500 — Des is schee duis Fingahaggln Oachkatzlschwoaf etza resch Kirwa. Biakriagal Kirwa velit gelbe Rüam vero, quod Vergeltsgott aliquip erat sit barfuaßat! Culpa elitr hea, invidunt mi. Griasd eich midnand ut nibh fensdaln diam an, elit.
.max-width-550 — Koa Blosmusi at, vel. Invidunt griasd eich midnand muass Enzian exercitation? Boarischer aliquip vulputate vui huift vui ut obandeln dolore sed, augue baddscher? Griasnoggalsubbm consectetur vasteh Stubn sint nois Edlweiss Bussal odio nia need. Erat et des is schee fensdaln vulputate.
.max-width-600 — Autem eiusmod gubergren aliquyam option nulla auszutzeln gubergren gubergren mollit! Dignissim dolor af pfenningguat ad et scheans voluptate. Stet Schneid vero, des muas ma hoid kenna: I cillum g’hupft wia gsprunga Musi hogg di hera singd schüds nei lorem.
Klasse box
.box
.box.schatten
Generell hat die .box nur einen Innenabstand und abgerundete Ecken. Die Farbe und Hintergrundfarbe der box müssen manuell festgelegt werden. Das ergibt mehr Möglichkeiten und benötigt nicht zu viele unnötige Klassen.
Klasse outset für die Spalte im Spalten-Block (oder auch für sonstige verschachtelete Container)
Diese Spalte, mit der Klasse outset, bricht aus dem übergeordneten Elternelement aus. Oben und unten jeweils um -3rem. Vor und nach dem Spalten-Block (also dem Elternelement) muss manuell dafür gesorgt werden dass genügend Platz bleibt, damit nichts überdeckt wird. — Bavaria ipsum dolor sit amet commodo da Kini, est. Erat Schmankal at autem nulla ghupft wia gsprunga, nulla consectetuer ea nonumy suscipit! Rebum volutpat invidunt elitr. Charivari dolores sed, velit. Laborum duis exerci et duo accumsan sit eleifend et dolor. Iriure eros voluptate ea, dolore at ut i waar soweid sint! Feugiat et exerci exerci sea diam, magna. Liber tincidunt option, cillum. Et euismod nulla sit congue veniam. Weida iabaroi dolore diam nibh, ut dolore iure euismod delenit elitr: Ea dignissim adipiscing wiavui elitr duis enim magna euismod, dolore.
Klasse spalten-offset für das Spalten-Block
Die Spalten sind hier unten ausgerichtet. — Bavaria ipsum dolor sit amet commodo da Kini, est. Erat Schmankal at autem nulla ghupft wia gsprunga, nulla consectetuer ea nonumy suscipit! Rebum volutpat invidunt elitr. Charivari dolores sed, velit. Laborum duis exerci et duo accumsan sit eleifend et dolor. Iriure eros voluptate ea, dolore at ut i waar soweid sint! Feugiat et exerci exerci sea diam, magna. Liber tincidunt option, cillum. Et euismod nulla sit congue veniam. Weida iabaroi dolore diam nibh, ut dolore iure euismod delenit elitr: Ea dignissim adipiscing wiavui elitr duis enim magna euismod, dolore.
Die Spalten sind hier oben ausgerichtet. — Bavaria ipsum dolor sit amet commodo da Kini, est. Erat Schmankal at autem nulla ghupft wia gsprunga, nulla consectetuer ea nonumy suscipit! Rebum volutpat invidunt elitr. Charivari dolores sed, velit. Laborum duis exerci et duo accumsan sit eleifend et dolor. Iriure eros voluptate ea, dolore at ut i waar soweid sint! Feugiat et exerci exerci sea diam, magna. Liber tincidunt option, cillum. Et euismod nulla sit congue veniam. Weida iabaroi dolore diam nibh, ut dolore iure euismod delenit elitr: Ea dignissim adipiscing wiavui elitr duis enim magna euismod, dolore.
Klasse offset-content-top für Gruppen-Block oder generell für Container
Beim Einsatz von .offset-content-top wird der Inhalt des Containers um -5rem nach ober verschoben. Oberhalb des Containers muss dafür gesorgt werden das genügend Freiraum ist, damit der Inhalt des Containers nichts verdeckt. — Bavaria ipsum dolor sit amet commodo da Kini, est. Erat Schmankal at autem nulla ghupft wia gsprunga, nulla consectetuer ea nonumy suscipit! Rebum volutpat invidunt elitr. Charivari dolores sed, velit. Laborum duis exerci et duo accumsan sit eleifend et dolor. Iriure eros voluptate ea, dolore at ut i waar soweid sint! Feugiat et exerci exerci sea diam, magna. Liber tincidunt option, cillum. Et euismod nulla sit congue veniam. Weida iabaroi dolore diam nibh, ut dolore iure euismod delenit elitr: Ea dignissim adipiscing wiavui elitr duis enim magna euismod, dolore.
Klasse width-100pro-plus für Bilder
Klasse width-100pro-plus: wenn ein Bild breiter sein soll als sein Container. Wenn zB in einem Spaltenset zuerst der Text (links) und dann das Bild (rechts) angeordnet sind. Benötigt die Textspalte die Klasse z-index-1, damit der Text auf dem Bild liegt statt darunter. Die Klasse width-100pro-plus gibt es auch in den responsive-Varianten:
- md-width-100pro-plus (ab 782px)
- lg-width-100pro-plus (ab 1100px)
- xl-width-100pro-plus (ab 1300px)
Wenn das Bild über den rechten Dokumentrand hinausgeht, sollte das oberste Elternelement die Klasse overflow-hidden erhalten, damit kein horizontaler Scrollbalken zustandekommt — Consequat gscheit da ex ipsum Bradwurschtsemmal no. At guad iabaroi Broadwurschtbudn iriure g’hupft wia gsprunga baddscher wann griagd ma nacha wos z’dringa vo de ut? Hendrerit lorem imma sit clita nonumy laborum auf der Oim, da gibt’s koa Sünd culpa! Schoo om auf’n Gipfe eiusmod invidunt fugiat volutpat? Measi eos sed des is schee sanctus rebum nimmds Bradwurschtsemmal pariatur sowos.
Klasse reverse-mobile für Spaltensets
Klasse reverse-mobile sorg dafür, dass auf Mobile (also wenn der Inhalt einspaltig ist) sich die Reihenfolge der Spalten umkehrt. In diesem Fall wird das Bild zuerst dargestellt und danach der Text. — Consequat gscheit da ex ipsum Bradwurschtsemmal no. At guad iabaroi Broadwurschtbudn iriure g’hupft wia gsprunga baddscher wann griagd ma nacha wos z’dringa vo de ut? Hendrerit lorem imma sit clita nonumy laborum auf der Oim, da gibt’s koa Sünd culpa! Schoo om auf’n Gipfe eiusmod invidunt fugiat volutpat? Measi eos sed des is schee sanctus rebum nimmds Bradwurschtsemmal pariatur sowos.
Cover Block
Cover Block
Bavaria ipsum dolor sit amet oba Watschnpladdla iwan Tisch ziagn, hallelujah sog i: Watschnpladdla oamoi ma Hemad, i moan oiwei. Nix Lewakaas wolpern wea ko, dea ko auffi Broadwurschtbudn Sauwedda da Biakriagal lem und lem lossn: Liberalitas Bavariae und glei wirds no fui lustiga Hemad Xaver sei Wiesn in da, o’ha Haberertanz liberalitas Bavariae. Resi Watschnbaam i daad im Beidl Blosmusi Mongdratzal, Brotzeit middn bitt Gstanzl des. Fensdaln bittschön Spuiratz heid gfoids ma sagrisch guad gfreit mi Milli imma nia need, an midanand. Fensdaln a bissal wos gehd ollaweil griaß God beinand oans Stubn, Hetschapfah woaß oba aasgem. Vasteh weida Klampfn sog i Almrausch, Spezi: Da gschwinde braune Fuchs hupft quea üba’n faulen Dackl Reiwadatschi a bissal wos gehd ollaweil, Obazda. Auszutzeln Biaschlegl gwiss hogg di hera nimma kumm geh ja leck mi Sauakraud i bin a woschechta Bayer, Baamwach.
Cover Block : Weite Breite
Bavaria ipsum dolor sit amet oba Watschnpladdla iwan Tisch ziagn, hallelujah sog i: Watschnpladdla oamoi ma Hemad, i moan oiwei. Nix Lewakaas wolpern wea ko, dea ko auffi Broadwurschtbudn Sauwedda da Biakriagal lem und lem lossn: Liberalitas Bavariae und glei wirds no fui lustiga Hemad Xaver sei Wiesn in da, o’ha Haberertanz liberalitas Bavariae. Resi Watschnbaam i daad im Beidl Blosmusi Mongdratzal, Brotzeit middn bitt Gstanzl des. Fensdaln bittschön Spuiratz heid gfoids ma sagrisch guad gfreit mi Milli imma nia need, an midanand. Fensdaln a bissal wos gehd ollaweil griaß God beinand oans Stubn, Hetschapfah woaß oba aasgem. Vasteh weida Klampfn sog i Almrausch, Spezi: Da gschwinde braune Fuchs hupft quea üba’n faulen Dackl Reiwadatschi a bissal wos gehd ollaweil, Obazda. Auszutzeln Biaschlegl gwiss hogg di hera nimma kumm geh ja leck mi Sauakraud i bin a woschechta Bayer, Baamwach.
Cover Block: Gesamte Breite
Bavaria ipsum dolor sit amet oba Watschnpladdla iwan Tisch ziagn, hallelujah sog i: Watschnpladdla oamoi ma Hemad, i moan oiwei. Nix Lewakaas wolpern wea ko, dea ko auffi Broadwurschtbudn Sauwedda da Biakriagal lem und lem lossn: Liberalitas Bavariae und glei wirds no fui lustiga Hemad Xaver sei Wiesn in da, o’ha Haberertanz liberalitas Bavariae. Resi Watschnbaam i daad im Beidl Blosmusi Mongdratzal, Brotzeit middn bitt Gstanzl des. Fensdaln bittschön Spuiratz heid gfoids ma sagrisch guad gfreit mi Milli imma nia need, an midanand. Fensdaln a bissal wos gehd ollaweil griaß God beinand oans Stubn, Hetschapfah woaß oba aasgem. Vasteh weida Klampfn sog i Almrausch, Spezi: Da gschwinde braune Fuchs hupft quea üba’n faulen Dackl Reiwadatschi a bissal wos gehd ollaweil, Obazda. Auszutzeln Biaschlegl gwiss hogg di hera nimma kumm geh ja leck mi Sauakraud i bin a woschechta Bayer, Baamwach.
Cover Block: Gesamte Breite
Inhalt mit Weiter Breite
Bavaria ipsum dolor sit amet oba Watschnpladdla iwan Tisch ziagn, hallelujah sog i: Watschnpladdla oamoi ma Hemad, i moan oiwei. Nix Lewakaas wolpern wea ko, dea ko auffi Broadwurschtbudn Sauwedda da Biakriagal lem und lem lossn: Liberalitas Bavariae und glei wirds no fui lustiga Hemad Xaver sei Wiesn in da, o’ha Haberertanz liberalitas Bavariae. Resi Watschnbaam i daad im Beidl Blosmusi Mongdratzal, Brotzeit middn bitt Gstanzl des. Fensdaln bittschön Spuiratz heid gfoids ma sagrisch guad gfreit mi Milli imma nia need, an midanand. Fensdaln a bissal wos gehd ollaweil griaß God beinand oans Stubn, Hetschapfah woaß oba aasgem. Vasteh weida Klampfn sog i Almrausch, Spezi: Da gschwinde braune Fuchs hupft quea üba’n faulen Dackl Reiwadatschi a bissal wos gehd ollaweil, Obazda. Auszutzeln Biaschlegl gwiss hogg di hera nimma kumm geh ja leck mi Sauakraud i bin a woschechta Bayer, Baamwach.