A small, opinionated CSS framework to make sites look good with
minimal effort. This page is a playground for showcasing the
different supported styles. To learn more, check out the repository
on
GitHub.
Colors
Base
AnchorBoldItalicUnderlinedStrikethrough
Abbreviation
Textsub, Textsup
Small
code();Keyboard
Headline level 1
Headline level 2
Headline level 3
Headline level 4
Headline level 5
Headline level 6
Above headline
Headline group
This text is grouped with the headline. Lorem ipsum dolor sit
amet consectetur, adipisicing elit. Fugit error libero deserunt
recusandae.
This is normal text. Lorem ipsum dolor sit amet consectetur,
adipisicing elit. Fugit error libero deserunt recusandae.
Articles have a card-like appearance and provide some special
formatting for their content. For example, the margins of the
first and last elements are trimmed, and elements such as
hr run over the entire width of the container.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed
diam nonumy eirmod tempor invidunt ut labore et dolore magna
aliquyam erat, sed diam voluptua. At vero eos et accusam et
justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea
takimata sanctus est.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Doloribus
quo ipsa beatae omnis nihil dolores. Dignissimos, recusandae
sequi. Accusamus quaerat sed cum magni dolorem earum perferendis
mollitia veritatis autem odit amet placeat, vel voluptas, debitis
eligendi libero temporibus dolore similique?
Lorem ipsum dolor sit amet consectetur adipisicing elit. Doloribus
quo ipsa beatae omnis nihil dolores. Dignissimos, recusandae
sequi. Accusamus quaerat sed cum magni dolorem earum perferendis
mollitia veritatis autem odit amet placeat, vel voluptas, debitis
eligendi libero temporibus dolore similique?