Condicionales

Resumen

Stylus cuenta con condicionales if que vienen muy útiles a la hora de asegurarnos que algo tiene un valor y que se ejecute algo si eso se cumple.

Juan C Felizzola

student•

Los condicionales proporcionan flujo de control a un lenguaje que de otra manera es estático, proporcionando importaciones condicionales, mixins, funciones y más.

Harold David Avila Sabogal

student•

Buen dato muchas gracias

Fernando Villalba

student•

text-color no existe

Gustavo J. Arias

student•

Hola! una consulta, así como se puede usar IF/ELSE, también puedo usar el ELSE IF ?, además de eso, las variables siempre deben ser booleanas o también pueden ser de otro tipo ?

Gracias 😃

Yomar Esteban Miranda Sarmiento

student•

Si se puede usar ELSE IF, este ejemplo lo saqué de la documentación oficial de stylus:

compare(a, b)
  if a > b
    higher
  else if a < b
    lower
  else
    equal

Al parecer también puedes usar Strings para evaluar las condiciones, este ejemplo también está en la documentación oficial:

stringish(val)
   if val is a 'string' or val is a 'ident'
     yes
   else
     no

Te dejo el Link de donde tome los ejemplos.

Yomar Esteban Miranda Sarmiento

student•

Puedes ir directamente a la parte de condicionales aquí

Tomas Salina

student•

A continuacion otro ejemplo de uso de condicionales:

titulos(fuente)
  if fuente == Fuente1
    font-family: Fuente1
  else 
    font-family: Fuente2
    text-transform: uppercase
    font-weight: 600

Aracely Alba

student•

Existe también un condicional unless que es como un if not / si no.

Jansenio Gonzales Venegas

student•

else en background :white ; el punto y coma va siempre o es error?

Harold David Avila Sabogal

student•

no es necesario

Israel Aboutboul

student•

en stylus no es necesario pero hay otros pre procesadores que si

Andrés David Loaiza Zamudio

student•

Epale!

Fernando Galdós

student•

gran clase

Condicionales

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