Foros del Web » Creando para Internet » CSS »

[SOLUCIONADO] Recuperar el indice númerico en Stylus

Estas en el tema de Recuperar el indice númerico en Stylus en el foro de CSS en Foros del Web. Estoy intentando recuperar el grado de color en base al color pero por ahora no me sale Mi idea es recorrer el array con 2 ...
  #1 (permalink)  
Antiguo 05/04/2017, 03:50
 
Fecha de Ingreso: enero-2008
Mensajes: 580
Antigüedad: 16 años, 3 meses
Puntos: 9
Pregunta Recuperar el indice númerico en Stylus

Estoy intentando recuperar el grado de color en base al color pero por ahora no me sale
Mi idea es recorrer el array con 2 for he ir recuperando las KEYS y los VALUES para generar el CSS automáticamente
Espero estar preguntando en el lugar correcto, gracias

Código:
$palette = {
  Red: {
    '800': #C62828 #FFFFFF,
    '900': #B71C1C #FFFFFF,
    'A100': #FF8A80 #000000,
    'A200': #FF5252 #FFFFFF,
  },
  Pink: {
    '800': #AD1457 #FFFFFF,
    '900': #880E4F #FFFFFF,
  }

for colors in keys($palette) /*Recupera los colores*/
	valor1 keys(values($palette)[0]) /*Recupera el indice numerico del primer color manualmente*/
	valor1 keys(values($palette)[colors]) /*Devuelve Error*/

	valor2 values(values($palette)[colors])[0] /*error - devolveria el primer color*/
	valor3 values(values($palette)[colors])[1] /*error - devolveria el segundo color*/
Código:
for colors, i in keys($palette)
	colores keys($palette)
	grados keys(values($palette)[0][0])
	colores values(values($palette)[0])
	bg keys(values($palette)[i]) /* La "i" provoca un error*/
	bg keys(values($palette)[17]) /* Devuelve las KEYS */

Última edición por quico5; 05/04/2017 a las 08:54
  #2 (permalink)  
Antiguo 05/04/2017, 16:40
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 8 meses
Puntos: 2114
Respuesta: Recuperar el indice númerico en Stylus

No uso Stylus. Pero en Sass que uso y en otros que he visto, normalmente tienes que hacer algún tipo de interpolación. Mira a ver si es eso.
__________________
(:
  #3 (permalink)  
Antiguo 05/04/2017, 17:20
 
Fecha de Ingreso: enero-2008
Mensajes: 580
Antigüedad: 16 años, 3 meses
Puntos: 9
Respuesta: Recuperar el indice númerico en Stylus

Entiendo por interpolar usar: "{variable}" ó "#{variable}"

En Stylus se usa por ejemplo:
Código:
$nombre = data-formulario
ó
Código:
nombre = data-formulario
propiedad = color
color = red

div=\"{nombre}\"
  {propiedad} color
Que Devuelve
Código HTML:
<style>
  div~=[data-formulario]{color:red}
</style> 
Lo que me desconcierta es que si en el "for" la "i" me devuelve los números consecutivos: "0, 1, 2...., Porque en determinado punto usar la "i" en vez de un número devuelve irremediablemente un error, es como si el valor de "i" se perdiese en un punto, quedando inaccesible

Código:
for colors, i in keys($palette)
        {values(items)[i]} /*Devuelve un color*/
         {keys(values($palette)[i])} /* Error en lugar de devolver: color: rojo o verde... es como si la "i" no llease y la tengo entre las llaves "{}" */
A lo mejor "{([i])}" los parentesis me estan afectando

Última edición por quico5; 05/04/2017 a las 17:28
  #4 (permalink)  
Antiguo 06/04/2017, 12:16
 
Fecha de Ingreso: enero-2008
Mensajes: 580
Antigüedad: 16 años, 3 meses
Puntos: 9
Respuesta: Recuperar el indice númerico en Stylus

Lo he resuelto así:
Código:
for color, i in keys($palette)
	for accent in keys(values($palette)[i])

Etiquetas: indice, stylus
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 08:53.