Skip to main content

Preguntas con la etiqueta [sass]

Syntactically Awesome Stylesheets es un metalenguaje de hoja de estilos que sirve principalmente para la construcción de sitios web

Filtrar por
Ordenado por
Etiquetadas con
0 votos
0 respuestas
35 vistas

Mi navegador no reconoce un archivo scss

Me encontré con este error, estoy haciendo un curso de desarrollo web en el que se utiliza Sass. Todo iba bien hasta que tenía 4 archivos .scss: _footer.scss _header.scss _iconos.scss _navegación....
Avatar del usuario Cristian Fernando
0 votos
0 respuestas
43 vistas

No termina el proceso de crear un proyecto en angular

hola gente necesito su ayuda urgente, estoy empezando la clase de aplicacion web y estamos en el tema de angular y no se termina de cargar el proyecto, ya actualice el node.js y el npm y aun asi sigue ...
Avatar del usuario José Manuel Diaz C.
0 votos
0 respuestas
29 vistas

Estilos SCSS no cargan la primera vez que visito una página en Next.js

Estoy haciendo una pequeña página de delivery de comida local. Cuando ingreso al detalle de un restaurante, desde la página de "todos los restaurantes", los estilos no cargan y la página se ...
Avatar del usuario Diego Saravia
0 votos
0 respuestas
15 vistas

Problema deployando proyecto rollup y sass en vercel

Tengo un proyecto que compila con rollup mi codigo javascript y para el frontend compila con sass, la situacion es que al intentar deployarlo en vercel, se queda pegado haciendo el archivo de codigo ...
Avatar del usuario MaraPro
0 votos
0 respuestas
30 vistas

Aplicar dos animaciones a un elemento css al mismo tiempo

Tengo un problema aplicando dos animaciones en css, según los documentos se pueden aplicar dos animaciones al mismo tiempo a un elemento si están separadas por una ",". En este caso estoy ...
Avatar del usuario Marcos Solá
1 voto
0 respuestas
31 vistas

Acceso directo a la carpeta de bootstrap en node_modules

Estoy migrando un proyecto del trabajo de bootstrap v4 a v5 y en la nueva version se implementa el uso de variables sass y esto ayuda un monton, el punto es que quisiera saber de que manera puedo ...
Avatar del usuario Max Jimenez
0 votos
0 respuestas
5 vistas

Imports, actualizarlos en el output. Esbuild

¡Hola!, ante nada quiero desearles un lindo día, tarde o noche, espero se encuentren bien. Estoy creando un componente de React, el cual pienso subir a NPM para reutilizar en futuros proyectos. Para ...
Avatar del usuario Jhon
  • 315
0 votos
0 respuestas
87 vistas

sass no aplica los cambios a la hoja de estilos

no puedo hacer que los cambios que realizo en la hoja de estilos se apliquen a mi proyecto, los archivos estan bien linkeados dejo el html Puedo asegurar que la hoja de sass esta bien linkeada ya que ...
Avatar del usuario noobcoder79
0 votos
0 respuestas
41 vistas

Invalid CSS after "$newList: list": expected selector or at-rule, was ".append($list1,...")"

No puedo utilizar cosas de otros archivos o utilizas librearias como sass:list o sass:map porque me manda error "error sass/index.scss (Line 8: Invalid CSS after "$newList: list": ...
Avatar del usuario Miguel Vasquez
0 votos
0 respuestas
29 vistas

problema en el header al fijarlo

soy nuevo y hace poco termine una pagina web aplicando HTML/CSS/JavaScript/SASS y bueno me surgieron varios problemas como que al fijar el header, este desaparece pero al hacer scroll vuelve a ...
Avatar del usuario Shury18
0 votos
2 respuestas
40 vistas

CSS solo me toma algunas cosas

No recibe todas las etiquetas que le escrbio usando CSS o SASS, no le quita la decoración a la lista ni lo remarcable cada que se selecciona. Tampoco se separan ya teniendo el display flex ni grid ...
Avatar del usuario Lautaro Campos
0 votos
1 respuesta
57 vistas

instalacion sass con comando npm install -g sass da error

Estoy queriendo instalar sass en mi mac y me da error MacBook-Air-de-Gonzalo:clase_sass c.gonzalo12$ npm install -g sass npm ERR! code EACCES npm ERR! syscall rename npm ERR! path /Users/c.gonzalo12/....
Avatar del usuario gonzalo capararo
3 votos
2 respuestas
70 vistas

Quiero que el título de la imagen esté desaparecido y cuando pase el mouse por encima, aparezca: lo logro con CSS, pero no con SASS

Tengo este problema que cuando lo hago con CSS me deja pero con SASS no. Quiero que el título de la imagen esté desaparecido y cuando pase el mouse por encima, aparezca. En CSS tengo un contenedor de ...
Avatar del usuario José Ignacio Peresini
1 voto
1 respuesta
601 vistas

¿Cómo cambio el color del borde de fuera de un button?

Estoy haciendo un login con Bootstrap y quería hacer un cambio a la línea exterior del botón que es de color azul a rosa. Probé lo siguiente pero no funciona, pude cambiar todo menos lo que les ...
Avatar del usuario Gabriel Martinez
2 votos
1 respuesta
175 vistas

¿Cómo mover imagen, texto y agregar líneas de separación?

¿Saben cómo puedo hacer para que mi resultado se vea como el de la imagen? en referencia para que la imagen y el texto queden en la misma línea y agregar las líneas de división. Intente usar el float ...
Avatar del usuario 707
  • 53
0 votos
1 respuesta
363 vistas

¿Por qué me sale error cuando trato de importar en SASS?

estoy teniendo un problema con SASS. Estoy tratando de importar componentes a mi archivo principal (ejercicio-sass.scss) pero me da error. Ya revise los nombres de los archivos y están correctos. ...
Avatar del usuario Lucas Brumatti
0 votos
0 respuestas
60 vistas

¿Se puede concatenar más de una pseudoclase en una clase?

Estoy buscando la manera de concatenar dos pseudoclases en una sola para lograr un dark mode en mi proyecto, pero desconozco como se hace sin el uso de SASS... ¿Podrían asesorarme? Ejemplo de cómo ...
Avatar del usuario Abraham Medina
0 votos
0 respuestas
37 vistas

No cargan mis estilos ni imagenes en github pages

Es una pagina estatica, es primera vez que uso sass, no se si sea por eso. porfavor y gracias les adjunto la pagina https://luispuent3.github.io/Recetario/ https://github.com/LuisPuent3/Recetario
Avatar del usuario El Chido
0 votos
1 respuesta
29 vistas

Sass compila en mi pc pero no en producción

La pagina esta hecha con Next js y uso sass ^1.55.0 y @styled-jsx/plugin-sass ^4.0.2. Al hacer next build pues me genera bien la pagina y todo y funciona con next start pero al hacer el next build en ...
Avatar del usuario Achalogy
-1 votos
1 respuesta
99 vistas

Por qué no aparece los -webkit- en mi compilación de SASS

Ayudaaaa. Hice todas las instalaciones para el SASS y cuando compila el SASS A MI CSS aparece todo menos los webkits o ms flex. No sé que hice mal ni sé como encontrar la respuesta, es primera vez ...
Avatar del usuario Maggi
  • 11
0 votos
0 respuestas
547 vistas

¿Por qué cuando compilo de .scss a .css con Sass se genera un archivo .css.map?

estoy haciendo varios programas simples y es mi primer día utilizando Sass, estoy intentando compilar un programa .scss a .css mediante el comando en consola: sass nesting.scss:nesting.css. En ...
Avatar del usuario Victor Martorell Dos Santos
0 votos
2 respuestas
106 vistas

Añadir clases a elementos hermanos del que se hace hover

Intento hacer un efecto de dock de macos. Los elementos son las etiquetas contenido; el problema es que no sabría como seleccionar elementos previos y posteriores, estuve intentando con ...
Avatar del usuario Luis alemao Caleni velasquez
0 votos
1 respuesta
901 vistas

Importar fuentes a Sass

¿Alguien sabe como importar fuentes que no sean de google font, osea que hayan sido descargadas a un archivo de Sass?
Avatar del usuario Emilio Alejandro
0 votos
1 respuesta
763 vistas

Alinear div a la derecha del padre

necesito alinear a la derecha un div que tiene padre, el div que señalo a continuación se ajusta al finalizar el nombre del documento, pero necesito alinearlos a la derecha, adjunto el codigo que ...
Avatar del usuario Santiago Sanchez Correa
0 votos
1 respuesta
199 vistas

¿Porque no se produce el background-image en laravel?

resulta que quiero colocar una imagen de fondo a una pagina web , y estoy usando laravel, resulta que al colocar el codigo de "background-image" , no me carga la imagen o probablemente no lo ...
Avatar del usuario Luis Cifuentes
1 voto
0 respuestas
279 vistas

Mostrar div segun lo seleccionado en un Select

estoy intentando mostrar y ocultar un div según lo seleccionado en un select. El Select se carga dinamicamente con un JSON JSON "BISI": [{ "numOrden": "01", "...
Avatar del usuario derek
  • 509
0 votos
0 respuestas
238 vistas

Problemas con media queries que no pisan los estilos y que si lo hacen con "!important"

Estoy aprendiendo html y css acompañado del uso de bootstrap y sass, en este caso estoy pasando a responsive mi sitio web y me encuentro con la dificultad de que ciertas clases no se pisan, al ...
Avatar del usuario Nebularmess
1 voto
0 respuestas
29 vistas

Click solo en enlaces

tengo un menu de navegación en bootstrap, le agregue la siguiente animación con css: a, a:hover, a:active, a:visited { color: unset; text-decoration: none; cursor: pointer; } .link { display: block; ...
Avatar del usuario Jake the dog
0 votos
0 respuestas
40 vistas

Hola buena noche, tengo un problema con position fixed, absolute y relative [duplicada]

Tengo una pagina hecha con sass con una nav bar por position fixed para mantenerla fija, mi problema es que tengo una galeria de imagenes con un overlay, el cual tiene position rellative y absolute, ...
Avatar del usuario Yahir Ortiz
0 votos
1 respuesta
75 vistas

Video en HTML tapa H3 en version movil

Estoy realizando el proyecto de un curso en el que se coloca por medio de HTML5 un video en forma de portada, y por encima un h3 y párrafo en forma de título, de la siguiente manera: <div class=&...
Avatar del usuario Mariano
0 votos
1 respuesta
91 vistas

Tabla descuadrada - se distorsiona - Angular

tengo un problema con Angular, en el detalle del front, donde tengo una tabla y los siguientes campos, el detalle es que las celdas se me distorsionan y no se que pueda hacer, he visto la ...
Avatar del usuario oscarggh
  • 325
0 votos
0 respuestas
433 vistas

Cambiar variable de color de scss en react

En la carpeta src tengo la siguiente estructura: screens (donde estan todos mis components) y assets (donde se encuentra el archivo variables.scss). El archivo variables.scss tiene las siguientes ...
Avatar del usuario JavierOrellana7
0 votos
1 respuesta
163 vistas

Problema: doble click a menu responsivo con angular para que funcione

Hola que tal comunidad soy nuevo por aquí y tengo la siguiente duda Estoy haciendo un menu responsivo con el ts de angular la funcion basica que siempre se usa en un script para un menu responsivo el ...
Avatar del usuario Orange
  • 1
0 votos
1 respuesta
218 vistas

React no renderiza imagenes y tampoco toma classes

tengo un problema con react el cual no renderiza las imagenes que cargo localmente, tampoco toma las propiedades css que le estoy dando, las imagenes están correctamente añadidas ya que puedo abrirlas ...
Avatar del usuario kilex
  • 413
0 votos
1 respuesta
956 vistas

Agregar mas de una clase en Module SCSS en React

Hola estoy trabajando en React con funciones y quisiera agregar 3 clases SCSS, la cual una de esas tres clases es opcional (soloVer) y otra ya es fija como la clase Pill Las clases son PILL, MEDIO, ...
Avatar del usuario Matias Villar
1 voto
1 respuesta
89 vistas

bootstrap no me compila la palleta de colores extendida

estoy intentando compilar el siguiente archivo sass para Bootstrap: @import "node_modules/bootstrap/scss/bootstrap"; $custom-colors: ( "rc-red": #DA291C, "rc-...
user avatar
0 votos
0 respuestas
127 vistas

Compilando sass mediante npm

Estoy tratando de compilar sass mediante npm, ya lo registre en el package.json pero cuando le doy a correr me sale el sisguiente error: "Exercises\project-tracking-intro-component-master\...
Avatar del usuario Daniel Felipe Aristizabal
0 votos
0 respuestas
127 vistas

Cuando uso SASS, dejan de aplicarse los estilos

Estoy aplicando SCSS mediante Node a una de las páginas de mi sitio, pero al compilarlo me arruina la configuración de estilos (o sea, mi página deja de verse tal y como la había diseñado). Ya chequié ...
Avatar del usuario Agostina G.
0 votos
2 respuestas
214 vistas

¿Sass no compila las variables insertadas en :root?

Estoy trabajando con sass y Bulma.css, entonces en mi hoja customizada _custom.scss se encuentra las siguientes variables($): //sass variables $color-1: #12D3CF; $color-2: #1F2937; $color-...
Avatar del usuario kraud
  • 521
1 voto
2 respuestas
117 vistas

¿Cómo cambiar @import por @use al customisar un framework css?

Estoy intentando cambiar los @import de esta hoja de estilo.scss por @use excepto el "@import url(..fonts..)". La siguiente hoja.scss es de la documentaión de BULMA, de la parte de customize ...
Avatar del usuario kraud
  • 521
1 voto
1 respuesta
124 vistas

¿Como puedo hacer que SASS no salte con el "output" cada vez que algo está mal en mi código?

A menudo minimizo VS Code con el código a medias y el Live SASS Compiler me saca el output cada vez que vuelvo a maximizar la ventana. ¿Alguien sabe arreglar esto? Gracias. Imagen del error:
Avatar del usuario StackOverflowMiguel98
0 votos
0 respuestas
29 vistas

No he podido aplicar gap a la navegación

Estoy aprendiendo un poco de HTML, CSS, SASS y GULP, estoy intentando hacer una navbar responsive, pero me he dado cuenta que no puedo aplicar gap a ciertos tamaños, ya he usado todos los mediasquerys ...
Avatar del usuario KevinskyWeb
0 votos
0 respuestas
129 vistas

¿Como detectar el color de fondo de una seccion?

tengo una duda muy grande y no encontre nada en internet. Me gustaria poder detectar el color de backgorund o la section en la que estoy posicionado en mi pagina para poder cambiar el color de mi ...
Avatar del usuario Angel Magaquian
0 votos
1 respuesta
76 vistas

Se me corrio el contenido del nav de bootstrap

Tengo este inconveniente, se me corrio el contenido de mi navbar (links de mi web). El nav esta hecho con boostraps y cuando comence a hacer cambios de css a sass comenzo el error. Volvi a hacer el ...
Avatar del usuario Francisco Mastri
-1 votos
1 respuesta
100 vistas

Formas de escribir un Gulpfile.js para que compile [cerrada]

Como compilar archivos .scss (sass) con Gulp.js
Avatar del usuario Martin Omar Heredia
2 votos
0 respuestas
199 vistas

Como aislar bootstrap y mis estilos para que no interfieran con otro proyecto

He construido una libreria JS que renderiza vistas usando metodos. El problema es que he utilizado bootstrap para la UI y cuando alguien importa la libreria mi bootstrap hace conflictos con el css del ...
Avatar del usuario berserk
  • 21
1 voto
0 respuestas
32 vistas

Por qué no me compila la tarea la tarea de compilara sass con gulp

[![introducir la descripción de la imagen aquí][1]][1] Estoy tratando de compilar una tarea de sass con gulp pero me sale el error que se muestra en la imagen [1]: https://i.sstatic.net/JwA6b.png
Avatar del usuario ManuelSuarez
3 votos
1 respuesta
677 vistas

Como puedo compilar con gulp-sass?

Estoy creando un proyecto con gulp-sass, es la segunda vez que trabajo con nodejs y tengo un problema, al intentar compilar el código me da un error, he visto bastantes y variadas formas de arreglarlo ...
Avatar del usuario jbort
  • 457
1 voto
1 respuesta
1k vistas

¿Cómo superponer un DIV sobre un CANVAS o un fondo de PLUGIN de JAVASCRIPT?

Realizo la importación a mi HTML para ejecutar el plugin, los tags (script) que se ecuentran al final de mi (body) son los encargados de darle funcionamiento a mi plugin. También necesito configurarlo ...
Avatar del usuario Juan Pablo Andrade
0 votos
0 respuestas
20 vistas

¿Porque cuando creo SASS no se añade a mi app.scss?

function watchArchivo() { watch('src/scss/**/*.scss', css) } Esta es la funcion con la que mando a mi archivo app.css pero no detecta el header de mi pagina
Avatar del usuario Manuel Garza Guevara