Variable mapper

Generate your CSS3 variables by just writing SCSS like syntax (can omit the $ before the variable)

Settings

Input

Output

$card-bg: $color1 !default;

--card-bg: #{$card-bg};