Styleguide

Grid

Min
Max
Gutter
xs
0
767px
20px
sm
768px
20px
md
992px
20px
lg
1200px
20px
xl
1340px
20px

Typo black

Heading 1

Primary text style

Heading 2

Secondary text style

Heading 3

Card primary text style

Heading 4

Card secondary text style

Card secondary text style

Large description

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

body p

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Labels
labels left
labels left bold
labels right bold
labels center bold
Small labels

hint text's style

Grey text

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

$brand-default
$brand-primary
$brand-primary-gradient
$brand-info
$brand-success
$brand-warning
$brand-danger
$link-color
$body-color
$black
$white
$text-muted
$gray-100

Buttons

Default 15:40:15:40
For small screens use 10:25:10:25 padding

Radio buttons

Checkbox

Form elements

Lists

  • Adelaide Nichols
  • 86 Heller Plaza Suite 478
  • lafayette.koelpin@gmail.com
  • Svalbard & Jan Mayen Islands
  1. Adelaide Nichols
  2. 86 Heller Plaza Suite 478
  3. lafayette.koelpin@gmail.com
  4. Svalbard & Jan Mayen Islands

Pagination

Tables

# Column heading Column heading Column heading
1 Column content Column content Column content
1 Column content Column content Column content
1 Column content Column content Column content
1 Column content Column content Column content

Uudiskirjaga liitumine