Tag: BOOTSTRAP-SASS
Tengo el siguiente fragmento de código SCSS: ul { display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; margin: 0; padding: 0; list-style: none; li { a { color: $primary; &:hover { color: $secondary; } } padding: 10px; &:hover { transform: translateY(-3px); } } &:after { content: ”; display: block; width: . . . Read more
¿Es posible que javascript cambie las propiedades SASS? Ya he intentado usar javascript para manipular el DOM, pero aún no funciona. Ejemplo: HTML: SASS: #thing1 display: none width: 40vw height: 40vh; background-color: red Javascript: document.getElementById(“thing1”).style.display = “block” ¿Alguien puede mostrarme cómo hacer que esto funcione?
Estoy tratando de seguir un tutorial en YouTube sobre Bootstrap 5 utilizando algunas herramientas como Sass. El autor de este video, en su ejemplo al principio, está probando si su script para compilar código de Sass está funcionando. Aquí está la captura de pantalla de su trabajo: screenshot 1 Intenté . . . Read more
Tengo un proyecto de React con configuración scss. Cuando creo componentes simples con storybook, uso variables globales con @use "../../assets/styles/constants/_colors". Funciona bien… Pero si importo mis componentes simples en la página, obtengo este error: @use rules must be written before any other rules. Uso @use en el nivel superior de . . . Read more
Mi estructura de carpetas para mi aplicación de React es la siguiente: my-react-app |_public | |_assets | |_style.scss | |_elements | |_ _test.scss |_src |_index.scss |_index.js Ese es la estructura de mis carpetas para mi aplicación de React. index.js import ‘./index.scss’; index.scss @import “../public/assets/style”; style.scss @import url(elements/_test.scss); _test.scss body { . . . Read more