We’re currently making our components responsive using variables. We’ve setup custom values for components, in this case our Checkbox. It should increase in size on smaller viewports. We’ve inserted icons inside the checkboxes which contains sizing variants which are connected to the variables string to achieve the resizing. The resizing is working correctly, however the color breaks. I have checked all the layer nesting, naming, etc. Also re-factored the Icon naming and layering, but it still breaks.
Please see the video.
