Preguntas con la etiqueta [sass]
Syntactically Awesome Stylesheets es un metalenguaje de hoja de estilos que sirve principalmente para la construcción de sitios web
168
preguntas
0
votos
1
respuesta
26
vistas
Modal css se abre cuando no debe
He hecho un modal con sass y funciona bien pero hay veces que se abre sin tener que abrirse cuando estoy interactuando con otra parte del proyecto.
Aparece como un segundo y desaparece de repente.
Sé ...
0
votos
0
respuestas
23
vistas
¿Se puede concatenar más de una pseudoclase en una clase?
Estoy buscando la manera de concatenar dos pseudoclases en una sola para lograr un dark mode en mi proyecto, pero desconozco como se hace sin el uso de SASS... ¿Podrían asesorarme?
Ejemplo de cómo ...
0
votos
0
respuestas
10
vistas
Problemas al compilar SASS con VSCODE y NodeJS
Buen día.
Tengo problemas al compilar SASS usando NodeJS ya sea desde consola de Windows10 o dentro de la terminal de VSCODE, el inconveniente es que cuando avanzo en el proyecto y he compilado varias ...
0
votos
0
respuestas
20
vistas
No cargan mis estilos ni imagenes en github pages
Es una pagina estatica, es primera vez que uso sass, no se si sea por eso. porfavor y gracias les adjunto la pagina
https://luispuent3.github.io/Recetario/
https://github.com/LuisPuent3/Recetario
0
votos
1
respuesta
9
vistas
Sass compila en mi pc pero no en producción
La pagina esta hecha con Next js y uso sass ^1.55.0 y @styled-jsx/plugin-sass ^4.0.2.
Al hacer next build pues me genera bien la pagina y todo y funciona con next start pero al hacer el next build en ...
0
votos
0
respuestas
73
vistas
error instalacion de sass con "npm install -D node-sass nodemon"
estoy teniendo un problema al usar el comando npm install -D node-sass nodemon en la consola bash de VSC para tratar de que me cree la carpeta node_module y package-lock.json, recien estoy aprendiendo ...
0
votos
0
respuestas
43
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
81
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 ...
-1
votos
1
respuesta
34
vistas
Por qué no aparece los -webkit- en mi compilación de SASS
Ayudaaaa. Hice todas las instalaciones para el SASS y cuando compila el SASS A MI CSS aparece todo menos los webkits o ms flex. No sé que hice mal ni sé como encontrar la respuesta, es primera vez ...
0
votos
0
respuestas
106
vistas
¿Por qué cuando compilo de .scss a .css con Sass se genera un archivo .css.map?
estoy haciendo varios programas simples y es mi primer día utilizando Sass, estoy intentando compilar un programa .scss a .css mediante el comando en consola: sass nesting.scss:nesting.css.
En ...
0
votos
2
respuestas
47
vistas
Añadir clases a elementos hermanos del que se hace hover
Intento hacer un efecto de dock de macos. Los elementos son las etiquetas contenido; el problema es que no sabría como seleccionar elementos previos y posteriores, estuve intentando con ...
0
votos
0
respuestas
17
vistas
NPM no instala los paquetes en el sistema, ¿ por que ? - Windows 11
Estoy intentando instalar Sass en Windows 11 mediante NPM pero no lo consigo.
Si realizo la instalación desde la terminal a través de NPM , siendo administrador, no me instala los paquetes en el ...
0
votos
1
respuesta
137
vistas
Importar fuentes a Sass
¿Alguien sabe como importar fuentes que no sean de google font, osea que hayan sido descargadas a un archivo de Sass?
0
votos
0
respuestas
26
vistas
Error al compilar sass a css desde windows y prepros
Buenos días tengo un problema
Tengo un código en sass que cuando compilo con "codeKit" en mac no tengo problemas pero si uso "prepros" en windows me da error y no me deja compilar.
...
0
votos
0
respuestas
20
vistas
Cómo resolver error 'Unexpected unknown property "aspect-ratio" ' en StyleLint?
Tengo un proyecto de Wordpress en donde se está utilizando Webpack y el plugin StyleLint.
El problema es al compilar sass, muestra este error donde indica que no reconoce la propiedad 'aspect-ratio' ...
0
votos
1
respuesta
157
vistas
Alinear div a la derecha del padre
necesito alinear a la derecha un div que tiene padre, el div que señalo a continuación se ajusta al finalizar el nombre del documento, pero necesito alinearlos a la derecha, adjunto el codigo que ...
0
votos
0
respuestas
32
vistas
SASS: Error de variable indefinida pero la variable esta definida
Estoy tratando de ejecutar un proyecto de sass, tengo un archivo principal en el cual importo un archivo con variables, luego uso las variables
index.scss
@use "./variables.scss" as *;
....
0
votos
1
respuesta
52
vistas
¿Porque no se produce el background-image en laravel?
resulta que quiero colocar una imagen de fondo a una pagina web , y estoy usando laravel, resulta que al colocar el codigo de "background-image" , no me carga la imagen o probablemente no lo ...
0
votos
0
respuestas
12
vistas
Css Grid, no me realiza el auto-flow
Estoy teniendo inconvenientes al momento de hacer una galeria tipo instagram, necesito lograr 1 de 2, o que las imagenes se vayan viendo de la misma forma que le doy en el grid pero que vayan ...
1
voto
0
respuestas
120
vistas
Mostrar div segun lo seleccionado en un Select
estoy intentando mostrar y ocultar un div según lo seleccionado en un select.
El Select se carga dinamicamente con un JSON
JSON
"BISI": [{
"numOrden": "01",
"...
0
votos
0
respuestas
68
vistas
Problemas con media queries que no pisan los estilos y que si lo hacen con "!important"
Estoy aprendiendo html y css acompañado del uso de bootstrap y sass, en este caso estoy pasando a responsive mi sitio web y me encuentro con la dificultad de que ciertas clases no se pisan, al ...
1
voto
0
respuestas
21
vistas
Click solo en enlaces
tengo un menu de navegación en bootstrap, le agregue la siguiente animación con css:
a,
a:hover,
a:active,
a:visited {
color: unset;
text-decoration: none;
cursor: pointer;
}
.link {
display: block;
...
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
35
vistas
Hola buena noche, tengo un problema con position fixed, absolute y relative [duplicada]
Tengo una pagina hecha con sass con una nav bar por position fixed para mantenerla fija, mi problema es que tengo una galeria de imagenes con un overlay, el cual tiene position rellative y absolute, ...
0
votos
0
respuestas
23
vistas
Hola buena noche, tengo un problema con un problema con position fixed, absolute y relative
Tengo una pagina hecha con sass con una nav bar por position fixed para mantenerla fija, mi problema es que tengo una galeria de imagenes con un overlay, el cual tiene position rellative y absolute, ...
0
votos
1
respuesta
36
vistas
Video en HTML tapa H3 en version movil
Estoy realizando el proyecto de un curso en el que se coloca por medio de HTML5 un video en forma de portada, y por encima un h3 y párrafo en forma de título, de la siguiente manera:
<div class=&...
0
votos
1
respuesta
22
vistas
Tabla descuadrada - se distorsiona - Angular
tengo un problema con Angular, en el detalle del front, donde tengo una tabla y los siguientes campos, el detalle es que las celdas se me distorsionan y no se que pueda hacer, he visto la ...
0
votos
0
respuestas
168
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
56
vistas
Problema: doble click a menu responsivo con angular para que funcione
Hola que tal comunidad soy nuevo por aquí y tengo la siguiente duda
Estoy haciendo un menu responsivo con el ts de angular la funcion basica que siempre se usa en un script para un menu responsivo el ...
0
votos
0
respuestas
41
vistas
mi componente react ignora el estilo de mi archivo scss
Tengo un componente cuyo archivo es MenuTop.js y una hoja de estilos MenuTop.scss con la siguiente información:
MenuTop.js
import React from "react";
import { Button} from "antd";
...
0
votos
0
respuestas
126
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
69
vistas
React no renderiza imagenes y tampoco toma classes
tengo un problema con react el cual no renderiza las imagenes que cargo localmente, tampoco toma las propiedades css que le estoy dando, las imagenes están correctamente añadidas ya que puedo abrirlas ...
0
votos
1
respuesta
331
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
0
respuestas
9
vistas
no puedo instalar sass en chromecook
estoy usando lo que es una computadora chromebook y tengo problemas al instalar sass para mis trabajos ya intente con el siguiente comando
``` npm install -g sassnpm install -g sass ``
y resibo lo ...
0
votos
0
respuestas
4
vistas
SASS duplico el tamaño de mi sitio web
estoy desarrollando un sitio web con wordpress, understrap, sass, el sitio pesa 138mb
ya esta en produccion, cuando creo una nueva copia y lo bajo a local para hacer nuevos cambios,
ejecuto los ...
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
31
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
67
vistas
Compilando sass mediante npm
Estoy tratando de compilar sass mediante npm, ya lo registre en el package.json pero cuando le doy a correr me sale el sisguiente error:
"Exercises\project-tracking-intro-component-master\...
0
votos
0
respuestas
53
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
2
respuestas
32
vistas
¿Sass no compila las variables insertadas en :root?
Estoy trabajando con sass y Bulma.css, entonces en mi hoja customizada
_custom.scss se encuentra las siguientes variables($):
//sass variables
$color-1: #12D3CF;
$color-2: #1F2937;
$color-...
1
voto
2
respuestas
43
vistas
¿Cómo cambiar @import por @use al customisar un framework css?
Estoy intentando cambiar los @import de esta hoja de estilo.scss por @use excepto el "@import url(..fonts..)".
La siguiente hoja.scss es de la documentaión de BULMA, de la parte de customize ...
1
voto
0
respuestas
39
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
0
respuestas
21
vistas
No he podido aplicar gap a la navegación
Estoy aprendiendo un poco de HTML, CSS, SASS y GULP, estoy intentando hacer una navbar responsive, pero me he dado cuenta que no puedo aplicar gap a ciertos tamaños, ya he usado todos los mediasquerys ...
0
votos
0
respuestas
80
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
1
respuesta
62
vistas
Se me corrio el contenido del nav de bootstrap
Tengo este inconveniente, se me corrio el contenido de mi navbar (links de mi web).
El nav esta hecho con boostraps y cuando comence a hacer cambios de css a sass comenzo el error.
Volvi a hacer el ...
0
votos
1
respuesta
53
vistas
Css - Eliminar espaciado generado cuando el botón tiene icono
Estoy teniendo un problema con mi botón en un proyecto más eficiente, he resumido lo que me esta pasando ya que, al insertar un icono en mi botón se genera un espaciado en la parte inferior, a ...
-1
votos
1
respuesta
37
vistas
Formas de escribir un Gulpfile.js para que compile [cerrada]
Como compilar archivos .scss (sass) con Gulp.js
2
votos
0
respuestas
71
vistas
Como aislar bootstrap y mis estilos para que no interfieran con otro proyecto
He construido una libreria JS que renderiza vistas usando metodos. El problema es que he utilizado bootstrap para la UI y cuando alguien importa la libreria mi bootstrap hace conflictos con el css del ...
1
voto
0
respuestas
21
vistas
Por qué no me compila la tarea la tarea de compilara sass con gulp
[![introducir la descripción de la imagen aquí][1]][1]
Estoy tratando de compilar una tarea de sass con gulp pero me sale el error que se muestra en la imagen
[1]: https://i.stack.imgur.com/JwA6b.png
3
votos
1
respuesta
334
vistas
Como puedo compilar con gulp-sass?
Estoy creando un proyecto con gulp-sass, es la segunda vez que trabajo con nodejs y tengo un problema, al intentar compilar el código me da un error, he visto bastantes y variadas formas de arreglarlo ...