Esta publicación se originó a partir de la publicación.

Estoy usando react-simple-keyboard e intento anular el estilo debajo (clase:react-simple-keyboard) de esta biblioteca

usando scss

teclado.módulo.scss

 .react-simple-keyboard{ width: 50% !important; }

componentes/teclado/index.js

 import keyboardStyle from "./keyboard.module.scss"; ... // Do something using keyboardStyle

pero no funciona

De los comentarios que he recibido de la publicación, incluso intento

 :global(.react-simple-keyboard) { width: 50% !important; }

pero no funciona.

arroja error

 Selector ":global(.react-simple-keyboard)" is not pure (pure selectors must contain at least one local class or id)

Actualización 1
Intento agregar la clase a global.css y funciona, solo me pregunto si puedo hacerlo en keyboard.module.scss

_app.tsx

 import "../styles/globals.css"; ...