Style guide

Colors

primary color

var(--primary-color)

hex: 45/175/230

rgb: #2dafe6

hsl: 198 79 54

primary color light

var(--primary-color--light)

hsl: --lighten: 35%;

primary color ultra light

var(--primary-color--ultralight)

hsl: --ultra-lighten: 43%;

primary color dark

var(--primary-color--dark)

hsl: --dark: -15%;

secondary-color

var(--secondary-color)

hex: kdjafksdjad

rgb: kdjafksdjad

hsl: kdjafksdjad

secondary-color light

var(--secondary-color--light)

hsl: --lighten: 35%;

secondary-color ultra light

var(--secondary-color--ultralight)

hsl: --ultra-lighten: 43%;

secondary-color dark

var(--secondary-color--dark)

hsl: --dark: -15%;

Headings

H1 - Nadpis první urovně

clamp(3rem, calc(3rem + ((1vw - 0.32rem) * 1.1765)), 4.2rem);

H2 - Nadpis první urovně

clamp(2.4rem, calc(2.4rem + ((1vw - 0.32rem) * 0.5882)), 3rem);

H3 - Nadpis první urovně

clamp(2rem, calc(2rem + ((1vw - 0.32rem) * 0.3922)), 2.4rem);

H4 - Nadpis první urovně

clamp(1.8rem, calc(1.8rem + ((1vw - 0.32rem) * 0.1961)), 2rem);

H5 - Nadpis první urovně

clamp(1.6rem, calc(1.6rem + ((1vw - 0.32rem) * 0.1961)), 1.8rem);

H6 - Nadpis první urovně

clamp(1.4rem, calc(1.4rem + ((1vw - 0.32rem) * 0.1961)), 1.6rem);

Spacing

.ct-section.owl--xs .ct-section-inner-wrap > * + *,
.owl--xs:not(.ct-section) > * + * {
margin-top: .6rem;
}

.ct-section.owl--s .ct-section-inner-wrap > * + *,
.owl--s:not(.ct-section) > * + * {
margin-top: 1rem;
}

.ct-section.owl--m .ct-section-inner-wrap > * + *,
.owl--m:not(.ct-section) > * + * {
margin-top: 2rem;
}

.ct-section.owl--l .ct-section-inner-wrap > * + *,
.owl--l:not(.ct-section) > * + * {
margin-top: 3rem;
}

.ct-section.owl--xl .ct-section-inner-wrap > * + *,
.owl--xl:not(.ct-section) > * + * {
margin-top: clamp(3rem, calc(3rem + ((1vw - 0.32rem) * 3.125)), 6rem);
}

.ct-section.owl--xxl .ct-section-inner-wrap > * + *,
.owl--xxl:not(.ct-section) > * + * {
margin-top: clamp(4rem, calc(4rem + ((1vw - 0.32rem) * 10.4167)), 14rem);
}

.owl-left--xs > * + * {
margin-left: .6rem;
}
.owl-left--s > * + * {
margin-left: 1rem;
}
.owl-left--m > * + * {
margin-left: 1.5rem;
}
.owl-left--l > * + * {
margin-left: 2rem;
}
.owl-left--xl > * + * {
margin-left: 3rem;
}