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)