font-size overwriting

[Pasha8914]

Current Behavior

In web3-onboard there are variables for font size, but for variables are not used because fixed values are used for @media

Line 46 set variable for font-size, Line 86 overwrite to hardcode value

Expected Behavior

variables need to be used everywhere

Steps To Reproduce

1. Open web3-onboard
2. set display width more than 768px
3. look at element-inspector

What package is effected by this issue?

@web3-onboard/core

Is this a build or a runtime issue?

N/A

Package Version

2.7.12

Node Version

20

What browsers are you seeing the problem on?

Firefox, Chrome, Safari, Microsoft Edge

Relevant log output

No response

Anything else?

Because of this problem, I can't customize web3-onboard for my application. In my app 1rem = 10px; and the text in the modal window is too small, I tried to overwrite the data in the variables (custom styles guid) but found this bug

Sanity Check

• If this is a build issue, I have included my build config. If this is a runtime issue, I have included reproduction steps and/or a Minimal, Reproducible Example.

[dan1kov]

I have the same problem🤷‍♂️

[0xVoushi]

Same problem on my project

[Pasha8914]

@Adamj1232 @aaronbarnardsound @leightkt