Argo Kirjastus
Argo Kirjastus
Argo Kirjastus
Argo Kirjastus
.pennant

Colors

.bg-primary (#5f5fc2)
.bg-secondary (#3e3e4a)
.bg-gray (#ddd)
.bg-white (#fff)
.bg-primary-100
.bg-primary-300
.bg-primary-200
.bg-primary-100
.bg-success
.bg-info
.bg-warning
.bg-danger

Grid

Text sizes & variations

Headline / H1 .h1 (32px)
Volutpat mauris laoreet egestas molestie vel.
Headline / H2 .h2 (24px)
Volutpat mauris laoreet egestas molestie vel.
Headline / H3 .h3 (20px)
Volutpat mauris laoreet egestas molestie vel.
Super / Price .display-1 (48px)
Volutpat mauris laoreet egestas molestie vel.
Large / Normal .lead (18px)
Volutpat mauris laoreet egestas molestie vel.
Body / Normal (16px, 400)
Volutpat mauris laoreet egestas molestie vel.
Body / Bold .font-weight-bold (500)
Volutpat mauris laoreet egestas molestie vel.
Body / Bolder .font-weight-bolder (700)
Volutpat mauris laoreet egestas molestie vel.
Body / Muted .text-muted (#b0b0b0)
Volutpat mauris laoreet egestas molestie vel.
Paragraphs / Normal p / .font-size-sm (14px)

Volutpat mauris laoreet egestas molestie vel.

Small / normal small / .font-size-xs (10px)
Volutpat mauris laoreet egestas molestie vel.

Alerts

This is error message

.alert .alert-danger

This is error message

.alert .alert-success

This is error message

.alert .alert-warning

This is error message

.alert .alert-info

Inputs

Button

btn-primary .btn .btn-primary
btn-primary-300 .btn .btn-primary-300
btn-secondary .btn .btn-secondary
btn disabled .btn .disabled

Small button

btn-primary .btn-sm .btn-primary
btn-primary-300 .btn-sm .btn-primary-300
btn-secondary .btn-sm .btn-secondary
btn disabled .btn-sm .disabled

Check & Radio

Forms

This is a helper text for the form field.
Looks good!
Please choose a username.
.form-control-sm | .border-primary
This is a helper text for the form field.
Looks good!
Please choose a username.
This is a helper text for the form field.
Looks good!
Please choose a username.

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
.table

Lists

  • Text
  • Text on multiple rows Text on multiple rows Text on multiple rows
  • First level
    • Second level
    • Text
    • Text on multiple rows Text on multiple rows Text on multiple rows
.list-bulleted
  1. Text
  2. Text on multiple rows Text on multiple rows Text on multiple rows
  3. First level
    1. Second level
    2. Text
    3. Text on multiple rows Text on multiple rows Text on multiple rows
.list-numbered

Modal

Modal demo