
En resumen es un mixin que trabaja para estilos de notificaciones. Estoy usando un esquema de Hashes en vez de variables que me permite organizar y usar namespaces más cómodamente para evitarme choques de variables y eso, entre otras cosas.
En fin, este módulo es el último en la cadena, por consecuencia entonces se supone que todos los demás módulos compilaron perfectamente con las referencias a los hashes (ej. -colors['red']) y acá, al final, me tira un ParseError en esas referencias ... no sé, quizá sea algo que se me escapa al ojo y que alguno pueda ver

En fin, les dejo el código acá:
Código CSS:
Ver original
notice(width = false, clr = -default_color, padding = -notice['padding'], flat = -notice['flat']) simple-gradient(clr, 3%) if flat border-radius 0 else border-radius -notice['radius'] background-color clr border 1px solid darken(clr, 10%) box-shadow 1px 1px 3px rgba(#000000, 0.5) padding padding position relative width width if width flash(type = "notice") if type == "notice" notice(clr: -colors['light-blue']) color -colors['white'] font-weight bold text-shadow 1px 1px 1px rgba(#000, 0.2) if type == "success" notice(clr: -colors['green']) color -colors['white'] font-weight bold text-shadow 1px 1px 1px rgba(#000, 0.2) if type == "warn" notice(clr: -colors['orange']) color -colors['white'] font-weight bold text-shadow 1px 1px 1px rgba(#000, 0.2) if type == "err" notice(clr: -colors['red']) color -colors['white'] font-weight bold text-shadow 1px 1px 1px rgba(#000, 0.2)
Y el código de los hashes-variables
Código:
Y claro el trace que no logro resolver:-colors = {
'red': #e74c3c
'orange': #e67e22
'yellow': lighten(#f1c40f, 15%)
'green': #2ecc71
'light-blue': #3498db
'blue': #2980b9
'purple': #9b59b6
'white': #ecf0f1
'black': #15191D
}
Código:
Desde ya muchas gracias! ParseError: ../../dopamine/components/_ui.styl:26
22| notice(clr: -colors['light-blue'])
23| color -colors['white']
24| font-weight bold
25| text-shadow 1px 1px 1px rgba(#000, 0.2)
> 26|
27| if type == "success"
28| notice(clr: -colors['green'])
29| color -colors['white']
expected "indent", got "outdent"
at Parser.error (/usr/local/lib/node_modules/stylus/lib/parser.js:230:11)
at Parser.expect (/usr/local/lib/node_modules/stylus/lib/parser.js:258:12)
at Parser.block (/usr/local/lib/node_modules/stylus/lib/parser.js:741:12)
at Parser.selector (/usr/local/lib/node_modules/stylus/lib/parser.js:1277:24)
at Parser.property (/usr/local/lib/node_modules/stylus/lib/parser.js:1228:47)
at Parser.ident (/usr/local/lib/node_modules/stylus/lib/parser.js:1183:25)
at Parser.stmt (/usr/local/lib/node_modules/stylus/lib/parser.js:685:26)
at Parser.statement (/usr/local/lib/node_modules/stylus/lib/parser.js:593:21)
at Parser.block (/usr/local/lib/node_modules/stylus/lib/parser.js:753:21)
at Parser [as if] (/usr/local/lib/node_modules/stylus/lib/parser.js:842:23)


