---
title: "SASS/CSS"
date: 2023-08-23
author: "Michaela Bartáková"
---

# SASS/CSS

SASS (Syntactically Awesome Stylesheets) je preprocesor pro jazyk [CSS](https://www.bartvisions.cz/slovnikovy-pojem/css/) (Cascading Style Sheets). Pomáhá vývojářům napsat kód efektivněji, organizovaněji a s větší přehledností. SASS rozšiřuje standardní schopnosti CSS o některé funkce, které činí vývoj stylů pro webové stránky mnohem snazším a flexibilnějším.

Hlavní funkce a výhody SASS zahrnují:

1. **Proměnné:** Umožňují definovat hodnoty, které můžete použít v celém stylu, např. barvy, velikost fontu atd.
2. **Vnořené pravidla:** Umožňují definovat pravidla uvnitř jiných pravidel, což činí CSS strukturovanějším a snáze čitelným.
3. **Mixiny:** Jsou to definovatelné skupiny deklarací, které můžete vložit kdekoli v CSS.
4. **Dědičnost:** Umožňuje sdílet soubor deklarací mezi selektory.
5. **Operátory:** Můžete provádět matematické výpočty přímo v CSS.
6. **Importování:** Umožňuje kombinovat více SASS souborů do jednoho kompilovaného CSS souboru.

CSS je jazyk, který se používá k definování stylů pro webové stránky. Určuje, jak budou různé [HTML](https://www.bartvisions.cz/slovnikovy-pojem/html/) prvky (jako nadpisy, odkazy, seznamy atd.) zobrazeny na webové stránce.

SASS tedy funguje tak, že vývojáři napíšou své styly v rozšířené syntaxi SASS a poté použijí nástroje, které tento SASS kód kompilují do běžného CSS kódu, který mohou prohlížeče číst.

Použití SASS může výrazně zvýšit produktivitu a udržitelnost kódu, zejména pro větší projekty nebo pro týmy s více vývojáři.