The latest articles on DEV Community by Reinout (@reinoute). https://dev.to/reinoute https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F186974%2Fc01633e3-6d9e-4ae5-ac02-4e49acd7e38b.jpeg https://dev.to/reinoute en Reinout Wed, 12 Aug 2020 09:16:00 +0000 https://dev.to/reinoute/sass-theme-variables-generator-4mic https://dev.to/reinoute/sass-theme-variables-generator-4mic <p>What I would like to have:</p> <ol> <li>Consistent naming and structure of Sass theme variables across projects (e.g. <code>$color-primary</code>), so that you don't have to guess the variable names.</li> <li>An easy way to generate these variables, for example, using an online generator.</li> </ol> <p>Does something like this exist?</p> <p>I know there's the <a href="https://system-ui.com/theme">System UI specification</a>, but it doesn't seem actively maintained and there is no Sass version.</p> <p>I know TailwindCss has a pretty solid <a href="https://tailwindcss.com/docs/theme#theme-structure">theme structure</a>, but I don't want to depend on a CSS framework.</p> <p>-- Edit<br> I'm now using a subset of the Bootstrap variables, but it's just too bloated with stuff that I don't need and some smart Sass functions/maps are missing.</p> css