Systém designu pro Vzhůru dolů: moduly

Ad

Absolutně nebo fixně pozicovaný buttonek s reklamou, nejčastěji u článku. Kulaté tlačítko přilepené zde vpravo nebo nahoře.

→ Viz také modules/ad.scss

Dotazník: Jak
se vzděláváte online? 5 minut vašeho času.
Velká pomoc pro nás.
Vyplnit →

---

Ad Snippet

Reklamní panel uvnitř článku

→ Viz také modules/ad-snippet.scss

Reklama na e-book:

Reklama na školení:

Reklama na pracovní pozice:

---

Avatar

Avatar autora nebo školitele: .avatar.

→ Viz také modules/avatar.scss

---

Badge

Štítek pro zvýraznění informace, novinky, odlišení od ostatních .badge

→ Viz také modules-standalone/badge.scss

Box

Informativní a chybová hlášení vypisovaná do stránky: – .box

→ Viz také modules/box.scss

Obyčejný box:

Hlášení na stránce:

Chybové hlášení na stránce, kde je nějaký prvek s .bg-interactive

---

-

Button

→ Viz také modules/button.scss

[TODO Potřebuje refaktoring]

input Obyčejné tlačítko.
.button.button--primary Primární tlačítko - jen jedno na stránce.	Odeslat
.button.button--primary[disabled] Primární tlačítko, disabled.	Disabled
.button.button--primary.button--loader Primární tlačítko s načítačem pro AJAX cally.	Čekáš…
.button.button--full Tlačítko přes celou šířku.	Plné
.button.button--wide Tlačítko široké.	Široké
.button.button--inverted Inverzní.	Inverzní

Form

Formuláře: .form

→ Viz také modules/form.scss

Objednávka

místa pro kurz „Bootstrap a front-end frameworky” na 30. 1. 2014

Jméno a příjmení *

Telefon

Poznámka

---

Items list

Jednoduchý seznam odkazů používaný třeba v příručce: .items-list

→ Viz také modules/items-list.scss

---

List

Seznam aktivních položek s oddělovači: .list

→ Viz také modules/list.scss

Obyčejný seznam:

• Vzhůru dolů
• Webový frontend ze všech stran je dlouhý text

Seznam s rámečky: .list--bordered

• Vzhůru dolů
• Webový frontend ze všech stran je dlouhý text

Seznam s blokovými hovery: .list--block-hover

• Vzhůru dolů
• Webový frontend ze všech stran je dlouhý text

Seznam s vyššími položkami: .list--spaced

• Vzhůru dolů
• Webový frontend ze všech stran je dlouhý text

Seznam se stylovaným číslováním: .list--numbered

1. Vzhůru dolů je fajn
2. Webový frontend ze všech stran je dlouhý text

Odvozený seznam pracovních pozic:

• 

  TOP Multimedia? Javascript? Umíš, znáš, děláš? Budeme tě nosit na rukou.

  Etnetera, Praha

Odvozená reklama do článku:

• 

  E-book „Vzhůru do CSS3“

  Naučte se nástroje moderního kodéra a nové CSS3 vlastnosti.

---

Nav

→ Viz také modules/nav.scss

Záložková navigace .nav

Varianta pro hlavní navigaci webu .nav.nav--site: