Cómo definir una función de esquina redondeada usando sass

1. Cree y use funciones personalizadas

Sass es similar a otros lenguajes de script. Puede usar variables para crear sus propias funciones, lo que hace que Sass sea tan poderoso como escribir su propia lógica. .

La creación de una función personalizada requiere dos directivas Sass, @function y @return. El primero crea una función y el segundo indica el valor que devolverá la función.

nombre-función representa el nombre de la función. En Sass, nombre-función y

nombre_función son iguales. función, para que puedan usarse. Un guión o guión bajo llama a una función, cualquiera que se use al nombrarla.

Los parámetros $args pasados ​​a la función son opcionales. Generalmente se calculan utilizando los parámetros pasados, o pueden ser algunas variables globales a las que pueden acceder todas las funciones.

2. Parámetros de palabras clave

Al pasar parámetros, a veces no sabes qué significa cada parámetro y en qué orden están. Para solucionar este problema, Sass permite especificar el valor de cada parámetro mediante la sintaxis $nombre:

valor.

3. Parámetros predeterminados

Para utilizar la función sin pasar todos los parámetros, podemos especificar un valor predeterminado para los parámetros. El valor predeterminado del parámetro usa $name:

La forma de declaración de valor predeterminado. El valor predeterminado puede ser cualquier valor de atributo CSS válido, o incluso una referencia a otros parámetros.