I did this
should I still add CSSImport at the top ?
Oh wait that theme name applied to the radio group has not to match with the folder structure
You can place it in your theme and just change the :host theme selector within the css above
thanks for your help. This is how it works as per my understanding
if you want to customize globally, theme name is not required
for specific elements, yes the theme name is required
the mistake I did from the above was having the theme name vertical in the CSS
@media screen and (max-width: 600px) {
:host [part~='group-field'] {
/* Add your CSS styles here, for example: */
background: var(--lumo-primary-color);
display: flex;
flex-direction: column;
}
}
this one worked
Yes that works
sorry for the confusion, wasn’t sure if you wanna style only special radio buttons or all at once - this works perfectly fine for all