Skip to main content

Preguntas con la etiqueta [scss]

SCSS es una sintáxis reciente de SASS, el lenguaje de hoja de estilos.

72 preguntas con respuestas sin votos o no aceptadas
Filtrar por
Ordenado por
Etiquetadas con
4 votos
1 respuesta
2k vistas

Problema SCSS / CSS

Hasta hace poco usaba mi hoja de estilos SCSS, hacía las modificaciones y todo funcionaba bien, se me añadían a mi hoja de estilos CSS. Pero desde está tarde aplico cambios en mi SCSS y no se añaden. ...
Avatar del usuario alfonso Perez
2 votos
1 respuesta
178 vistas

SCSS dinámico con variables ya definidas

Estoy itentando ciclar algunos valores para concatenarlos con unas variables ya establecidas y solo darle una profundidad de color basado en una especie de arreglo. Estas son mis variables con los ...
Avatar del usuario Alberto Siurob
2 votos
1 respuesta
148 vistas

como cubrir el 100% de altura de mi navbar desplegable

estoy desarrollando una aplicacion con React y quiero que sea responsiva, por lo que hice que cuando la pantalla sea maximo de 960px, haya un menú desplegable. El problema que tengo es que cuando lo ...
Avatar del usuario Bilbit Bolson
2 votos
1 respuesta
150 vistas

Select panel o select box descuadrado del select

tengo varios mat-select todos con el mismo panelClass y los mismos estilos. Sin embargo solo el última me muestra un comportamiento raro, ya que el despegable no se muestra aliñado con su Select padre....
Avatar del usuario CBD
  • 51
2 votos
1 respuesta
233 vistas

¿Cómo reemplazo o represento un & de SCSS en CSS?

Hola tengo un detalle al utilizar un código con Js y Jquery en mi archivo HTML. En HTML: Tengo un div con el id="target" <div #="target"></div> (Tengo mis archivos Jquery y Js ya ...
Avatar del usuario sudo-pcman
2 votos
0 respuestas
293 vistas

Añadir SCSS a GIT

Estoy tratando de añadir ficheros .scss a mi controlador de versiones, uso GIT sobre un entorno GITLAB. El problema viene cuando intento importar la carpeta CSS. Me importa sin ningún problema los ...
Avatar del usuario Diego
  • 640
2 votos
0 respuestas
451 vistas

Hay alguna forma de agregar iconos al alert de Ionic 2?

Estoy modificando la apariencia de los componentes que trae ionic, pero igual necesito agregarle iconos a este alert. ya que por ejemplo creo una clase en scss. no me agrega correctamente esto, y si ...
Avatar del usuario Leonel
  • 866
1 voto
0 respuestas
80 vistas

Minificar Js con Gulp

estoy minificando mis archivos css y js con gulp Js gulp.task('jsTask', function () { return src('src/assets/js/*/*.js') .pipe(sourcemaps.init()) .pipe(concat('all.js')) ....
Avatar del usuario DANIEL FERNANDO SALINAS
1 voto
0 respuestas
109 vistas

Background-image me funciona en local pero no en servidor

Cuando visualizo mi web desde local el background si se visualiza, pero al subirlo por FTP no se carga la imagen del background, aún viendo en el inspector de elementos que la ruta está bien indicada. ...
Avatar del usuario Iván
  • 11
1 voto
0 respuestas
676 vistas

Tipografìa en Angular Material

EDIT Encontré la solución @include mat-core($bjorn-typography); Por si alguien más le pasa Estoy implementando un SASS, que me ayuda a modificar las variables que tiene preestablecidas Angular ...
Avatar del usuario Alberto Siurob
1 voto
0 respuestas
205 vistas

@USE & @Forward | SASS

les presento un caso donde quiero utilizar el @use y @forward y por mas que veo videos e intento no logro resolverlos. Cuando intento crear la conexion en los archivos para realizar los cambios con ...
Avatar del usuario Elisson Rodriguez Reyes
1 voto
1 respuesta
628 vistas

No me funciona menu hamburguesa, no despliega

Tengo un problema con una web y no sé por que no se despliega el menú hamburguesa. Supongo que falta algo de código. cuando aprieto el checkbox y no despliega el menú, no se como hacer que funcione, ...
Avatar del usuario Feli
  • 11
1 voto
1 respuesta
86 vistas

No puedo poner una imagen correctamente en alertController

Tengo una alerta, que muestra una imagen para, principalmente, poderle hacer un tipo de zoom, esta alerta con la imagen me va de maravilla, me gusta como se. Sin embargo, queriendo hacer un poco mas ...
Avatar del usuario Alfa Rojo
  • 347
1 voto
0 respuestas
402 vistas

Problemas con los estilos scss de Ionic en dispositivos IOS

El problema esta a la hora de ver la app en dispositivos IOS (mac,iphone,ipad) pareciera que los estilos css se des configuran solo agarra ciertos estilos, algunas etiquetas se amontonan o desaparecen,...
Avatar del usuario SalvadorJs
1 voto
1 respuesta
91 vistas

Retornar height min-height max-height con función SASS SCSS

Tengo esta función: @function minmaxwh($pxx,$tipo){ #{$tipo} : #{$pxx}px; max-#{$tipo} : #{$pxx}px; min-#{$tipo} : #{$pxx}px; } Y lo que deseo es que yo al poner minmaxwh(34,height); Me muestre:...
Avatar del usuario IntruzO
  • 428
1 voto
1 respuesta
137 vistas

Problema con mostrar algo en media query

estoy utilizando display none para ocultar cosas que implemento en el codigo y luego mostrarlos cuando se cumple un maximo menor a 990px, no se si me explique del todo bien, pero el problema es que al ...
Avatar del usuario Hatori Hanso
1 voto
2 respuestas
2k vistas

Asignar una clase con estilo o un estilo desde typescript

Tengo lo siguiente en typescript: element.texto = `${element.nombre_completo} ha ${txt} una cita ${element.status === 5 ? `de`: 'a'} las ${moment(element.hora, 'HH:mm:ss').format(this.auth....
Avatar del usuario Sofia Bautista
1 voto
1 respuesta
138 vistas

pseudo-elementos y less en un mixin (De Sass a Less)

Estoy intentando crear un mixin, el cual le paso el parámetro de la posición del pseudo-elemento. El por qué viene de que estoy intentando traducir un mixin de scss en el que en función de la posición,...
Avatar del usuario Mr Robot
  • 761
1 voto
0 respuestas
375 vistas

¿Como aplicar ciertos estilos a componentes de material en angular?

Estoy intentando aplicar un cierto estilo a un SideNav de angular material, pero desconozco como usar las herramientas con scss, he leído documentación y menciona que hay que importar algunas clases ...
Avatar del usuario IvanEP
  • 41
1 voto
1 respuesta
594 vistas

CSS - A medida que la pantalla se agranda, mi imagen y los elementos se ven mal

estoy teniendo un problema con css que no logro resolver. No es mi fuerte obviamente. Tengo una pantalla de login en ngx-admin (angular) y tengo colocada una imagen que a pantalla grande, se ve mal (...
Avatar del usuario Emiliano Torres
1 voto
0 respuestas
197 vistas

Preguntas sobre el patron '7 en 1' de sass

Buen día a todos, estoy practicando scss y trabajando con el patron 7 en 1 para la distribución de archivos, aun soy nuevo en el desarrollo web y tengo algunas dudas sobre esto. Tengo una página ...
Avatar del usuario Eduard Flores Flores
1 voto
0 respuestas
509 vistas

Cambiar estilo flexbox según cantidad de botones dentro de un div

Tengo el siguiente problema, tengo un div el cual cuenta con 3 botones, estos tres botones deben extenderse en total por todo el div, es decir como si tuvieran un width: 100%. Solo que esto se esta ...
Avatar del usuario Karen Aguilar
1 voto
0 respuestas
29 vistas

Problema al compilar map con scssphp

Estoy intentando compilar este map de scss mediante la siguiente herramienta: https://leafo.net/scssphp/docs/ $breakpoints: ( 'mobile': ( min-width: 900px ), 'small': ( min-width: 1100px ), ...
Avatar del usuario Gerald
  • 11
1 voto
3 respuestas
188 vistas

Problema con el background en 2 columnas , css grid

quiero crear dos columnas a full width como ven en la imagen con css grid. He logrado hacerlo, el detalle es que coloco un width a la caja del hijo y trato de alinearla al centro y se me hecha a ...
Avatar del usuario Jhoedram
  • 211
0 votos
0 respuestas
14 vistas

Porque el compilador realiza cambios en los colores de hex a rgba? Gulp Tasks

Instale una extencion llamada Gulp Tasks, cuando lo ejecuto para generar mi archivo minificado, el resultado es diferente, cambia los colores de transparent a rgba y otros mas como en el ejemplo ...
Avatar del usuario Saul Manich
0 votos
0 respuestas
34 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á
0 votos
0 respuestas
112 vistas

Quiero usar SASS en un proyecto de Laravel 10, no entiendo si mi archivo .scss deberia reflejarse en tiempo real en un archivo .css?

Estoy usando laravel 10, quiero integrar SASS, que ya lo instale, para modularizar los estilos de mi proyecto. Los cambios que realizo puedo ver que se compilan bien en la terminal, tambien con el ...
Avatar del usuario ssLucas
0 votos
0 respuestas
39 vistas

Problema de muestra de formulario en React por Bootstrap

Tengo un problema que al aplicar el 'import "bootstrap/dist/css/bootstrap.min.css";' no me muestra el formulario y al sacarlo, el fomulario me muestra pero sin los estilos aplicados Debe ser ...
Avatar del usuario Julian Cappellari
0 votos
1 respuesta
404 vistas

No entiendo, por que no me reproduce los videos automáticamente cuando los inserto en mi web, pero solo me falla en Iphone

Este es el html,No entiendo muy bien que tendría que hacer <div> <video src="imagenes/pop3.mp4" autoplay loop muted class="video-clase"></video> </...
Avatar del usuario Beto
  • 1
0 votos
0 respuestas
51 vistas

Problema en CSS con Position Absolute, el contenido se sobrepone con los demás contenidos

Quería utilizar un código que vi en Youtube "Como hacer un Menú de Navegación con Tabs" (https://www.youtube.com/watch?v=Xh94Osf1hvU&t=191s). Pero al momento de crear el menú utilizan ...
Avatar del usuario Luis JET
0 votos
1 respuesta
44 vistas

No puedo alinear horizontalmente mi header

No puedo alinear horizontalmente mi header este es el código HTML: <header class="header"> <div class="logo"> <img src="./images/logo.png" alt=&...
Avatar del usuario Lucia
0 votos
0 respuestas
114 vistas

Como alinear divs en la parte superior? html - css

Tengo este slider que está funcionando con Tiny slider js. Cada slide tiene un encabezado (div rosa) y el contenido dentro de otro div (div verde). Cómo puedo alinear los divs verde en la parte ...
Avatar del usuario JoseFranc
  • 315
0 votos
0 respuestas
158 vistas

Porque sale un espacio en blanco al lado derecho de la pagina? como elimino ese espacio?

Estos practicando CSS con paginas responsivas pero me sale ese espacion en la resolucion de 1440px como hago apra eliminarlo ? mi css .pagina { background-color: #2a2c2f; max-width: 1440px; ...
Avatar del usuario Fabricio Arciniega
0 votos
0 respuestas
76 vistas

Porque no logro que se me apliquen los media queries?

No logro hacer que mis media queries se apliquen, siendo que ya he realizado una pagina aplicando asi mismo y si me funciona, no tengo idea de porque ahora no. Estoy usando SASS para aplicar los ...
Avatar del usuario Alejo
  • 11
0 votos
0 respuestas
326 vistas

¿Por qué cuando despliego en Netlify el archivo css me carga en blanco sin ningun estilo?

Este es el repo en GitHub : https://github.com/dcuevasdev/dcuevasdev_portfolio URL de la web: https://ivandanielcuevas.netlify.app/
Avatar del usuario daniel cuevas
0 votos
1 respuesta
164 vistas

Error al poner una imágen de fondo mediante SCSS

Estoy intentando poner una imagen de fondo para el layout de un nav, pero al pasarle la imagen mediante la propiedad "background-image" no me aparece la misma y salta el siguiente error en ...
Avatar del usuario Francisco Adoué
0 votos
0 respuestas
42 vistas

adaptar logo al tamaño del inpút angular

hola buenas queria hacer una consulta un poco basica de angular para que intento adaptar un logo a un input pero no se que esta pasando si notan el logo no es acorde al tamaño y me gustaria que se ...
Avatar del usuario Esther Porta
0 votos
0 respuestas
69 vistas

Problema con dark/light mode

Buenas estoy pasando por lo siguiente, estoy implementado el dark/light mode a mi sitio. Pero al cambiar a otro html de mi web se quita el mode que he elegido. Y tambien me gustaria saber si hay otra ...
Avatar del usuario Miguel Angel
0 votos
0 respuestas
620 vistas

¿Cómo puedo eliminar el outline azul que viene por defecto en los botones (class="btn") de bootstrap cuando le doy click?

Estoy haciendo un block con varias secciones en bootstrap y Sass, todas tienen inputs a los que les he modificado los estilos cuando están en :active y :focus. en ambos eventos me aplica perfectamente ...
Avatar del usuario diego calles
0 votos
0 respuestas
369 vistas

Como hago para que no se me desborde el contenedor hijo de el padre

Hola estoy usando una combinación entre grid y flexbox, me he creado una grilla en el home para que adentro de cada grilla crear cards con flexbox, ya emprece creando la primera card pero observen el ...
Avatar del usuario Hugo
  • 197
0 votos
0 respuestas
448 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
0 respuestas
3k vistas

Dar estilos a un Select CSS HTML (mover la flecha)

Tengo un problema para dar estilos a mi select de mi página web. Se ve así: El objetivo es que haya un padding entre la flecha y el final del select, quisiera mover la flecha o en su defecto agrandar ...
Avatar del usuario Miqueas Gentile
0 votos
1 respuesta
1k 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
0 votos
1 respuesta
248 vistas

Poner color a un cuadro dentro de una celda

Estoy intentando poner el diseño del componente de dx-color-box en una celda: Estoy usando la librería devexpress eh intentado de esta manera considerando que el color es un dato guardado en la base ...
Avatar del usuario Rodrigo Torrico
0 votos
0 respuestas
176 vistas

Error 404 en imagen que no carga

Buen día, tengo un problema, estoy probando mi web y para el caso tengo una imagen de portada que la mando a llamar desde el .scss pero a la hora de subir la web la imagen de portada no carga ya que ...
Avatar del usuario Andres Santos
0 votos
0 respuestas
140 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
0 respuestas
132 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
0 respuestas
290 vistas

Como puedo utilizar estilos definidos en de app.component.scss en todos los componentes - app ionic

Estoy trabajando con ionic / angular, donde tengo componentes que comparten estilos css comunes, por ejemplo en el caso de los botones ( o ) tienen todos el mismo estilo. Entonces agregué la clase en ...
Avatar del usuario Vanus
  • 33
0 votos
0 respuestas
292 vistas

Porque no se realizan los cambios en mis vistas?

Estoy teniendo un problema al momento de realizar cambios en mis vistas ya que cuando modifico el código en el .scss mis cambios no se visualizan en la vista, pero si modifico la vista desde el ...
Avatar del usuario MateoG98
  • 553
0 votos
1 respuesta
458 vistas

¿Como aplicar opacidad sobre un background con una variable root?

Estoy desarrollando una App con React y tengo acceso a las variable CSS a través del proyecto. Sin embargo al momento de querer realizar un estilo background: rgba($color-3, 0.08); este no funciona y ...
Avatar del usuario Malva
  • 76