Funciones internas

Clase 13 de 15 • Curso de Stylus 2018

Clase anteriorSiguiente clase

Resumen

Vamos conocer cómo operan las funciones internas en Stylus.

Juan C Felizzola

student•

Las definiciones de funciones aparecen idénticas a mixins; sin embargo, las funciones pueden devolver un valor.

Harold David Avila Sabogal

student•

Gracias

Diego Alfonso Najera Ortiz

student•

Complementando el aporte, las funciones solo retornan el valor de la regla de css, los mixin retornan todas las reglas que se declaran en el

Ivan Cardozo

student•

Funciones internas

En stylus podemos asignar variables dinamicas y asignarles funciones matematicas que ejecutaras cada que sean llamadas .

Por ejemplo podremos utilizar la declaracion

**padding : mixin-padding-small(2px)**

Ubicada en la carpeta site.styl

y pasarle la la función

mixin-padding-small(a)

	**a + padding**

Ubicada en la carpeta mixin.styl

Donde padding proviene de la carpeta ** _variables.styl**

y equivale a :

	**minipadding = padding / 2**

Kevin Chipana Chucare

student•

Graciass

Harold David Avila Sabogal

student•

Muchas gracias buen resumen

Lenin Vladimir Felix Torres

student•

WoW, Primer Comentario!! Es muy Recomendable usar las funciones ya que nos ayudan muchisimo cuando queremos evitar el exceso de lineas dentro de la hoja de estilos!

Harold David Avila Sabogal

student•

también hacen mas versátil el código y nos ahorra tiempo en al depuración

Tomas Salina

student•

Hay una funcion que utilizo bastante que es alpha(color, opacidad). Básicamente lo que hace es tomar un color y transformarlo a un rgba con la opacidad que le indiquemos. Ejemplo:

color-platzi = #95ca3e

p 
	color: alpha(color-platzi, .5)

El output se vería así:

p {
	color: rgba(149, 202, 62, 0.5);
}

Sebastián Buitrago

student•

la funcion de rgba funciona igual a alpha, tu puedes poner un solo color, y la opacidad en el rgba y tambien funciona, 👍

Andrés David Loaiza Zamudio

student•

Funciones: Solo lo que retorne la función, es lo que se aplicará donde sea implementado.

Fernando Galdós

student•

sigamos

Naldo Duran

student•

Funciones internas

Introducción al curso

Qué aprenderás sobre Stylus

Introducción a Stylus

Compilación e instalación

Cómo funciona Stylus

Sintaxis

Anidaciones

Reto: Instalación con Grunt

Herramientas de Stylus

Variables

Solución del reto y añadir HTML

Cómo escapar caracteres con Stylus

Estructura de CSS y propuesta de reto

Mixins

Mixins Paramétricos

Funciones internas

Condicionales

Directiva for