Styleguide

Titles

.title-xl

Lorem himenaeos tristique

.title-lg

Venenatis lacinia habitant congue bibendum

.title

Sociosqu per leo urna eget

.title-sm

Bibendum praesent ligula per urna

.title-xs
Dignissim vitae nostra mi praesent

Links

Body

.body-text

Tincidunt mus dictumst accumsan malesuada morbi mattis elementum aptent ipsum fermentum, ligula a sollicitudin lobortis habitasse at commodo sociosqu senectus integer, cursus vivamus leo nullam euismod primis libero inceptos felis. Ornare natoque arcu imperdiet faucibus sollicitudin maecenas sagittis id ante eu aptent, tortor platea dignissim sodales etiam maximus class facilisi facilisis mattis tempus, molestie senectus metus et integer in finibus porta sem suscipit.

.mini-text

Tincidunt mus dictumst accumsan malesuada morbi mattis elementum aptent ipsum fermentum, ligula a sollicitudin lobortis habitasse at commodo sociosqu senectus integer, cursus vivamus leo nullam euismod primis libero inceptos felis. Ornare natoque arcu imperdiet faucibus sollicitudin maecenas sagittis id ante eu aptent, tortor platea dignissim sodales etiam maximus class facilisi facilisis mattis tempus, molestie senectus metus et integer in finibus porta sem suscipit.

.label
Sit est arcu euismod
.label-lg
Sit est arcu euismod
.list (unordered)
  • Ullamcorper litora ante magnis ornare
  • Praesent vulputate nam erat quis
  • Tristique dui cras taciti blandit
.list (ordered)
  1. Ullamcorper litora ante magnis ornare
  2. Praesent vulputate nam erat quis
  3. Tristique dui cras taciti blandit
code (inline)

Tincidunt .styleguide morbi mattis elementum aptent ipsum fermentum, ligula a sollicitudin lobortis habitasse at commodo sociosqu senectus integer

code (block)
.dark img {
  filter: brightness(.85) contrast(1.1);
}
.table
LoremIpsumDolorSit
LoremIpsumDolorSit
LoremIpsumDolorSit

Markdown

.content

Lorem himenaeos tristique

Tincidunt mus dictumst accumsan malesuada morbi mattis elementum aptent ipsum fermentum, ligula a sollicitudin lobortis habitasse at commodo sociosqu senectus integer.

Venenatis lacinia habitant congue bibendum

Ac leo aliquam facilisi convallis dolor congue pretium vestibulum laoreet risus est, placerat tristique eleifend aptent nulla platea mus in dapibus metus. Duis natoque eget nostra sociosqu elementum iaculis efficitur quam ad sit.

Netus rutrum donec nostra varius fermentum

Morbi penatibus ut molestie vestibulum lacinia ultrices

Pretium consequat facilisi mattis litora lacus posuere parturient blandit convallis bibendum, vitae diam molestie viverra arcu adipiscing congue consectetur. Leo habitasse est iaculis penatibus tellus purus etiam aliquet posuere.

  • Ullamcorper litora ante magnis ornare
  • Praesent vulputate nam erat quis
  • Tristique dui cras taciti blandit
  1. Ullamcorper litora ante magnis ornare
  2. Praesent vulputate nam erat quis
  3. Tristique dui cras taciti blandit
.content .font-serif

Lorem himenaeos tristique

Tincidunt mus dictumst accumsan malesuada morbi mattis elementum aptent ipsum fermentum, ligula a sollicitudin lobortis habitasse at commodo sociosqu senectus integer.

Venenatis lacinia habitant congue bibendum

Ac leo aliquam facilisi convallis dolor congue pretium vestibulum laoreet risus est, placerat tristique eleifend aptent nulla platea mus in dapibus metus. Duis natoque eget nostra sociosqu elementum iaculis efficitur quam ad sit.

Netus rutrum donec nostra varius fermentum

Morbi penatibus ut molestie vestibulum lacinia ultrices

Pretium consequat facilisi mattis litora lacus posuere parturient blandit convallis bibendum, vitae diam molestie viverra arcu adipiscing congue consectetur. Leo habitasse est iaculis penatibus tellus purus etiam aliquet posuere.

  • Ullamcorper litora ante magnis ornare
  • Praesent vulputate nam erat quis
  • Tristique dui cras taciti blandit
  1. Ullamcorper litora ante magnis ornare
  2. Praesent vulputate nam erat quis
  3. Tristique dui cras taciti blandit