Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

How to style using classes (css modules)? #178

Open
Jakobud opened this issue Nov 18, 2024 · 0 comments
Open

How to style using classes (css modules)? #178

Jakobud opened this issue Nov 18, 2024 · 0 comments

Comments

@Jakobud
Copy link

Jakobud commented Nov 18, 2024

Like most people I'm using css (sass) modules for my components. How do I use css modules with this component?

I see that I can pass className as a prop but then that only gets applied to the .w-tc-editor container div. The textarea still has very opinionated styles applied INLINE on it:

    margin: 0px;
    border: 0px;
    background: none;
    box-sizing: inherit;
    display: inherit;
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-variant-ligatures: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    line-height: inherit;
    tab-size: inherit;
    text-indent: inherit;
    text-rendering: inherit;
    text-transform: inherit;
    white-space: pre-wrap;
    word-break: keep-all;
    overflow-wrap: break-word;
    outline: 0px;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    resize: none;
    color: inherit;
    opacity: 0.8;
    overflow: hidden;
    -webkit-font-smoothing: antialiased;
    -webkit-text-fill-color: transparent;
    padding: 10px;
    min-height: 16px;

How do I use this component without any sort of styling on it at all so that I can use classes to control the styling? If there is a way to do this it's not clear at all in the documentation.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant