Describe the bug:
If describe variable in :root in CSS and use variable for border-color property - it does not work
How do you cause this bug?
Here is the widget code:
<html>
<head>
<style>
:root {
--line-color: rgba(32, 254, 255, 1);
}
.test0 {
background-color: var(--line-color);
width: 5rem;
height: 5rem;
}
.test {
border-width: 5rem;
border-color: var(--line-color);
border-style: solid;
background-color: white;
width: 5rem;
height: 5rem;
}
body {
background-color: black;
}
</style>
</head>
<body>
<div class="test0">
</div>
<div class="test">
</div>
</body>
</html>
Compare how this looks in browser and in widget in Crayta. Browser shows light blue border on second box. In Crayta it is black, but light blue color from variable is used on background of first box successfully. Expected that it works in both.
Screenshots / video of bug:
In browser:
in Crayta:
Which platform: PC / Stadia
Your Crayta username:
str-read
Game seen in (including “Hub” or “Editor for XYZ”):
Editor
How regularly do you see this? (E.g. 2/3 times - please try 3 times if possible):
always
Version number (found in Help tab in Settings):
0.7.409.102703