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
2 respuestas
32 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 ...
Lautaro Campos's user avatar
0 votos
1 respuesta
23 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/....
gonzalo capararo's user avatar
3 votos
2 respuestas
62 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 ...
José Ignacio Peresini's user avatar
0 votos
0 respuestas
30 vistas

Como cuadrar este DIV con el de al lado

Despues de actualizar a angular/material15 me aparece este Div descuadrado. IMAGEN No soy capaz de cuadrar text, DIV y boton. Podeis echarme una mano por favor? HTML CSS .button-add { cursor: ...
Kenzo_Gilead's user avatar
0 votos
0 respuestas
13 vistas

sass me ha cambiado el estilado de mi pagina al hacer la primer compilacion con live sass compiler

Hola soy aprendiz y es mi primera vez con sass, no logro hacer que la barra de navegación de mi pagina se vea como la tenia antes de compilar por primera vez con sass. Ha desaparecido la barra de ...
ana's user avatar
  • 1
1 voto
1 respuesta
235 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 ...
Gabriel Martinez's user avatar
0 votos
0 respuestas
9 vistas

uso de SASS - puede ser que para compilar SASS vía linea de comandos, con node.js, no se pueda usar "@use"?

estoy tratando de armar un proyecto, soy principiante y cuando me enseñaron a usar SASS, primeramente yo usé los paquetes de node.js y me anduvo, luego me hicieron instalar una extensión (live sass ...
NicoMM's user avatar
  • 1
0 votos
0 respuestas
35 vistas

Al instalar SASS y LESS , NO SE RECONOCE COMO UN COMANDO

Al instalar SASS y querer ejecutarlo con el watch, me aparecía error. Lo volví a instalar y quise fijarme la versión y tampoco me dejaba. Me pasó lo mismo con LESS.
Imanol Valenzuela's user avatar
2 votos
1 respuesta
72 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 ...
707's user avatar
  • 53
0 votos
1 respuesta
91 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. ...
Lucas Brumatti's user avatar
0 votos
0 respuestas
37 vistas

Modal css se abre cuando no debe

He hecho un modal con sass y funciona bien pero hay veces que se abre sin tener que abrirse cuando estoy interactuando con otra parte del proyecto. Aparece como un segundo y desaparece de repente. Sé ...
hfriend1's user avatar
0 votos
0 respuestas
31 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 ...
Abraham Medina's user avatar
0 votos
0 respuestas
26 vistas

Problemas al compilar SASS con VSCODE y NodeJS

Buen día. Tengo problemas al compilar SASS usando NodeJS ya sea desde consola de Windows10 o dentro de la terminal de VSCODE, el inconveniente es que cuando avanzo en el proyecto y he compilado varias ...
Jesús Vivero's user avatar
0 votos
0 respuestas
29 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
El Chido's user avatar
0 votos
1 respuesta
18 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 ...
Achalogy's user avatar
0 votos
0 respuestas
128 vistas

error instalacion de sass con "npm install -D node-sass nodemon"

estoy teniendo un problema al usar el comando npm install -D node-sass nodemon en la consola bash de VSC para tratar de que me cree la carpeta node_module y package-lock.json, recien estoy aprendiendo ...
Federico Suarez's user avatar
0 votos
0 respuestas
148 vistas

No me compila sass con css

estoy utilizando la extension de visual studio code live sass compiler, si crea el archivo css con su respectivo mapa pero cuando escribo algun estilo en el archivo scss si aparece el cambio en el css ...
Jeremy Jean Carlo Chutaz Mayan's user avatar
0 votos
0 respuestas
340 vistas

Como importar variables de otro archivo en Css/Sass/Scss

Quiero importar variables que tengo en otro archivo en Scss. Tengo esto en la primer linea del archivo donde quiero importarlo: @import url("./../../shared/styles/cell-colors.scss"); @import ...
Miqueas Gentile's user avatar
-1 votos
1 respuesta
60 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 ...
Maggi's user avatar
  • 11
0 votos
0 respuestas
298 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 ...
Victor Martorell Dos Santos's user avatar
0 votos
2 respuestas
76 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 ...
Luis alemao Caleni velasquez's user avatar
0 votos
1 respuesta
517 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?
Emilio Alejandro's user avatar
0 votos
1 respuesta
404 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 ...
Santiago Sanchez Correa's user avatar
0 votos
1 respuesta
111 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 ...
Luis Cifuentes's user avatar
1 voto
0 respuestas
191 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", "...
derek's user avatar
  • 509
0 votos
0 respuestas
137 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 ...
Nebularmess's user avatar
1 voto
0 respuestas
24 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; ...
Jake the dog's user avatar
0 votos
0 respuestas
36 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, ...
Yahir Ortiz's user avatar
0 votos
1 respuesta
45 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=&...
Mariano's user avatar
0 votos
1 respuesta
38 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 ...
oscarggh's user avatar
  • 325
0 votos
0 respuestas
298 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 ...
JavierOrellana7's user avatar
0 votos
1 respuesta
118 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 ...
Orange's user avatar
  • 1
0 votos
1 respuesta
150 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 ...
kilex's user avatar
  • 413
0 votos
1 respuesta
622 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, ...
Matias Villar's user avatar
1 voto
1 respuesta
53 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
86 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\...
Daniel Felipe Aristizabal's user avatar
0 votos
0 respuestas
85 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é ...
Agostina G.'s user avatar
0 votos
2 respuestas
72 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-...
kraud's user avatar
  • 511
1 voto
2 respuestas
60 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 ...
kraud's user avatar
  • 511
1 voto
0 respuestas
65 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:
StackOverflowMiguel98's user avatar
0 votos
0 respuestas
28 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 ...
KevinskyWeb's user avatar
0 votos
0 respuestas
104 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 ...
Angel Magaquian's user avatar
0 votos
1 respuesta
73 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 ...
Francisco Mastri's user avatar
-1 votos
1 respuesta
54 vistas

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

Como compilar archivos .scss (sass) con Gulp.js
Martin Omar Heredia's user avatar
2 votos
0 respuestas
107 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 ...
berserk's user avatar
  • 21
1 voto
0 respuestas
28 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.stack.imgur.com/JwA6b.png
ManuelSuarez's user avatar
3 votos
1 respuesta
445 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 ...
jbort's user avatar
  • 447
1 voto
1 respuesta
999 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 ...
Juan Pablo Andrade's user avatar
0 votos
0 respuestas
18 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
Manuel Garza Guevara's user avatar
1 voto
1 respuesta
222 vistas

Cargar Sass en React con @use

tengo un problema al utilizar @use de Sass en React. Ya instalé node-sass e importe el index.scss en el App.jsx Estoy usando el @use en Sass para dividir el código en varios archivos, pero no reconoce ...
Josué Lobo's user avatar