Need solution on this sass code.
Hi,
I create this function for root
$colors_variables: (
input_radio_border_color: #fff,
input_radio_inner_bg_box_shadow: #2c263f,
input_radio_outer_bg: #fff,
);
:root {
@each $colors_variables_name, $value in $colors_variables {
--#{$colors_variables_name}: #{$value};
}
}
and I add more variables in the seprate file button.scss like this with using existing root function
$colors_variables: (
btn_color: yellow,
);
@use "./../abstracts/mixins/root.scss" as *;
but the variables not add and don't show on :root. What is the best approach to add more variables using same root function that I made.
I create this function for root
$colors_variables: (
input_radio_border_color: #fff,
input_radio_inner_bg_box_shadow: #2c263f,
input_radio_outer_bg: #fff,
);
:root {
@each $colors_variables_name, $value in $colors_variables {
--#{$colors_variables_name}: #{$value};
}
}
and I add more variables in the seprate file button.scss like this with using existing root function
$colors_variables: (
btn_color: yellow,
);
@use "./../abstracts/mixins/root.scss" as *;
but the variables not add and don't show on :root. What is the best approach to add more variables using same root function that I made.
A friendly place for developers to meet other devs, ask questions, get help, and just have a good time 🙂.
36,263Members
Resources
Recent Announcements
Similar Threads
Was this page helpful?
