Tag: BABEL-PLUGIN-REACT-CSS-MODULES
Estoy intentando compartir las variables definidas en un archivo SASS con un componente Svelte a través de la funcionalidad :export como se define aquí. Sé que es posible, ya que esto funciona exactamente como espero/deseo: // styleExport.module.scss $colors: ( red: #ff0000, green: #00ff00, blue: #0000ff ); :export { @each $color, . . . Read more
Hasta ahora he estado usando scss / sass con create react app, por lo que estaba descargando el paquete node-sass. Pero acabo de descubrir CSS module, me gusta el principio, y me gustaría saber si es posible usar ambos al mismo tiempo, es decir, ¿tener archivos “MyComponent.module.scss”?
Estoy utilizando módulos de CSS y tengo un componente de React con dos clases: uno: con hash mediante css modules otro: sin hash porque proviene de otra función (digamos que se llama “clear-class”). <div classname=”{`${styles.hashedClass}” clear-class`}=””> qwerty </div> Mi archivo scss se ve así y no está funcionando. .hashedClass { . . . Read more
Digamos que tengo un componente React con un módulo CSS simple: /* MyComponent.module.css */ .animatable { background-color: red; transition-property: background-color; transition-duration: 500ms; } .animating { background-color: grey; } // MyComponent.js import styles from “./MyComponent.module.css”; const MyComponent = () => { const [isAnimating, setIsAnimating] = useState(false); const classes = `${styles.animatable} ${isAnimating? . . . Read more
Entonces siento que he intentado de todo para hacer que este botón vaya hacia la parte inferior del div, pero nada parece funcionar. Si cambio el div contenedor a align-content: flex-end, todo se mueve hacia la parte inferior como debería, pero estoy tratando de mantener los divs en la parte . . . Read more