Style Guide

Skorzystaj z tego przewodnika, aby od razu poznać podstawowe elementy strony.

Kolory

 

Podstawowy

 

Akcentowy 1

 

Akcentowy 2

 

Biały

 

Kolor tekstu

Typografia

Powiększenie tekstu za pomocą klas:

.font-size-70

Lorem Ipsum is simply dummy

.font-size-1

Lorem Ipsum is simply dummy

.font-size-2

Lorem Ipsum is simply dummy

.font-size-3

Lorem Ipsum is simply dummy

.font-size-4

Lorem Ipsum is simply dummy

.font-size-5

Lorem Ipsum is simply dummy

.font-size-6

Lorem Ipsum is simply dummy

.font-size-6a

Lorem Ipsum is simply dummy

.font-size-7

Lorem Ipsum is simply dummy

.font-size-8

Lorem Ipsum is simply dummy

.font-size-9

Lorem Ipsum is simply dummy

.font-size-10

Lorem Ipsum is simply dummy

.font-size-11

Lorem Ipsum is simply dummy

.text-bigger-20

Lorem Ipsum is simply dummy

Nagłówki (h1-h6):

Nagłówek 1

Nagłówek 2

Nagłówek 3

Nagłówek 4

Nagłówek 5
Nagłówek 6

Domyślna wielkość tekstu w paragrafie:

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

 

Powiększony tekst w paragrafie:

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

Punktory

Lista wypunktowana:

  • Item 1.1
  • Item 2.1
    • Item 2.2
  • Item 3.1
    • Item 3.2
    • Item 3.3
      • item 3.3.1
      • item 3.3.2
        • item 3.3.2.1
        • item 3.3.2.2
      • item 3.3.3
    • Item 3.4
  • Item 4.1

Lista numerowana:

  1. Item 1.1
  2. Item 2.1
    1. Item 2.2
  3. Item 3.1
    1. Item 3.2
    2. Item 3.3
      1. item 3.3.1
      2. item 3.3.2
        1. item 3.3.2.1
        2. item 3.3.2.2
      3. item 3.3.3
    3. Item 3.4
  4. Item 4.1

Tabela

# First Name Last Name Username
1 Bilbo Baggins @hobbit
2 Bilbo Baggins @hobbit
3 Bilbo Baggins @hobbit
4 Bilbo Baggins @hobbit
5 Bilbo Baggins @hobbit

Przyciski

Efekty hover na przycisku