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
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. ...
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 ...
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 ...
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....
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 ...
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 ...
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 ...
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'))
....
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. ...
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 ...
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 ...
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, ...
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 ...
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,...
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:...
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 ...
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....
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,...
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 ...
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 (...
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 ...
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 ...
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 ),
...
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 ...
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
...
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 ...
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 ...
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>
</...
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
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
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;
...
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 ...
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 ...
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
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
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 ...
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
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
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, ...
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 ...
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 ...
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é ...
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 ...
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 ...
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 ...
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 ...