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

Filtrar por
Ordenado por
Etiquetadas con
3 votos
1 respuesta
552 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 ...
1 voto
1 respuesta
1k vistas

¿Cómo superponer un DIV sobre un CANVAS o un fondo de PLUGIN de JAVASCRIPT?

Realizo la importación a mi HTML para ejecutar el plugin, los tags (script) que se ecuentran al final de mi (body) son los encargados de darle funcionamiento a mi plugin. También necesito configurarlo ...
0 votos
0 respuestas
18 vistas

¿Porque cuando creo SASS no se añade a mi app.scss?

function watchArchivo() { watch('src/scss/**/*.scss', css) } Esta es la funcion con la que mando a mi archivo app.css pero no detecta el header de mi pagina
1 voto
1 respuesta
242 vistas

Cargar Sass en React con @use

tengo un problema al utilizar @use de Sass en React. Ya instalé node-sass e importe el index.scss en el App.jsx Estoy usando el @use en Sass para dividir el código en varios archivos, pero no reconoce ...
0 votos
1 respuesta
349 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 ...
1 voto
1 respuesta
99 vistas

No me funciona el comando npm -i -g sass

No puedo descargar sass con este comando: npm -i -g sass No se porque falla. He intentado npm --install -g sass npm -i --global sass npm --install --global sass Y sigue sin funcionar Sass Pueden ...
1 voto
0 respuestas
223 vistas

Error al instalar laravel/ui laravel 6

estoy tratando de instalar el paquete laravel/ui para laravel version 6, he seguido la documentacion del paquete y todo me funciona bien salvo un ultimo paso. al ejecutar el comando php artisan ui vue ...
1 voto
1 respuesta
560 vistas

¿se puede hacer que un elemento la misma medida en height y en width pero solo conociendo el valor de uno de ellos?

¿Cómo podría obtener el siguiente resultado? quiero que un div tenga su height relacionado a su width, algo como lo siguiente: div { width: 100%; height: width - 10px; } ¿se puede ...
0 votos
1 respuesta
89 vistas

No logro centrar el contenido usando flexbox

estoy intentando rehacer mi pagina con sass, para un trabajo final que tengo que entregar, y cuando intento centrar el logo y el navbar con flexbox no lo hace, lo estube mirando mucho y no entiendo en ...
1 voto
0 respuestas
49 vistas

No logro hacer funcionar loader de sass en webpack 5

Estoy usando esta config de webpack de este repo https://github.com/santiagoOjeda/react-boilerplate.git, en el branch enhancement/sass-loader Alguna idea de que esta mal, me da el siguiente msj: RROR ...
1 voto
0 respuestas
400 vistas

Vue 3 no encuentra sass

Estoy tratando de agregar primeflex a mi proyecto con vue 3 y al hacer las siguientes importaciones: import 'primeflex/src/_variables.scss'; import 'primeflex/src/_grid.scss'; import 'primeflex/src/...
0 votos
1 respuesta
246 vistas

Input cambia su background y el font con las sugerencias

Estoy creando una página web, estoy aprendiendo, estoy con HTML y CSS. Diseñé una página de Log in, pero cuando inserto una letra en el input de usuario, y salen las sugerencias, cuando paso el mouse ...
0 votos
1 respuesta
44 vistas

SASS quita las comillas al compilar

Tengo el siguiente selector [class^="card-"] Cuando se compilar las comillas han desaparecido, por lo que no puede seleccionar los elementos que necesito. CSS compilado [class^=card-]
1 voto
0 respuestas
123 vistas

Problemas con mi CSS al agregar Bootstrap 5 [cerrada]

estoy intentando colocar un carousel de boots pero afecta a mi CSS. Asi se ve el proyecto sin Bootstrap: Asi se ve una vez agregado Boots con jsDelivr (tanto el CSS como JS): tambien afecta el nav ...
0 votos
1 respuesta
112 vistas

¿Por que obtengo 2 veces la misma clase en sass con este código?

Hola a todos estoy tratando de hacer una página con sass y obtengo un resultado no esperado al usar el placeholder, ¿por que no me pone todo en la misma clase para evitar la repetición de código y que ...
0 votos
1 respuesta
74 vistas

Como detectar si un li anterior esta activo y colorear before

Necesito lograr este estilo Actualmente mi resultado es el siguiente: Como puedo saber si el 02 esta activo y colorear la linea antes de llegar al 03 de verde? .progressbar { counter-reset: ...
0 votos
0 respuestas
147 vistas

alineación de divs horizontal y verticalmente flexbox

Tengo un componente de Angular el cual me saca varias cajas las cuales cada cual tiene una altura distinta y estoy intentando que cuando hace el salto de línea, las cajas de esa fila se coloquen justo ...
0 votos
0 respuestas
222 vistas

Compilar SASS en Mac con Big Sur

Estoy intentando compilar ficheros .scss en MAC con Big Sur (con el editor Atom) y no tengo forma...he probado todo tipo de instalaciones (tanto con el usuario administrador como con root) y nada. ...
0 votos
0 respuestas
148 vistas

Fuentes en angular mediante selectores

Soy nuevo con este tema, no conozco mucho al respecto, estoy intentando realizar un selector en angular que cuente con diferentes tipos de fuentes, lo que deseo es que estas fuentes afecten ...
0 votos
1 respuesta
1k vistas

Cómo modificar estilos de Material UI desde SASS

Estoy probando a modificar Material UI desde SASS, para un miniproyectito que estoy haciendo con React y JavaScript. Sin embargo, me están apareciendo errores. Os enseño mi componente Button y su SCSS:...
2 votos
1 respuesta
447 vistas

¿Cómo añadir reglas css nuevas (o modificar existentes) al framework BULMA?

Entiendo menos que más la sintaxis css y cómo aplicar estilos a divs y demás (muy básicos), pero me resulta un poco difícil de entender "por qué" en ocasiones se aplican ciertos estilos y ...
0 votos
1 respuesta
3k vistas

Google Chrome no carga por completo el archivo css [cerrada]

apenas estoy aprendiendo este tema de desarrollo web y me acaba de pasar lo siguiente subí en mi servidor la web que estoy trabajando, pero solo en Chrome no funciona el css que genera Sass, en los ...
0 votos
2 respuestas
3k vistas

¿Cómo manipular un elemento en SASS con el estado hover?

Hola qué tal amigos de la comunidad tengo un problema con mi código, quiero hacer algo en SASS pero realmente nose si se pueda ya que en CSS si lo puedo hacer pero en SASS por más que busco no ...
1 voto
1 respuesta
892 vistas

¿Cómo mostrar imágenes de un proyecto en react en GitHub Pages y en Netlify?

Tengo un problema con un proyecto básico en react y webpack, el proyecto me funciona cuando lo abro en mi local Host (las imágenes se muestran) pero cuando lo subo en GitHub pages o en Netlify no se ...
2 votos
2 respuestas
382 vistas

Como se puede mejorar la compilación de SASS y Bootstrap usando npm?

Para compilar estoy abriendo 2 consolas donde en una ejecuto el script npm que escribí para compilar scss con css y luego otra consola donde compilo bootstrap.scss con bootstrap.css . El problema o ...
-1 votos
1 respuesta
1k vistas

No me compila scss con css

No me compila el scss con el css al momento de realizar cambios en scss no me lo muestra en css compilado, al momento de arrancar el gulp watch me indica solo el Starting mas no el Finaled.. al ...
1 voto
1 respuesta
609 vistas

No puedo cambiar el estilo de un texto en base al state en React

Estuve trabajando en un proyecto el cual es un clone del block de notas de google, que seria el Google Keep, y lo estoy haciendo con ReactJS y Sass. Básicamente es una pagina donde hay un formulario, ...
2 votos
1 respuesta
218 vistas

Cambiar valores de una función a partir de un color heredado en Sass

Estoy aprendiendo un poco de Sass y estoy intentando hacer unas formas de bloques sólo con divs de colores, cambiando y rotando sus posiciones. El div inicial a partir del cual creo los bloques más ...
0 votos
1 respuesta
741 vistas

Crear una hoja de estilos global en Vue

Tengo un proyecto en Vue y BootstrapVue. He modificado las variables $dark y $light de Bootstrap con éxito. Sin embargo, no quiero re-definir las variables en cada componente que haga, por lo que he ...
2 votos
2 respuestas
106 vistas

¿Para qué sirve SASS en desarrollo web?

Vi un video en donde usaban SASS para cambiar el css de una página, pero me dio mucha curiosidad ya que sentía que copiaban lo mismo de la hoja de css en la hoja scss, solo que agregando variables, ...
4 votos
1 respuesta
6k vistas

¿Existen diferencias entre SCSS y CSS?

Estoy empezando a trabajar con Ionic y hace uso de una extensión llamada scss que es para los estilos al igual que css, y a pesar de que he visto que trabajan igual, me gustaría saber si existen ...
1 voto
1 respuesta
125 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,...
0 votos
1 respuesta
231 vistas

mi imagen no ocupa todas las columnas que le di con CSS Grid

básicamente estoy haciendo una pagina web de películas (Con HTML - SCSS - JS) donde uno puede ver todo tipo de información acerca de cualquier película con la TMBD API. Lo que hago es el usuario busca ...
1 voto
1 respuesta
2k vistas

Porque no puedo correr sass con npm?

Soy nuevo con Sass y no tuve ningún problema con la instalación y la configuración que realicé en el archivo package.json de está manera: { "name": "sass_sandbox", "...
0 votos
1 respuesta
1k vistas

Como mover un botón hasta abajo del contenedor sin position absolute en css?

Como podría mover el botón que está depués del texto hasta la parte de abajo del recuadro gris sin utilizar postion relative(al padre) y abosolute al botón? Así como lo muestro en la imagen. Esta es ...
0 votos
0 respuestas
470 vistas

Problemas al compilar con sass

tengo un problema al compilar mi archivo .sass, la cuestión es que cuando ejecuto la compilación por primera ves el se ejecuta y guarda normal pero al hacer otro cambio muestra el error que aparece en ...
0 votos
1 respuesta
119 vistas

Error para importar partials sass con gulp

Ojala me entiendan y puedan ayudarme, tengo esa estructura en un proyecto estoy trabajando con Gulp, gulp-sass, browser-Sync; se supone que sass la documentarion dice que se puede crear partials ...
0 votos
0 respuestas
97 vistas

Problema de ancho en maquetacion responsive

Tengo un problema y es que cuando quiero adaptar mi web a distintos tamaños, llega un momento que algunos elementos dejan de ocupar el 100% de la pantalla, los elementos que me marca el inspector de ...
0 votos
1 respuesta
42 vistas

Como hacer que cada padre tenga la altura de su respectivo hijo

tengo el consiguiente código pug: section.text-overlap-img article .container .row.justify-content-around .col-md-5 .wrapper-img.bg-line-white.adjust-height ...
0 votos
2 respuestas
649 vistas

Como seleccionar hijo en Jquery

section.text-overlap-img .container .row.justify-content-around.adjust-height .col-md-5 .wrapper-img.bg-line-white img(src="img/johan-cruyff.png") .col-...
1 voto
1 respuesta
111 vistas

media querie manager en sass

Tengo un problema con los media queries y SASS. Armé la fórmula del media querie manager, pero Google Chrome no me lo toma. Aclaro que no probé en otro navegador. Tengo el código así: @mixin respond ...
0 votos
1 respuesta
165 vistas

Recuperar un sass original de un css minificado

Tengo un archivo css que esta minificado con grunt. Por un error me quedo el sass original fuera del repositorio. Necesitaria sacar el sass original de ese css. saludos
0 votos
0 respuestas
29 vistas

usar los components de sass en un proyecto externo

Buen día , cuando se habla de 'componets' en el patron "7 en 1" de sass, quiere decir que esos componentes van a ser reautilizados en el mismo proyecto o tambien se puede llevar a otros proyectos ??
2 votos
0 respuestas
28 vistas

¿Cómo integrar font awesome en workflow usando webpack?

Estoy trabajando una pequeña página en la cual utilizo un workflow, y ahora necesito integrar Font Awesome pero no está funcionando como debería, cuando ejecuto el comando npm run watch en consola, no ...
0 votos
1 respuesta
880 vistas

Gulp watch no funciona correctamente

tengo que siguiente problema, este es mi código en gulpfile.js: const gulp = require('gulp'); const sass = require('gulp-sass'); gulp.task('sass', function () { gulp.src('./dev/...
2 votos
1 respuesta
33 vistas

Problema con CSS para timeline

Descargué un timeline de esta web https://codepen.io/P233/pen/lGewF pero tengo un problemita, no puedo modificar los círculos de la izquierda que acompañan a los botones: Veo un código así: .radio:...
1 voto
2 respuestas
168 vistas

CSS - Problema con ajuste responsivo utilizando background-image

Tengo un problema al momento de remplazar imagenes dependiente de la medida de la pantalla. Tengo mi elemento header el cual le paso un background-image SCSS - header{ height: 100vh; background-...
1 voto
1 respuesta
55 vistas

Como poder utilizar counter(properti) en una funcion calc CSS

Tengo algunos items que deseo dimencionar con cunter. body { counter-reset: properti; } li::after { counter-increment: properti; content: counter(properti) ; } li{ ...
1 voto
0 respuestas
55 vistas

Gulp + Browsersync: tarea del server no funciona

Estoy aprendiendo a desarrollar con las tecnologías de node, y me encontré con el siguiente problema: Estoy usando gulp para gestionar tareas de sass y pug, junto a browsersybc; el punto es que a la ...
1 voto
0 respuestas
180 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 ...