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