how to apply media query styling to input components

[Theo]

hi! i've checked the documentation regarding the question, but i was unable to find any clue how to achieve this one. I basically want to apply some styles on the input element or .CardInput class, inside the iframe.

My end goal is to make the font smaller on mobile, and bigger on desktop. Is this possible w/ the react implementation?

[Dinesh]

Hi Shierro,

It is possible to dynamically change the font-size on the react implementation. Although, media queries are not supported.

Refer to this example: Here you can modify the fontSize in the state, to achieve corresponding result. For a full list of supported styles refer here.

Let me know if this solves your query.

Thanks - Dinesh

[Theo]

hi Dinesh, thanks for taking time to reply. yup, that works for me. is it possible to support media queries in the near future?

…

On Wed, Sep 11, 2019, 1:53 PM Dinesh ***@***.***> wrote: Hi Shierro, It is possible to dynamically change the font-size on the react implementation. Although, media queries are not supported. Refer to this example <https://github.com/chargebee/chargebee-checkout-samples/blob/master/components/react-app/src/components/example1/Example1.js>: Here you can modify the fontSize in the state, to achieve corresponding result. Let me know if this solves your query. Thanks. - Dinesh — You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub <#8?email_source=notifications&email_token=AC4RKNITZVMID24VOBZ24C3QJCBWTA5CNFSM4IVOWVTKYY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGOD6NLAAQ#issuecomment-530231298>, or mute the thread <https://github.com/notifications/unsubscribe-auth/AC4RKNN6DCLXPYAVDILX433QJCBWTANCNFSM4IVOWVTA> .

[Dinesh]

Support for media queries is already in our backlog. But there is no fixed ETA as of now. :)

[Dinesh]

Closing this issue. Please raise a new issue if there are any problems.
Thanks.