scss-mixins

I'm fighting to pass/get a $variable to a @content from within a @mixin. I read extensively online about it and know it's not possible. But maybe someone knows a good variation and/or other solution. I created a SassMeister file to explain it: https://www.sassmeister.com/gist/f5404131ace6e243ef0a6c9cca042889 Anyone who can help me out? Thanks for reaching out ;-) I don't know if it is the best method, but you could create a global variable, change it at every loop and use it. Something like this: $color-1: #333; $color-2: #0073BD; $myvariable:0; $numbers: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10;

When I do inspect element on one the row div it shows the element belongs to _grid.scss instead of bootstrap.css . And even the column in the row are not displaying correctly as it should be using bootstrap. Can someone clear this confusion? I don't have any file in my css named as _grid.scss and the path it is referring to is empty as well. TIA Remove bootstrap.css.map that means source map. You can read more about source maps there https://medium.com/@toolmantim/getting-started-with-css-sourcemaps-and-in-browser-sass-editing-b4daab987fb0 Alternatively you can disable in your inspector tool

theme-variables.scss //--------------------------------------------------------- //Declare a global variable and set it to red color //--------------------------------------------------------- $fg-primary-text: red; //--------------------------------------------------------- //below @mixin is used in styles.scss to pass the custom-theme //--------------------------------------------------------- @mixin cache-theme-colors($theme) { @include set-global-variables($theme); } //--------------------------------------------------------- //local mixin to set the global-variable from the $theme using