Genial, de verdad tremenda explicación; aunque es un tutorial muy corto es muy preciso; he buscado bastante sobre SASSS en RUclips y me encuentro con tutoriales antiguos que ya no sirven, otros que se nota que son de muy buen nivel, pero en inglés, y para entender incialmente los conceptos se dificulta un poco; amigo, deberías hacer un tutorial de un proyecto básico pero completo, totalmente modular, empezando por configurar npm sass, enseñar a crear el "scripts" de ejecución, lo cual me parece importantísimo y finalizar desplegando toda la potencia de SASS con sus nuevas @use y @forward; un abrazo!
claro amigo, si hay interes, me gustaria hacerlo, yo hice un proyecto completo aqui esta el enlace, ruclips.net/video/4lb_IC9nmA0/видео.html no use @forward y @use, creo que justo lo estaban implementado, pero tiene muchos componentes de sass, como te dije sera para la proxima
Muy claro el video. ¿Es posible lograr *persistencia de Dart Sass con VS Codium* para _no estar escribiendo la línea de compilación en terminal por cada archivo?_ Me explico, me gustaría que *cada vez que abro VS Code/Codium y cree un archivo scss, automáticamente en el fondo esté ejecutándose Dart Sass*
@@Emprinnos Ese aspecto lo entiendo bien. Lo que pretendo es una *automatización,* que cuando en VS Code yo cree un archivo scss, en el fondo esté corriendo Dart Sass *sin* necesidad de escribir en una terminal la orden de compilación a CSS
¡Hola! Tengo un inconveniente con Visual Studio Code que no me ocurría con Sublime Text 3 En el archivo styles.sass importo un archivo con: @use '_variables' as var. Cuando intento hacer: background-color: nth(var.$colors,1) me marca error. ¿Esto es por VSC y se soluciona con Dart Sass? Desde ya, muchas gracias.
@@Emprinnos Compilation Error Error: Invalid CSS after "...-color: nth(var": expected expression (e.g. 1px, bold), was ".$colors,1);" El error aparece cuando quiero trabajar con @use o @forward.
Intenta primero compilar algo bien sencillo a ver si se compila el codigo en vs code, me imagino que lo compilas con npm, si usas alguna extension como sass compiler @use no funciona
Hola, soy principiante y tengo una duda, en VScode me subraya los @use como errores en el CSS que me generó el SASS, pero todo funciona correctamente, el @use es soportado por el CSS ?...al compilar me deja eso en el CSS
Hola Jose, @use no deberia de estar en los archivos css, baja el ejemplo de github y compara el codigo con el tuyo github.com/Emprinnos/tutorial-use.git Cuando uno usa sass, los archivos css no se tocan para nada porque al compilar los archivos sass se genera el codigo css. @ se llaman at rules y existen tambien en CSS, pero @use NO EXISTE en CSS. Aqui te dejo la referencia de la documentacion: developer.mozilla.org/es/docs/Web/CSS/At-rule Chequea primero mi ejemplo, a ver si encuentras el error, si no, me avisas
Si lo entendí ,pero para un proyecto con varias carpetas se usa el @user como si fuese un @import? osea dentro del main.scss , importamos todos nuestros archivos con @user ? ,sería bueno un video usar @user en un proyecto mas grande
si claro, Vs code es un editor de texto nada mas, puedes editar lo que quieras, en mi vs code el texto de los archivos .sass se ven como texto plano y no en colores, pero se compila, no he tenido tiempo de ver los settings porque no uso la sintaxis .sass, mayormente todo el mundo usa .scss
Muchas gracias amigo por tu excelente explicación y compartir tu conocimientos.
👍👍👍
Genial, de verdad tremenda explicación; aunque es un tutorial muy corto es muy preciso; he buscado bastante sobre SASSS en RUclips y me encuentro con tutoriales antiguos que ya no sirven, otros que se nota que son de muy buen nivel, pero en inglés, y para entender incialmente los conceptos se dificulta un poco; amigo, deberías hacer un tutorial de un proyecto básico pero completo, totalmente modular, empezando por configurar npm sass, enseñar a crear el "scripts" de ejecución, lo cual me parece importantísimo y finalizar desplegando toda la potencia de SASS con sus nuevas @use y @forward; un abrazo!
claro amigo, si hay interes, me gustaria hacerlo, yo hice un proyecto completo aqui esta el enlace,
ruclips.net/video/4lb_IC9nmA0/видео.html
no use @forward y @use, creo que justo lo estaban implementado, pero tiene muchos componentes de sass, como te dije sera para la proxima
Muy claro el video.
¿Es posible lograr *persistencia de Dart Sass con VS Codium* para _no estar escribiendo la línea de compilación en terminal por cada archivo?_
Me explico, me gustaría que *cada vez que abro VS Code/Codium y cree un archivo scss, automáticamente en el fondo esté ejecutándose Dart Sass*
lo que se crea es un archivo css con el codigo compilado
@@Emprinnos
Ese aspecto lo entiendo bien.
Lo que pretendo es una *automatización,* que cuando en VS Code yo cree un archivo scss, en el fondo esté corriendo Dart Sass *sin* necesidad de escribir en una terminal la orden de compilación a CSS
@@sorcerereye para automatizar las tareas tienes que escribir un script, podrias usar gulp para ese tipo de cosas
Hola!
Sería fantástico si tu tutorial sobre sass lo rectificas y lo haces con @use y @forward 🙏🙏. un saludo
No hay problema, saludos
@@Emprinnos muchas gracias!
¡Hola!
Tengo un inconveniente con Visual Studio Code que no me ocurría con Sublime Text 3
En el archivo styles.sass importo un archivo con: @use '_variables' as var.
Cuando intento hacer: background-color: nth(var.$colors,1) me marca error.
¿Esto es por VSC y se soluciona con Dart Sass?
Desde ya, muchas gracias.
No deberia, vs code es un editor al igual que sublime text, que error exactamente te genera?
@@Emprinnos Compilation Error
Error: Invalid CSS after "...-color: nth(var": expected expression (e.g. 1px, bold), was ".$colors,1);"
El error aparece cuando quiero trabajar con @use o @forward.
Intenta primero compilar algo bien sencillo a ver si se compila el codigo en vs code, me imagino que lo compilas con npm, si usas alguna extension como sass compiler @use no funciona
@@Emprinnos Ahí seguí tus indicaciones del video y funcionó a la perfección. ¡Mil gracias por tu buena predisposición! :D
@@ismaelmarot8683 de nada Ismael, saludos!
Hola, soy principiante y tengo una duda, en VScode me subraya los @use como errores en el CSS que me generó el SASS, pero todo funciona correctamente, el @use es soportado por el CSS ?...al compilar me deja eso en el CSS
Hola Jose, @use no deberia de estar en los archivos css, baja el ejemplo de github y compara el codigo con el tuyo
github.com/Emprinnos/tutorial-use.git
Cuando uno usa sass, los archivos css no se tocan para nada porque al compilar los archivos sass se genera el codigo css. @ se llaman at rules y existen tambien en CSS, pero @use NO EXISTE en CSS. Aqui te dejo la referencia de la documentacion:
developer.mozilla.org/es/docs/Web/CSS/At-rule
Chequea primero mi ejemplo, a ver si encuentras el error, si no, me avisas
y como solucionamos nuestro sass que no reconoce la sintaxis @use y @forward ???
Instala una version mas reciente, despues se puede reformar el codigo
Si lo entendí ,pero para un proyecto con varias carpetas se usa el @user como si fuese un @import? osea dentro del main.scss , importamos todos nuestros archivos con @user ? ,sería bueno un video usar @user en un proyecto mas grande
No hay problema amigo, voy a hacer uno acerca de @use con multiples carpetas si hay interes, @use es basicamente el reemplazo de @import
Hola! Tengo una consulta: ¿en Visual Studio Code se puede trabajar con archivos .sass en lugar de .scss?
si claro, Vs code es un editor de texto nada mas, puedes editar lo que quieras, en mi vs code el texto de los archivos .sass se ven como texto plano y no en colores, pero se compila, no he tenido tiempo de ver los settings porque no uso la sintaxis .sass, mayormente todo el mundo usa .scss
@@Emprinnos ¡muchas gracias por tu respuesta.!
@@ismaelmarot8683 gracias a ti por ver el video, cualquier duda me avisas, Saludos!
yarn add sass
'sass' is not recognized as an internal or external command,
operable program or batch file.
:(
Intenta yarn init primero y despues agregalo
@@Emprinnos ty