06 Odkazy
Zdrojové CSS: /src/css/_typography.scss a /src/css/atoms/_links.scss
Odkazy pro H1 – H6
Odkazy s ikonkami
Multimediální odkazy
Pro standardní odkazy s ikonkou slouží stejná konstrukce jako u Odkazů s ikonkami.
Pro odkazy s informací o souboru slouží atom link-file s konstrukcí dle ukázky kódu.
Tabulka souborů
Tabulka se soubory je kombinací standardní tabulky z typografie a atomu Multimediální odkazy viz. výše.
| Word dokument | .doc 589kB |
|---|---|
| Excel dokument | .xls 589kB |
| Powerpoint Dokument | .ppt 589kB |
| PDF Dokument | .pdf 589kB |
Ukázka použití v textu
Etiam at urna sollicitudin, sketcher.sk libero at, lobortis tellus. Pellentesque sodales, dui ac consectetur consequat, nisi mi feugiat urna, in vestibulum velit urna in justo. Aliquam a facilisis tortor. Aliquam condimentum odio sollicitudin tellus fermentum placerat. Sed euismod velit ac mauris pretium ondimentum. Duis non rhoncus odio, a varius orci. Nullam fermentum leo at quam rutrum blandit. Fusce varius eros sit amet nibh convallis, ac vehicula leo rutrum. Curabitur sed sollicitudin massa. Nunc eget dui kontaktujte nás
Eeuismod velit ac mauris pretium Zoznam prijatých nástupcov .xls 589kB mi feugiat urna, in vestibulum velit urna in justo. Aliquam a facilisis tortor. Aliquam condimentum odio s
Navštívené odkazy
Navštívené odkazy ($linkVisited) mají barvu: #00004b.
Barvu lze jednoduše předefinovat v lib/variables.scss.
Odkazy bez podtržení
Pro použití v seznamu odkazů, kde podtržení nevypadá dobře a je jasné, že se jedná o odkazy. Na obalující element je potřeba přidat třídu .no-a-underline.
Pro odkazy s ikonkami slouží atom link-icon, kterému se přidává modifikátor link-icon--before / link-icon--after podle potřeby a ikonka dle atomu ikonek.
Pro externí odkazy (začínající http(s)://) se automaticky doplňuje ikonka externího odkazu. Tuto funkcionalitu je možné deaktivovat aplikací .no-ext na element html.