Matematika
Matematické operace lze použít pro standardní aritmetické příklady nebo pro převody jednotek. SASS a Stylus podporují aritmetiku mezi jednotky, to znamená, že rozpozná jestli počítate s procenty v pixelech nebo s em hodnotami. Můžete pak bezproblému zapsat 50% + 2. Preprocesor rozpozná, že počítá s procenty a přičte k 50%, 2%.
Preprocesory mají také integrované matematické funkce pro maximum, minimum nebo průměr z daných hodnot v proměnné. Více o těchto funkcích níže.
Matematický operací využijete zejména při tvorvě responsivních webů.
@container-width: 980px;
.side {
width: percentage(650 / @container-width);
}less
Matematické funkce:
// Převede úhel na goniometrickou funkci sinus
sin();
// Převede goniometrickou funkci sinus na úhel
asin();
// Převede úhel na goniometrickou funkci cosinus
cos();
// Převede goniometrickou funkci cosinus na úhel
acos();
// Převede uhél na goniometrickou funkci tangent
tan();
// Převede goniometrickou funkci tangent na úhel
atan();
// Vrátí číslo π (pi)
pi();
// Vrátí nejmenší hodnotu ze zadaných
min();
// Vrátí maximální hodnotu ze zadaných
max();
// zaokrouhlí číslo nahoru
ceil(@number);
// zaokrouhlí číslo dolů
floor(@number);
// převede číslo na procenta (0.8 -> 80%)
percentage(@number);
// zaokrouhlí číslo
round(number, [places: 0]);
// absolutní hodnota
abs(); less, sass, stylus