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
166
preguntas
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....
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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": ...
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 ...
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
...
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/....
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 ...
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 ...
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 ...
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.
...
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 ...
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
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 ...
-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 ...
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 ...
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 ...
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?
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 ...
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 ...
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",
"...
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 ...
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;
...
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, ...
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=&...
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 ...
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 ...
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 ...
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 ...
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, ...
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-...
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\...
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é ...
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-...
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 ...
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:
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 ...
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 ...
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 ...
-1
votos
1
respuesta
100
vistas
Formas de escribir un Gulpfile.js para que compile [cerrada]
Como compilar archivos .scss (sass) con Gulp.js
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 ...
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
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 ...
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 ...
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