You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
{{ message }}
This repository has been archived by the owner on Sep 20, 2024. It is now read-only.
Is your feature request related to a problem? Please describe.
I wish to use Chakra only for it's a11y capabilities and not the styling, for which I do already have TailwindCSS. How can I strip the System UI styling?
Describe the solution you'd like
Allow to not load any default theme and provide it's own styling.
Will also probably decrease the total bundle size in cases it's not used.
Describe alternatives you've considered
using a more specific CSS selector + @apply overrides Chakra but it's really annoying and time consuming
using important: true in tailwind.config.js is working but I'd rather avoid this kind of bazooka if possible
don't give a penny and say f*** to a11y but... 😕
Additional context
This is the code that I do have
<c-textas="span" class="font-script">family not applied</c-text><spanclass="font-script">family applied</span><c-textclass="forced-font-script">forced family with @apply</c-text>
This is the rendered content
And this is the CSS for the font-family of the 3rd tag.
As we can guess, the 1st tag (aka c-text as="span" class="font-script" combo) is having it's font-script class overriden by the default -apple-system,BlinkMacSystemFont... families.
The text was updated successfully, but these errors were encountered:
Sign up for freeto subscribe to this conversation on GitHub.
Already have an account?
Sign in.
Is your feature request related to a problem? Please describe.
I wish to use Chakra only for it's a11y capabilities and not the styling, for which I do already have TailwindCSS. How can I strip the System UI styling?
Describe the solution you'd like
Allow to not load any default theme and provide it's own styling.
Will also probably decrease the total bundle size in cases it's not used.
Describe alternatives you've considered
@apply
overrides Chakra but it's really annoying and time consumingimportant: true
intailwind.config.js
is working but I'd rather avoid this kind of bazooka if possibleAdditional context
This is the code that I do have
This is the rendered content
And this is the CSS for the
font-family
of the 3rd tag.As we can guess, the 1st tag (aka
c-text as="span" class="font-script"
combo) is having it'sfont-script
class overriden by the default-apple-system,BlinkMacSystemFont...
families.The text was updated successfully, but these errors were encountered: