Previously it was possible to change the following CSS properties by targeting the rux-checkbox-group
element instead of using the available CSS Shadow Parts:
color
, font-family
, font-size
, font-weight
, line-height
, letter-spacing
.
These styles have now been properly moved to the shadow dom and require the use of CSS Shadow Parts.
Resolution:
Search your application's CSS for anything that may be targeting rux-checkbox-group
directly and replace with the appropriate CSS Shadow Part.
v6
rux-checkbox-group {
color: red;
font-family: Arial;
font-size: 2rem;
font-weight: 800;
line-height: 1;
letter-spacing: 0.3em;
}
v7
rux-checkbox-group::part(container) {
color: red;
font-family: Arial;
font-size: 2rem;
font-weight: 800;
line-height: 1;
letter-spacing: 0.3em;
}