#1 Fonty
Nagłówki
Nagłówek 1
Lorem ipsum dolor sit
Lorem ipsum dolor sit
Nagłówek 2
Lorem ipsum dolor sit amet,
Lorem ipsum dolor sit amet,
Nagłówek 3
Lorem ipsum dolor sit amet,
Lorem ipsum dolor sit amet,
Nagłówek 4
Lorem ipsum dolor sit amet, consectetur
Lorem ipsum dolor sit amet, consectetur
Nagłówek 5
Lorem ipsum dolor sit amet, consectetur adipiscing.
Lorem ipsum dolor sit amet, consectetur adipiscing.
Nagłówek 6
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Nagłówek 7
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Treść
Body
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Body bold
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Body large
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Body small
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
#3 Kolory
Kolory globalne
Podstawowy
Drugorzędny
Tekst
Akcent
Paleta kolorów
1
2
Kolor bazowy
4
5
6
7
8
9
10
#4 Kody CSS, JS i HTML
Kody CSS
Chowany content
custom CSS
/* Slide In From The Top Option */
.header-2 {
transform: translatey(-80px);
-moz-transition: all .3s ease!important;
-webkit-transition: all .3s ease!important;
transition: all .3s ease!important;
}
.elementor-sticky--effects.header-2 {
height: auto!important;
transform: translatey(0px);
}
.elementor-sticky--effects.header-1 {
display: none!important;
}
/* End Of Slide In From The Top Option */
klasa containera
header-2
Globalny padding
Klasa
c-box
Globalne fonty
Title 1
clamp(3rem, 1.7309rem + 1.813vw, 4rem)
Title 2
clamp(2.6rem, 1.7309rem + 1.813vw, 3rem)
Title 3
clamp(2.2rem, 1.5482rem + 1.3598vw, 2.5rem)
Title 4
clamp(1.8rem, 1.3654rem + 0.9065vw, 2rem)
Title 5
clamp(1.6rem, 1.2741rem + 0.6799vw, 1.75rem)
Title 6
clamp(1.4rem, 1.1827rem + 0.4533vw, 1.5rem)
Title 7
clamp(1.2rem, 1.0914rem + 0.2266vw, 1.25rem)
Subheading
1,2
Body
1
Body bold
1
Body big
1,125
Body small
0,875
Chowany content
klasa CONTAINERA
profile-card
klasa przycisku [WIĘCEJ]
show-more
klasa przycisku [MNIEJ]
show-less content-hide
klasa CONTENTU
details-area content-hide
container show on hover
custom CSS (na container)
/*Content Show/Hide on Hover*/
selector{
opacity: 0;
transition: 0.5s ease-in-out;
}
selector:hover{
opacity: 1;
}