XF 2.2 .block--message.message border radius @ < 650px width

[philmckrackon]

I can't remember where to set the message block radius for the mobile width or can it only be done via css?
Thanks

When the message block is > 650px the border radius is 10px.



When the reactive 650px width is activated the border radius is zero:

 

[Deleted member 184953]

or can it only be done via css?

Yep. But in the XF default style, the border radius does not seem to change with the viewport.

 

[philmckrackon]

Yep. But in the XF default style, the border radius does not seem to change with the viewport.

Hmm, makes sense. My style is driven from the XF default as the parent.
I'm not sure how to achieve this. Any idea on some sort of CSS code to try?

Edit: Looks like @media (max-width: @xf-responsiveNarrow) or @media (min-width: @xf-responsiveNarrow depending how I code it.

 

[Deleted member 184953]

[CODE=less]@media (max-width: @xf-responsiveNarrow) {
    .block--message, .message {
        border-radius: 10px;
    }
}

Something like that