Creación de nuestras propias funciones

Contenido de las diapositivas: Funciones en SASS ================= Las funciones permiten definir operaciones complejas en valores de Sass. Las funciones se definen usando la regla @function. Sass como preprocesador tiene una gran cantidad de funciones. Algunos de los ejemplos son: 1. Funciones RGB 2. Funciones HSL 3. Funciones de opacidad 4. Funciones sobre strings 5. Funciones sobre números ## Operaciones Sass es compatible con una gran cantidad de operadores útiles para trabajar con diferentes valores. Estos incluyen los operadores matemáticos estándar y operadores para varios otros tipos, por ejemplo: == (doble igual) y != (diferente). ## Jerarquía de operaciones 1. Los operadores unarios not, + y - 2. Operadores \*, / y % 3. Operadores + y - 4. Operadores >, >=, < y <= 5. Operadores de comparación == y != 6. EI operador lógico and 7. EI operador lógico or 8. EI operador de asignación = ## Declaración de una función Las funciones se llaman utilizando la sintaxis de función CSS normal 

\### Order of Operations Sass has a pretty standard \[order of operations]\(https://sass-lang.com/documentation/operators/#order-of-operations), from tightest to loosest: 1\. The unary operators \[`not`]\(https://sass-lang.com/documentation/operators/boolean), \[`+`, `-`]\(https://sass-lang.com/documentation/operators/numeric#unary-operators), and \[`/`]\(https://sass-lang.com/documentation/operators/string#unary-operators). 2\. The numeric operators \[`\*`, `/`, and `%`]\(https://sass-lang.com/documentation/operators/numeric). 3\. The numeric operators \[`+` and `-`]\(https://sass-lang.com/documentation/operators/numeric). 4\. The relational operators \[`>`, `>=`, `<` and `<=`]\(https://sass-lang.com/documentation/operators/relational). 5\. The equality operators \[`==` and `!=`]\(https://sass-lang.com/documentation/operators/equality). 6\. The boolean operator \[`and`]\(https://sass-lang.com/documentation/operators/boolean). 7\. The boolean operator \[`or`]\(https://sass-lang.com/documentation/operators/boolean). 8\. The single equal \[`=`]\(https://sass-lang.com/documentation/operators/#single-equals), when it’s available.

me causa conflicto que un operador pueda estar en 2 lugares de la gerarquia a la vez, no se si entendi mal ¿ alguien me clarifica porfa?

otra cosa que me llamo la atencion y que aca no se menciona o no se aplica es el uso del operador & imagina que estas usando BEM entonces tiende .card y .card\_\_image, pues los estilos los puedes anidar asi: .card{ &**cardimage{}} y si no entiendo mal, sera como si no estuvieras escribiendo .card**image al mismo nivel que .card pero, con formato anidado, ademas el uso del & (almenos cuando lees con un lector de pantalla ) de una te hace caer en cuenta que es la imagen que esta dentro del contenedor anterior (card) de esco lo de que estan almismo nivel no estoy seguro, si alguien me lo puede confirmar, gracias.

Utilidad principal:

Esconder los cálculos