Obsahová stránka

Tenhle blok ukazuje, jak vypadá volný obsah z editoru CMS. Na jeho vzhled je jediný zdroj pravdy src/css/core/wysiwyg.css a obal .content-wrapper — blok sám řeší jen šířku sloupce a postupné odhalování. Drobný text i horní index¹ a dolní index₂ mají vzhled z globální typografie.

Nadpis druhé úrovně

Odstavec s kurzívou, tučným písmem a odkazy: odkaz v rámci webu, odkaz na jiný web a odkaz na soubor ke stažení. Odkazy jsou podtržené a po najetí ztmavnou.

Nadpis třetí úrovně

Pod ním odrážkový seznam s vnořenou úrovní — odrážka je kolečko 6 px v CG Blue, odsazení nese položka, ne seznam.

• První položka seznamu
• Druhá položka s delším textem, který se na užším okně zalomí na víc řádků, aby bylo vidět, že odsazení odrážky drží i na druhém řádku
  • Vnořená položka
  • Druhá vnořená položka
• Třetí položka

1. Číslovaný seznam má číslici v CG Blue a tučně
   1. Vnořený krok
   2. Druhý vnořený krok
2. Druhý krok

Nadpis čtvrté úrovně

Čtvrtá, pátá i šestá úroveň mají stejnou velikost — editor je rozlišuje jen sémanticky.

Nadpis páté úrovně

Nadpis šesté úrovně

Citace je odsazená svislou linkou v barvě značky a text v ní je o odstín světlejší.

Víceodstavcová citace drží rozestupy odstavců.

Tabulka

Tabulka má záhlaví na světlém podkladu a linky kolem buněk. Pod 768 px se posouvá vodorovně, aby nerozbila šířku stránky.

Obrázky

Obrázek zarovnaný vlevo text obtéká zprava. Třídy alignleft, alignright a aligncenter sází editor a šablona je zná — na mobilu se obtékání vypíná, obrázek jde přes celou šířku.

Druhý odstavec vedle obrázku, aby bylo obtékání opravdu vidět.

Poslední odstavec nemá spodní mezeru — o to se stará pravidlo > :last-child.