Pues paso por acá a ver si alguien logra ver algo que yo no, porque llevo ya un rato dándole vueltas y no consigo ver donde estoy metiendo la pata.
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 originalnotice(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:
-colors = {
'red': #e74c3c
'orange': #e67e22
'yellow': lighten(#f1c40f, 15%)
'green': #2ecc71
'light-blue': #3498db
'blue': #2980b9
'purple': #9b59b6
'white': #ecf0f1
'black': #15191D
}
Y claro el trace que no logro resolver:
Código:
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)
Desde ya muchas gracias!