Preguntas con la etiqueta [scss]

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

Filtrar por
Ordenado por
Etiquetadas con
0 votos
0 respuestas
20 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
1 respuesta
28 vistas

Problemas con media queries

estoy aprendiendo a utilizar media queries pero estas no se aplican. He intentado usar el debugger de chrome para probar diferentes resoluciones, pero al momento de llegar a 1024px, los atributos no ...
Avatar del usuario Kevin Osorio
0 votos
0 respuestas
30 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
2 votos
1 respuesta
112 vistas

Vite no compila mis imagenes a produccion

Estoy trabajando en una web app de react y estoy utilizando vite para manejarla. El problema es que al momento de compilar para producción no toma en cuenta las imágenes que utilizo en ningún ...
Avatar del usuario Jesus David Lozano
0 votos
0 respuestas
16 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
102 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
1 voto
1 respuesta
46 vistas

Selector CSS que actué cuando una clase exista

Dado el siguiente codigo html donde el div classB puede desaparecer dinamicamente <div class="classA"> <div class="classB"></div> </div> <div></...
Avatar del usuario ivanao
  • 986
0 votos
0 respuestas
38 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
43 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
69 vistas

En angular Progress bar entre componentes que tenga longitud variable no se ve

estoy haciendo una barra de progreso con multiples fases, entre cada fase representada con un check, se tiene una progress bar que, en caso de por ejemplo 2 fases seria una sola barra entre los dos ...
Avatar del usuario programHelper
0 votos
1 respuesta
78 vistas

¿ Como alinear un input de un formulario sin modificar el css del formulario?

Quiero alinear el input de un formulario para alinearlo en el centro. Sin embargo es un proyecto en el que hay varios archivos de scss y no quiero romperlo. El formulario no se vera del todo bien ya ...
Avatar del usuario Diana
  • 376
2 votos
1 respuesta
100 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
0 votos
0 respuestas
62 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
2 respuestas
27 vistas

Como mantener el color de los elementos de un bloque usando background-image?

El problema es que cuando paso el cursor sobre la imagen esta se vuelve opaca afectando a los elementos del titulo, subtitulo y el boton. Como seria que solo la imagen se vuelva opaca sin afectar a ...
Avatar del usuario Fabricio Arciniega
0 votos
1 respuesta
129 vistas

como hacer para que cuando pase el cursor por un boton una imagen se oscuresca?

.visitanos__contenido-boton { background-color: #007bff; color: #fff; border-radius: 5px; border: none; padding: 13px 20px; position: absolute; top: 68%; left: 43%; cursor: pointer; ...
Avatar del usuario Fabricio Arciniega
0 votos
0 respuestas
82 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
18 vistas

Se puede implementar de manera dinamica los estillos en un proyecto de angular

Mi problema es el siguiente tengo un proyecto en angular con scss, mi pregunta es yo creo 2 styles generales con variables uno que se llame cliente1 y otro cliente2. Los dos contienen las mismas ...
Avatar del usuario alex galiana perez
2 votos
2 respuestas
188 vistas

¿Cómo puedo Importar varias fuentes de texto y utilizar las que quiera en cualquier parrafo en CSS?

Muy Buenas! Estoy pensando utilizar una fuente de texto distinta a la primera que establecí. Es decir, un parrafo que tenga esta fuente, y el otro parrafo otra fuente. Las fuentes las importaría con ...
Avatar del usuario Gabriel Paniagua
0 votos
0 respuestas
41 vistas

¿Cómo pudo hacer para que mi Navbar vertical (que está en mi <Header>) TAPE el contenido de mi <Main>?

Quiero lograr que mi Navbar Vertical tape el Input Label de mi Main. Es decir, que si yo coloco cualquier etiqueta, en este caso el input, sea tapado por el navbar. ¿Será posible? HTML: <header> ...
Avatar del usuario Gabriel Paniagua
0 votos
0 respuestas
66 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
2 votos
1 respuesta
117 vistas

Problema con barra de navegacion hamburgesa responsive que no se contrae

La barra de navegación de mi proyecto en Angular (15.2.2) es responsive y tiene un menú hamburguesa para la versión móvil, solo que no he podido lograr que se contraiga cuando se hace clic afuera de ...
Avatar del usuario Afalken
  • 21
1 voto
0 respuestas
54 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
0 votos
1 respuesta
741 vistas

¿Como puedo alinear texto?

¿Cómo puedo mover el texto, para que quede en la parte de abajo?. Intenté moverlo con margin, pero se mueve todo el div, y con text-align no se obtiene resultado al igual que con float. ¿Es posible ...
Avatar del usuario 707
  • 53
0 votos
0 respuestas
261 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
110 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é
-4 votos
1 respuesta
266 vistas

Mi html tiene un espacio en blanco abajo

Hola buenas debido a la naturaleza de mi pregunta creo que el problema se puede entender mejor con imágenes que con código, yo tan solo espero que si alguien conoce la respuesta como algo que se haga ...
Avatar del usuario DaniBN
  • 93
2 votos
1 respuesta
99 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
0 votos
1 respuesta
32 vistas

useEffect me hace desaparecer el contenido de mi pagina

Estoy desarrollando mi primera aplicacion con React, y me encontré con un problema con el useEffect. Quiero utilizarlo para darle efectos a las letras pero cuando lo utilizo en index.js, me desaparece ...
Avatar del usuario popo
  • 127
0 votos
0 respuestas
35 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
1 respuesta
184 vistas

Sobreponer un div a un modal

estaba haciendo un programa con typescript y necesito que en cierto momento aparezca un div por encima del modal fade que hay en pantalla. He probado lo que dicen en internet del z-index pero no ...
Avatar del usuario Cram245
  • 87
0 votos
0 respuestas
39 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
1 respuesta
28 vistas

CSS - Como cambio el tamaño de mi imagen de fondo?

como cambio el tamaño de imagen de fondo? por ejemplo quiero cambiar mi imagen "flower" en el fondo "paper" #example1 { background: url(images/flower.webp) no-repeat right, url(...
Avatar del usuario Charlie
  • 55
0 votos
2 respuestas
116 vistas

Es lo mismo ul > li que hacer simplemente ul li?

Me tiene un poco confundido , estuve en freecodecamp practicando un poco de lo que es css, y al comienzo utilizaba ul li, por ejemplo,pero en otras ocasiones mas adelante me decia que utilizara ul >...
Avatar del usuario Gabriel Martinez
1 voto
1 respuesta
102 vistas

Evitar que un bloque salte de linea con CSS

Muy buenas, Estoy buscando que una serie de contendores no salten de linea cuando llegan al margen derecho de la pantalla. Me interesa que salga un scroll horizontal, de tal manera que cuando este ...
Avatar del usuario Cacu Carmanout
0 votos
0 respuestas
467 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
1 voto
0 respuestas
92 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
0 votos
1 respuesta
169 vistas

¿En qué está fallando mi responsive dropdown menú?

Antes que nada, ¡muy buen día! Hace unos días consulté sobre unos problemas que tenía sobre mi dropdown menú en versión desktop y por suerte pude solucionarlo, ahora el problema sucede en versiones ...
Avatar del usuario Tomás
  • 53
2 votos
1 respuesta
154 vistas

Mi dropdown menú se cierra y no cumple sú función

¡Buenos días! en esta ocasión tengo un problema lógico con un dropdown menú que estoy realizando para un proyecto. Visualmente... ¿que sucede? Explicando un poco... En verdad me está quemando la ...
Avatar del usuario Tomás
  • 53
0 votos
2 respuestas
28 vistas

como puedo lograr este effecto con sass/scc y htlm [cerrada]

como dice arriba realmente soy nuevo en el mundo del frontend y estoy haciendo una navbar con boostrap y vuejs tengo un sidenav y quisiera que cuando el rooter le ponga la clase active al elemento del ...
Avatar del usuario Emanuel bass
0 votos
0 respuestas
313 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
390 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
54 vistas

Obtener color SCSS

soy nuevo en SCSS y tengo esta variable de la gama de mi color principal Estoy trabajando en angular $my-primary-color: ( 50 : #e0e7ed, 100 : #b3c2d1, 200 : #809ab3, 300 : #4d7194, ...
Avatar del usuario KikeGP
  • 3
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
2 respuestas
168 vistas

HTML no aplica cambios en estilo boostrap.min.css. Parece leer un SCSS que no puedo editar

Tengo el siguiente header en mi página web: La hoja de estilos es referenciada a un CSS que se encuentra en el servidor, en la ruta definida en href. Al hacer cambios, concretamente en la clase "...
Avatar del usuario Xjavi_46
0 votos
1 respuesta
830 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
0 respuestas
575 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
0 votos
2 respuestas
359 vistas

No sé ve bien mi background-image de mi div (responsive)

Estoy teniendo un problema para poner de fondo una imagen en un div. Mi imagen tiene 496px x 421px. En el html tengo esto (Ignoren las etiquetas de angular) : <div class="body"> &...
Avatar del usuario Miqueas Gentile
2 votos
1 respuesta
111 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
0 votos
1 respuesta
198 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
1 voto
1 respuesta
70 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