sdras / cssgridgenerator

🧮 Generate basic CSS Grid code to make dynamic layouts!
https://cssgrid-generator.netlify.com/
MIT License
5.04k stars 551 forks source link

SCSS mode #139

Open PubliAlex opened 1 year ago

PubliAlex commented 1 year ago

Hello,

Very nice tool for people like me that are new to grid system.

However, I have a small suggestion. I use SCSS as a standard processor for my css. When I do something like this :

.div1 { grid-area: 2 / 3 / 4 / 5; }

It calculate the values. To force SCSS to just consider this as a string, I have to do :

.div1 { grid-area: {#"2 / 3 / 4 / 5"}; }

Like this, it works well.

Would ie be possible to add a small option in your tool : "display code as SCSS" and add that syntax to be able to do a quick copy / paste without adding manually this syntax when you use SCSS processor ?

Thank you