grafitovo-agencja-kreatywna
GDS

Measurements & Spacing

.gds_title--h1
Poniższe wartości są zdefiniowane w stylach css g-global-variables
 [8px]
--xs (16px)
--s (24px)
--m (32px)
--l (48px)
--xl (64px)
--xxl (96px)
Przyciski ustawione są jako selektory za pomocą Oxygen Buildera
g_section_spacing
(l m l m)
g_section_spacing--img
(0 0 0 0) - wymaga klasy na elementy nie będące obrazem
g_div_spacing
(m m m m)

Colors

Global Colors

Poniższe wartości są zdefiniowane w ustawieniach globalnych Oxygen Buildera
--primary A (#)
--primary B (#)
--secondary A (#)
--secondary B (#)

Grayscale

Poniższe wartości są zdefiniowane w ustawieniach globalnych Oxygen Buildera
--White (#fff)
--Black (#000)
--gray 90 (#)
--gray 80 (#)
--gray 70 (#)
--gray 60 (#)
--gray 50 (#)
--gray 40 (#)
--gray 30 (#)
--gray 20 (#)
--gray 10 (#)

Additional colors

Poniższe wartości są zdefiniowane w ustawieniach globalnych Oxygen Buildera
--info-green (#)
--info-orange (#)
--info-red (#)

Buttons

Przyciski ustawione są jako selektory za pomocą Oxygen Buildera
g_btn--prim
Button primary
Przyciski ustawione są jako selektory za pomocą Oxygen Buildera
g_btn--prim
Button primary

Buttons modyficators

Przyciski ustawione są jako selektory za pomocą Oxygen Buildera
g_width--100
Button primary
(link wrapper icon+text)
Button
g_btn--outline
Button secondary

Links

Przyciski ustawione są jako selektory za pomocą Oxygen Buildera

Nav custom buttons

Przyciski ustawione są jako selektory za pomocą Oxygen Buildera
g_nav_btn--main
Button primary
g_nav_btn--sub
Button
g_nav_btn--sub2
Button secondary

Typography

Poniższe wartości są zdefiniowane w ustawieniach globalnych Oxygen Buildera
H1 (#px)

This is a heading

H1 (#px)

This is a heading

H1 (#px)

This is a heading

H1 (#px)

This is a heading

H1 (#px)
This is a heading
H1 (#px)
This is a heading
Poniższe wartości są zdefiniowane w stylach css g-text-settings.
g_style--H1 (#px)

This is a heading

g_style--H2 (#px)

This is a heading

g_style--H3 (#px)

This is a heading

g_style--H4 (#px)

This is a heading

g_style--H5 (#px)
This is a heading
g_style--H6 (#px)
This is a heading
Poniższe wartości są zdefiniowane w stylach css g-text-settings (tekst podstawowy zdefiniowany jest przede wszystkim w ustawieniach globalnych Oxygen Buildera).
g_lead--m
This is a block of text. Double-click this text to edit it.
g_lead--l
This is a block of text. Double-click this text to edit it.
g_lead--xl
This is a block of text. Double-click this text to edit it.
g_text--s
This is a block of text. Double-click this text to edit it.
g_text--m (global)
This is a block of text. Double-click this text to edit it.
g_text--l
This is a block of text. Double-click this text to edit it.

Cards & Backgrounds

Przyciski ustawione są jako selektory za pomocą Oxygen Buildera
g_section--prim

Double-click this headline to edit the text.

This is a block of text. Double-click this text to edit it.
g_section--sec

Double-click this headline to edit the text.

This is a block of text. Double-click this text to edit it.
g_section--light

Double-click this headline to edit the text.

This is a block of text. Double-click this text to edit it.
g_section--dark

Double-click this headline to edit the text.

This is a block of text. Double-click this text to edit it.
g_section--prim

Double-click this headline to edit the text.

This is a block of text. Double-click this text to edit it.
g_section--prim
g_section_spacing--img

Double-click this headline to edit the text.

This is a block of text. Double-click this text to edit it.
+ g_margin--m-m
TABS
??
Tab #1
Tab #2
Tab #3
Tab Content #1
Tab Content #2
Tab Content #3
ACCORDION
??
Accordion content goes here.
Accordion content goes here.
Accordion content goes here.

Visual enchancments

Przyciski ustawione są jako selektory za pomocą Oxygen Buildera
g_shadow--m
g_border_radius--m
g_border_radius--l
g_border_radius--full
checkbox
search
submit

Utility Classes

Przyciski ustawione są jako selektory za pomocą Oxygen Buildera
g_margin--0-0
g_margin--m-m
g_margin--l-m
g_width--100
g_width--50
g_padding--0-0
g_padding--m-m
g_padding--l-m
g_border_radius--m
g_border_radius--l
g_border_radius--full
g_gap--s
g_gap--m
g_gap--l
g_grid--3
g_grid--2
g_grid--2
g_grid--3
g_grid--3
g_grid--4
g_grid--4
g_grid--4
g_grid--4
g_grid--5
g_grid--5
g_grid--5
g_grid--5
g_grid--5

GDS STYLING

.gds_title--h1
Przyciski ustawione są jako selektory za pomocą Oxygen Buildera
g_section_spacing
(l m l m)
g_section_spacing--img
(0 0 0 0) - wymaga klasy na elementy nie będące obrazem
g_div_spacing
(m m m m)
.gds_comment
Poniższe wartości są zdefiniowane w stylach css g-global-variables
 [8px]
--xs (16px)
--s (24px)
--m (32px)
--l (48px)
--xl (64px)
--xxl (96px)

Visual enchancments

grafitovo-agencja-kreatywna
This is a block of text. Double-click this text to edit it. This is a block of text. Double-click this text to edit it. This is a block of text. Double-click this text to edit it. This is a block of text. Double-click this text to edit it. This is a block of text. Double-click this text to edit it.
starchevron-down