Styly nadpisů

Třídy nadpisů, pokud typografický styl neodpovídá výchozí značce HTML.
heading-style-h1

Ukázkový text vám pomůže pochopit, jak může vypadat skutečný text.

heading-style-h2

Ukázkový text slouží jako zástupný. Ukázkový text vám pomůže pochopit, jak může vypadat skutečný text.

heading-style-h3

Ukázkový text vám pomůže pochopit, jak může vypadat skutečný text na vašich webových stránkách. Ukázkový text slouží jako náhrada za skutečný text, který se běžně vyskytuje.

heading-style-h4

Ukázkový text slouží jako zástupný. Ukázkový text vám pomůže pochopit, jak může vypadat skutečný text. Ukázkový text se používá jako zástupný symbol pro skutečný text, který se běžně vyskytuje.

heading-style-h5

Ukázkový text slouží jako zástupný. Ukázkový text vám pomůže pochopit, jak může vypadat skutečný text. Ukázkový text se používá jako zástupný symbol pro skutečný text, který se běžně vyskytuje. Ukázkový text vám pomůže pochopit, jak může vypadat skutečný text.

heading-style-h6

Ukázkový text se používá jako zástupný symbol pro skutečný text, který se běžně vyskytuje. Ukázkový text vám pomůže pochopit, jak může vypadat skutečný text. Ukázkový text slouží jako zástupný symbol pro skutečný text, který se běžně vyskytuje. Ukázkový text vám pomůže pochopit, jak může vypadat skutečný text.

Třídy textu

Třídy textu, pokud typografický styl neodpovídá výchozí značce HTML.

Velikosti textu

text-size-large
Jedná se o blok textu. Poklepáním na tento text jej upravíte.
text-size-medium
Jedná se o blok textu. Poklepáním na tento text jej upravíte.
text-size-regular
Jedná se o blok textu. Poklepáním na tento text jej upravíte.
text-size-small
Jedná se o blok textu. Poklepáním na tento text jej upravíte.
text-size-tiny
Jedná se o blok textu. Poklepáním na tento text jej upravíte.

Styly textu

text-style-strikethrough
Jedná se o blok textu. Poklepáním na tento text jej upravíte.
text-style-italic
Jedná se o blok textu. Poklepáním na tento text jej upravíte.
text-style-muted
Jedná se o blok textu. Poklepáním na tento text jej upravíte.
text-style-allcaps
Jedná se o blok textu. Poklepáním na tento text jej upravíte.
text-style-nowrap
Jedná se o blok textu. Poklepáním na tento text jej upravíte.
text-style-link
Jedná se o blok textu. Poklepáním na tento text jej upravíte.
text-style-quote
Jedná se o blok textu. Poklepáním na tento text jej upravíte.
text-style-2lines
Jedná se o blok textu. Poklepáním na tento text jej upravíte.
styl textu-3řádky
Jedná se o blok textu. Poklepáním na tento text jej upravíte.

Váhy textu

text-weight-xbold
text-weight-xbold
text-weight-bold
text-weight-bold
text-weight-semibold
text-weight-semibold
text-weight-medium
text-weight-medium
text-weight-normal
text-weight-normal
text-weight-light
text-weight-light

Zarovnání textu

text-align-left
text-align-left
text-align-center
text-align-center
text-align-right
text-align-right

Tlačítka

Tlačítkový systém kombinovaných tříd.
tlačítko
Text tlačítka
tlačítko
is-small
Text tlačítka
tlačítko
is-large
Text tlačítka
tlačítko
is-text
Text tlačítka
tlačítko
Text tlačítka
tlačítko
is-small
Text tlačítka
tlačítko
is-large
Text tlačítka
tlačítko
is-text-white
Text tlačítka
tlačítko
is-secondary
Text tlačítka
tlačítko
is-secondary
is-small
Text tlačítka
tlačítko
is-secondary
is-large
Text tlačítka
tlačítko
is-icon
Text tlačítka
tlačítko
is-icon
is-secondary
Text tlačítka
tlačítko
is-icon
is-text
Text tlačítka
tlačítko
is-secondary
Text tlačítka
tlačítko
is-secondary
is-small
Text tlačítka
tlačítko
is-secondary
is-large
Text tlačítka
tlačítko
is-icon
Text tlačítka
tlačítko
is-icon
is-secondary
Text tlačítka
tlačítko
is-icon
is-text
Text tlačítka

Barvy

Správa opakujících se textů a barev pozadí.

Paleta barev

#00000
#f5f5
#fffff

Barvy textu

text-color-black
text-color-black
text-color-grey
text-color-grey
text-color-white
text-color-white

Barvy pozadí

background-color-black
background-color-grey
barva pozadí-bílá

Ikony

Sjednocení velikosti ikon. icon-height nastavuje výšku ikon. ikona-1x1 nastavuje výšku i šířku ikon.
icon-height-small
icon-height-medium
icon-height-large
icon-1x1-small
icon-1x1-medium
icon-1x1-large
icon-1x1-xlarge
icon-1x1-xxlarge

Maximální šířky

Pomocí vlastnosti max-width CSS můžete vnitřní obsah omezit na maximální šířku.
max-width-full
max-width-full-tablet
max-width-full-mobile-portrait
max-width-full-mobile-landscape
max-width-xxlarge
max-width-xlarge
max-width-large
max-width-medium
max-width-small
max-width-xsmall
max-width-xxsmall

Třídy struktury

Definovaná a flexibilní základní struktura, kterou můžeme použít na všech nebo většině stránek.
page-wrapper
main-wrapper
kontejner-malý
kontejner-střední
velký kontejner
padding-global
padding-section-small
padding-section-medium
padding-section-large
skupina tlačítek

Výplně

Systém odstupů pro užitkové předměty - třídy výplně. [padding-direction] + [padding-size].

Třídy směru

padding-bottom
polstrování nahoře
padding-vertical
padding-horizontal
padding-left
padding-right

Velikostní třídy

polstrování-0
vycpávky-drobné
padding-xxsmall
padding-xsmall
padding-small
polstrování-medium
padding-large
padding-xlarge
padding-xxlarge
vycpávky-obrovské
padding-xhuge
padding-xxhuge
padding-custom1
padding-custom2
padding-custom3

Marže

Systém odstupů inženýrských sítí - třídy odstupů. [margin-direction] + [margin-size].

Třídy směru

margin-bottom
margin-top
margin-vertical
margin-horizontal
margin-left
margin-right

Velikostní třídy

margin-0
margin-tiny
margin-xxsmall
margin-xsmall
margin-small
margin-medium
margin-large
margin-xlarge
margin-xxlarge
margin-huge
margin-xhuge
margin-xxhuge
margin-custom1
margin-custom2
margin-custom3

Užitečné užitkové systémy

Užitkové třídy, které s oblibou používáme ve většině našich projektů, abychom mohli rychleji sestavovat.
skrýt
Tento prvek je skrytý
skrýt tablet
hide-mobile-portrait
hide-mobile-landscape
overflow-visible
overflow-hidden
overflow-auto
overflow-scroll
pointer-events-on
pointer-events-off
vrstva
div-square
odstupy-čisté
align-center
z-index-1
z-index-2
display-inlineflex
šipka vpravo