Preguntas con la etiqueta [scss]
SCSS es una sintáxis reciente de SASS, el lenguaje de hoja de estilos.
158
preguntas
-4
votos
1
respuesta
81
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 ...
1
voto
0
respuestas
26
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
21
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
18
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
28
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
25
vistas
Centrar contenido principal en una pagina que tiene sidebar
alguien sabe como puedo hacer para que mi container respete el espacio del sidebar en angular, necesito centrar un div sabiendo que existe un sidebar, pero se me centra en toda la pantalla o ...
0
votos
0
respuestas
26
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
42
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
16
vistas
En sass desaparece la foto de portada
Cargue una foto de portada en mi css pero cuando la pase a sass no carga en mi pagina web.
en que podria estar fallando?
0
votos
0
respuestas
77
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 ...
0
votos
1
respuesta
18
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
34
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
29
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
123
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
34
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
0
respuestas
9
vistas
¿Como puedo hacer responsivo mi section que tiene una imagen de acuerdo al contenido que se agregen a las columnas este sea responsivo?
Tengo una etiqueta section que tiene una imagen y dentro de esa section tengo un row con dos columnas, el caso es que cuando agrego más contenido en las columnas, el contenido se va hacia arriba y no ...
0
votos
0
respuestas
21
vistas
Problemas para insertar scss en el Shadow Root con LitElement
Paso a describir la problemática:
Estoy intentando utilizar sass/scss en un componente LitElement, encapsulado en un proyecto React. Tal y como tengo Webpack configurado, la inyección de las hojas de ...
0
votos
1
respuesta
51
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 ...
0
votos
0
respuestas
9
vistas
De pronto mi watch de scss a css me recarga la pagina entera
Tengo un problemita. De la nada al actualizarse el watch de mi scss a css la pagina comenzó a recargarse por completo, obligandome a scrollear abajo cada que hago un cambio, lo que es muy molesto. No ...
2
votos
1
respuesta
41
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
27
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
21
vistas
Conicidir estilos del <button> con el <a>
He intentado hacer que un <button> y un <a> coincidad en estilo, pero no he podido lograrlo, ya que el link y el boton se ven distintos.
Ejemplo:
este es el código css (scss)
%reseter {
...
0
votos
0
respuestas
427
vistas
Dar estilos al mat-tab-label en varias secciones. (Angular Material)
Estoy teniendo un pequeño inconveniente que no estoy sabiendo solucionar.
Tengo varios mat-tab-label en mi webapp de angular.
Por defecto viene un tab en angular que es el siguiente:
Este tab me ...
0
votos
0
respuestas
10
vistas
Error SCSS - Webstorm (The watcher has been disabled)
Alguien sabe como puedo habilitar el watcher en WebStorm?
Saludos!!
0
votos
0
respuestas
119
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
166
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
31
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
1k
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
0
respuestas
100
vistas
Problema con estilos css y su carga
Estoy haciendo un landing y a la hora de cambiar estilos css con scss y volver a cargarlos al filezilla y recargar la landing en el navegador no se cargan los nuevos estilos. Nose si alguien prodria ...
0
votos
2
respuestas
81
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
0
respuestas
125
vistas
Procesador WATCH-CSS (SASS) no reconoce variable. Error Variable indefinida. HTML/CSS
Tengo una carpeta donde guardo todos los archivos .scss que contienen variables, la misma está importada correctamente en el archivo SCSS principal, pero al guardar el procesador me dice que la ...
0
votos
1
respuesta
323
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
246
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
0
respuestas
90
vistas
Como modificar las variables de Vuetify, directamente y solo en mi componenete?
estoy intentando modificar los estilos que tiene el componente v-data-table de Vuetify directamente desde el componente en esl que lo estoy usando, vi en la documentación que puedo importar los ...
0
votos
2
respuestas
171
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">
&...
0
votos
0
respuestas
32
vistas
Error al intentar mostrar el header con ReactJS
Tengo un problema con a la hora de mostrar el header en una página que estoy creando en ReactJS. Recién empiezo y ya me esta dando problemas con scss al intentar pintar el header no me lo pinta y no ...
2
votos
1
respuesta
23
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
81
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
28
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
66
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
30
vistas
Iniciando SASS en mi proyecto - 22 problemas detectados en linas de GRID
Buen día, al hacer los primeros pasos con SASS, verifico que todo compila, vuelvo a ver mi pagina y veo que desaparecieron todos los estilos, me fijo si esta todo bien enlazado al css, y si. me fijo ...
0
votos
0
respuestas
52
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é ...
1
voto
0
respuestas
38
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
2
respuestas
322
vistas
Como hacer que el color del menú <nav></nav> cambie en base al color de fondo que tienes aplicado en ese momento
Alguien sabe como puedo cambiar el estilo a un elemento al llegar a una posicion o etiqueta del body ?
Lo quiero hacer con un navbar de color negro que cuando llegue a una posicion cambie a color ...
0
votos
0
respuestas
64
vistas
Angular-SCSS: Contenedor que pierde el height al flotar contenido
un saludo, tengo un pequeño problema con CSS. Debo lograr el siguiente posicionamiento cuando la imagen este en una pantalla de un monitor grande algo asi:
Pero cuando este en pantalla tamaño celular ...
0
votos
0
respuestas
109
vistas
Error: File not found with singular glob: (if this was purposeful, use `allowEmpty` option)
Estoy intentando automatizar una tarea con watch en gulp. Soy principiante en esto.
Este es el código:
const { series, src, dest, watch } = require('gulp');
const sass = require('gulp-sass');
// ...
1
voto
1
respuesta
279
vistas
¿Cómo ocultar un aside con posición absoluta y CSS Grid
Estoy tratando de ocultar un aside pero al intentar aplicar la clase CSS con javascript no funciona, no entiendo por que no aplica la clase a mi elemento wrapper.
Quiero mi wrapper se ponga por encima ...
0
votos
0
respuestas
79
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
2
respuestas
150
vistas
¿Cómo puedo posicionar (Maquetar) un div con flexbox al final del documento?
Quiero ubicar mi etiqueta footer al finalizar el documento también el sidebar deberia llegar hasta el final del documento,pero no logro hacerlo, me queda un espacio en blanco cuando el contenido de ...
0
votos
0
respuestas
136
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 ...