Preguntas con la etiqueta [scss]
SCSS es una sintáxis reciente de SASS, el lenguaje de hoja de estilos.
166 preguntas
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
...
1
voto
1
respuesta
393
vistas
¿Cómo configurar el tema oscuro en Material con Angular 18 para que cambie el fondo a oscuro?
Muy buenas compañeros!!
Estoy intentando implementar la seleccion de tema claro y tema oscuro con material en proyectos de Angular 18.
El caso es que llevo varias pruebas y no doy con ello al 100% ya ...
0
votos
2
respuestas
41
vistas
Media en css no se ejecuta
Hola tengo esta navbar html:
<nav class="navbar">
<div class="container">
<!-- Logo a la izquierda -->
<a class="navbar-brand" ...
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 ...
1
voto
1
respuesta
57
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 ...
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 ...
2
votos
2
respuestas
328
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 ...
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 ...
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>
</...
1
voto
1
respuesta
58
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></...
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 ...
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=&...
0
votos
1
respuesta
144
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 ...
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 ...
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 ...
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 ...
0
votos
1
respuesta
581
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;
...
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;
...
2
votos
2
respuestas
508
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 ...
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 ...
2
votos
1
respuesta
179
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 ...
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'))
....
0
votos
1
respuesta
878
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 ...
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/
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 ...
-4
votos
1
respuesta
480
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 ...
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 ...
0
votos
1
respuesta
38
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 ...
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 ...
0
votos
1
respuesta
259
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 ...
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 ...
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(...
0
votos
2
respuestas
219
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 >...
1
voto
1
respuesta
177
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 ...
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 ...
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. ...
0
votos
1
respuesta
205
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 ...
2
votos
1
respuesta
243
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 ...
0
votos
2
respuestas
30
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 ...
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 ...
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 ...
0
votos
1
respuesta
68
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,
...
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 ...
0
votos
2
respuestas
186
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 "...
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, ...
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 ...
0
votos
2
respuestas
466
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">
&...
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....
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 ...
1
voto
1
respuesta
95
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-...