Soluciones a dos problemas de Scout al trabajar con Sass

Scout es una gran aplicación gratuita y multiplataforma para trabajar con Sass y Compass sin necesidad de tocar la línea de comandos. Un entorno muy sencillo de configurar para que sólo te centres en diseñar con Sass.

Junto con Brackets es el entorno que recomiendo a mis alumnos, un entorno sencillo y gratuito para aprender y trabajar con el preprocesador Sass. 

En video2brain tenemos un par de cursos muy completos a los que puedes acceder gratis durante 7 días.

1. Desarrollo web con Sass, CoffeeScript y Emmet. Aprende a desarrollar sitios web con herramientas rápidas y productivas
2. CSS con LESS y Sass. Maquetación CSS profesional con preprocesadores

Soluciones a dos problemas de Scout

Desgraciadamente la última versión de Scout, la 0.71, tiene 3 años y hay un par de problemas que no han sido resueltos y que puedes encontrarte al utilizar Scout.

1. Error en Adobe Air

Cuando al iniciar un proyecto Adobe Air te devuelve el error:

ArgumentError: Error #3214

Esto es debido a que Scout no encuentra la ruta de la versión de Java que tienes instalada, tienes que editar el archivo process_interaction.js en la carpeta app de tu instalación de Scout:

C:\Program Files (x86)\Scout\javascripts\app

En el final del archivo process_interaction.js deberás poner la ruta de tu instalación de Java en tu equipo:

function javaDir() {
 if(air.Capabilities.os.match(/Windows/)) {
 path = air.File.applicationDirectory.resolvePath("C:\\Program Files\\Java\\jre1.8.0_45\\bin\\java.exe");
 if(!path.exists){
 path = air.File.applicationDirectory.resolvePath("C:\\Program Files (x86)\\Java\\jre1.8.0_45\\bin\\java.exe");
 if(!path.exists){
 path = air.File.applicationDirectory.resolvePath("C:\\Program Files\\Java\\jre1.8.0_45\\bin\\java.exe");
 }
 }

2. Los puntos decimales

Scout tiene un problema al renderizar los CSS que contienen decimales por ejemplo cuando asignamos una opacidad:

background-color: rgba(0,0,0, .5);

No siempre falla, si sólo tienes un estilo con opacidad y el último archivo scss que guardas es ese puede que el CSS lo haga bien Scout. Para curarte en salud hay una solución sencilla, poner los decimales fraccionados, de forma que en vez de poner 0.5 pones 5/10.