1/12
.grid__cell--xxs-1
Typography Styles
Headings, Paragraphs, Lists and general text styles
Heading H1
Heading H2
Heading H3
Heading H4
Heading H5
Heading H6
Big copy (.text--big): Argentinien hat eine Fläche von 2,78 Millionen Quadratkilometern und ist damit der zweitgrößte Staat Südamerikas. Die Ausdehnung von Norden nach Süden beträgt 3.694 km, die von Westen nach Osten an der breitesten Stelle circa 1.423 km. Es grenzt im Osten an den Atlantischen Ozean, im Westen an Chile, im Norden an Bolivien und Paraguay, im Nordosten an Brasilien und Uruguay.
Regular copy: Lorem ipsum dolor super Text sit amet, consectetuer sub Text adipiscing elit, this is how a Textlink looks like sed diam nonummy nibh euismod this text is marked dolore magna aliquam erat strike through volutpat. Lorem ipsum dolor sit amet this text is bold nonummy nibh euismod italic text tincidunt ut inserted text laoreet dolore magna.
Small copy (.text--small): Argentinien hat eine Fläche von 2,78 Millionen Quadratkilometern und ist damit der zweitgrößte Staat Südamerikas. Die Ausdehnung von Norden nach Süden beträgt 3.694 km, die von Westen nach Osten an der breitesten Stelle circa 1.423 km. Es grenzt im Osten an den Atlantischen Ozean, im Westen an Chile, im Norden an Bolivien und Paraguay, im Nordosten an Brasilien und Uruguay.
.font-size--5xl / @include fontsize(5xl)
Argentina is a country located mostly in the southern half of South America.
.font-size--4xl / @include fontsize(4xl)
Argentina is a country located mostly in the southern half of South America.
.font-size--xxxl / @include fontsize(xxxl)
Argentina is a country located mostly in the southern half of South America.
.font-size--xxl / @include fontsize(xxl)
Argentina is a country located mostly in the southern half of South America.
.font-size--xl / @include fontsize(xl)
Argentina is a country located mostly in the southern half of South America.
.font-size--l / @include fontsize(l)
Argentina is a country located mostly in the southern half of South America.
.font-size--m / @include fontsize(m) Default
Argentina is a country located mostly in the southern half of South America.
.font-size--s / @include fontsize(s)
Argentina is a country located mostly in the southern half of South America.
.font-size--xs / @include fontsize(xs)
Argentina is a country located mostly in the southern half of South America.
Lists
(Un)ordered, Nested, Definitions
Unordered List
- Unordered list item
- Unordered list item
- Unordered list item
Unordered List with nested items
- Unordered list item
- Nested unordered list item
- Nested unordered list item
- Nested unordered list item
- Unordered list item
- Unordered list item
Ordered List
- Ordered list item
- Ordered list item
- Ordered list item
Ordered List with nested items
- Unordered list item
- Nested unordered list item
- Nested unordered list item
- Nested unordered list item
- Unordered list item
- Unordered list item
Definition List
Defintion Term
- Defintion Description duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.
Defintion Term
- Defintion Description duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.
FlexTable
A flexible table optimized for small screens
Table header | Table header | Table header | |
---|---|---|---|
Table footer | Table footer | Table footer | |
Table row header | Loremipsumdolorsitamet | Loremipsumdolorsitamet | Loremipsumdolorsitamet |
Table row header | Colspan content | ||
Table row header | Lorem ipsum dolor sit amet | Lorem ipsum dolor sit amet | Lorem ipsum dolor sit amet |
Table row header | Lorem ipsum dolor sit amet | Lorem ipsum dolor sit amet | Lorem ipsum dolor sit amet |
FlexForm
A simple, responsive form template