Tag: CSS-IN-JS
He agregado styled-jsx a mi proyecto de Preact (configurado con esta plantilla de TS) y puedo estilizar cosas en línea a través de la etiqueta sin problemas, por ejemplo: <div> <h1>Hola{name && <code>, ${name}</code>}!</h1> <form onSubmit={handleNameSubmit}> <input type=”text” value={input} onInput={handleInput} /> <button type=”submit” className=”test”> Actualizar {input && <code>como ${input}</code>} </button> . . . Read more
Los documentos para la posibilidad de estilizar componentes mediante bibliotecas de CSS-in-JS están vacíos. https://docusaurus.io/docs/styling-layout#css-in-js
Estoy teniendo problemas cuando intento usar ctrl + / para comentar mi código jsx de estilo dentro del editor de VS Code. Encontré esta pregunta que se relaciona, pero nunca tuvo una buena respuesta. https://stackoverflow.com/questions/54311645/how-to-comment-styles-inside-style-jsx-tag-in-nextjs El problema es el siguiente: <style jsx>{` .myDashboard { font-size: 13px; line-height: 28px; } `}</style> . . . Read more
Tengo una aplicación compuesta por dos partes: (A) una aplicación heredada (AngularJs) con sus propias clases CSS. (B) un div que contiene una aplicación completamente nueva (React). B está construido con webpack, postcss y Tailwind. ¿Puedo asegurarme de que las clases de Tailwind de B no se vean afectadas por . . . Read more