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
116
preguntas
0
votos
1respuesta
58 vistas
¿Se puede insertar un media query en un mixin de sass?
Hola me gustaria saber si se puede insertar un media query dentro de un mixin de sass? Afectaria en algo el código del css? o Genereraria un error?
Gracias
0
votos
1respuesta
28 vistas
¿porque no puedo renderizar la imagen url con un gradiente en React?
Este metodo siempre me funciona en html y sass normales sin jsx pero ahora usando react no funciona, ¿a que se debe esto?, la parte del header aparece en blanco y tuve que crear otra carpeta img en ...
1
voto
0respuestas
44 vistas
Problema con CSS > mix-blend-mode: difference;
estoy teniendo problemas con el uso de mix-blend-mode: difference; en CSS. Estoy haciendo un sitio web y usando la librería de animación GSAP.
El caso es que quiero dejar mi logotipo (<h3 id='...
0
votos
1respuesta
98 vistas
¿Qué ventajas ofrece SASS comparado con CSS? [cerrada]
En esta ocasión quiero consultarles cual es la ventaja de trabajar el diseño con SASS.
Por mas que me he documentado las ventajas solo llegan a manejar variables que puedes reutilizar en la creación ...
1
voto
1respuesta
25 vistas
icono play se desliza sobre imagen
estoy teniendo problemas con un icono play sobre una imagen, al hacer el diseño responsive para moviles, en algunos tamaños (de 576px hacia abajo) al encoger la pantalla el icono de desliza y queda al ...
1
voto
0respuestas
20 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 ),
...
4
votos
1respuesta
1k 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 ...
0
votos
0respuestas
11 vistas
¿Como capturar los logs de una tarea gulp lanzada desde Node?
Tengo una task en gulp para compilar sass como esta:
gulp.task('sass_pz', function(done) {
gulp.src('/source_scss/*.scss')
.pipe(sourcemaps.init())
.pipe(sass({ }).on('error', sass.logError))
...
1
voto
1respuesta
20 vistas
El metodo map en SASS no me devuelve todos los valores
tengo un problema con el método map-get en SASS.
Al ejecutar el siguiente codigo
$colors: (
darkTurquoise: #6bc9c4,
lightTurquoise: #9bdad5,
);
$themeConfig: (
linkColor: map-get($colors, "...
1
voto
0respuestas
29 vistas
@font-face da error cuando la utilizo en la hoja de estilos principal y la importo a la hoja de estilos de algún componente
Fichero global.scss (hoja de estilos principal):
@font-face {
font-family: Mermaid;
src: url(./assets/fonts/mermaid.ttf);
}
Hoja de estilos de algún componente:
@import './../../global.scss'...
-2
votos
1respuesta
113 vistas
Buena practica uso de mediaQueries con SASS [cerrada]
estoy empezando a programar con SASS y me pregunto:
¿Que es mejor practica, definir las media queries anidadas dentro de los selectores o reservar un apartado del scss exclusivo para volver a ...
1
voto
0respuestas
63 vistas
¿ Cómo alinear elementos de div?
Estoy haciendo una aplicación de prueba con angular, he creado una pequeña barra de navegación pero no consigo que se vea como yo quisiera. Quiero que el icono de favoritos (corazón) este al final de ...
0
votos
1respuesta
24 vistas
Problema al compilar mis archivos Sass, las clases se modifican
Estoy usando webpack y al compilar los archivos sass las clases se modifican así
.margen-arriba-grande___-OnzA {
margin-top: 5rem;
}
.margen-arriba-mediano___3OWjZ {
margin-top: 3rem;
}
pero ...
0
votos
1respuesta
260 vistas
No me toma una variable (SASS) proveniente de otro archivo SCSS
Muy buenas. Tengo un problema a la hora de utilizar una variable en un archivo sass proveniente de otro. Cabe aclarar que no es importado explícitamente en el dicho primer archivo.
Debido a que ...
-3
votos
1respuesta
124 vistas
¿Como puedo evitar que Prepros me convierta a css los archivos parciales de sass? [cerrada]
Actualmente estoy usando prepros para crear hojas de estilo más rápido, pero me he encontrado con el siguiente problema.
Cuando creo un archivo parcial de sass ya sea _mixings.scss o _vars.scss el ...
0
votos
1respuesta
41 vistas
Keyframes en SCSS
Tengo un mixin pero al aplicarlo a un elemento no se aplica correctamente.
Mixin SCSS
@mixin keyframes($property) {
@-webkit-keyframes $property {
@content;
}
@-moz-keyframes $...
2
votos
1respuesta
28 vistas
Definir variables con nombres recurrentes en Compass (SASS)
Necesito definir 100 variables que están compuestas de un prefijo y el número tal que así:
$negro_trans1 : rgba(0,0,0,.01);
$negro_trans2 : rgba(0,0,0,.02);
$negro_trans3 : rgba(0,0,0,.03);
$...
2
votos
1respuesta
105 vistas
Cómo puedo cambiar el primary color de un framework css?
Tengo entendido que los framework css trabajan sus componentes a través de sass, pero he intentado cambiar el valor de las variables dentro del código sass de la librería pero no ha funcionado, el ...
1
voto
1respuesta
33 vistas
como usar cal() con sass en loop @for
Necesito generar con sass, para cada uno de las clases creadas, un flex: 0 0 calc(numeroGrid% - 30px).
Tengo el siguiente código :
@mixin grid-generator($size) {
@for $i from 1 through 12 {
....
0
votos
1respuesta
148 vistas
¿Cómo enviar los estilos Sass compilados con vue-cli (webpack-simple) a un archivo externo?
El problema:
En los componentes de vue-cli se encuentra la etiqueta <style lang="scss">. Esta se encarga de tomar todo lo que encierra y compilarlo a CSS mediante Webpack. Cuando el código en ...
1
voto
0respuestas
111 vistas
¿Cómo usar Sass con vue-cli y webpack-simple?
Quisiera poder crear los estilos de cada componente con Sass mientras uso vue.js en vez de usar <style lang="scss"></style>.
A lo que me refiero es: tener los estilos de cada componente ...
0
votos
1respuesta
465 vistas
Problema al compilar Sass en Atom (Win 10)
Estoy aprendiendo a usar Sass, en Windows 10. Uso el editor Atom y el preprocesador Prepros. Tengo instalado Nodejs.
El problema es que cuando quise compilar por primera vez el archivo sass, me salió ...
0
votos
0respuestas
13 vistas
¿Cómo puedo inyectar lineas de sass dentro de un archivo .scss con Gulp.js?
Buen día. Quisiera poder inyectar líneas de código Sass dentro de un archivo archivo.scss. Las líneas de código a ser inyectadas se encuentran en el archivo gulpfile.js almacenadas en variables. Así:
...
1
voto
0respuestas
103 vistas
¿Cómo utilizo un archivo de configuración .json para decidir qué elementos se importan a mi librería?
Buen día chicos/as. Tengo una duda un poco complicada.
Estoy creando una librería con Sass y JavaScript (también con Gulp.js) donde se encuentran distintos componentes (por ejemplo: diálogos, botones....
2
votos
1respuesta
49 vistas
Dar estilo a un elemento dependiendo del número de radio buttons marcados
Estoy haciendo pruebas con CSS y SASS y me encuentro con que tengo una serie de selectores repetidos y anidados muchas veces y no sé cómo simplificarlos o mejorarlos (debe ser posible porque ahora ...
1
voto
1respuesta
66 vistas
Bucle for en Sass
Estoy aprendiendo SASS (con formato scss) y tengo una duda con el bucle for.
Tengo 10 div y quiero darles un order a cada uno de ellos. Entonces pensé en esto:
El tema es que el nth-child() no me ...
0
votos
1respuesta
56 vistas
¿Cómo puedo hacer que filter no afecte también al texto en CSS3 SASS Bootstrap 4?
tengo un problema de estilo.
Intento darle este efecto a una imagen:
El problema es que al agregarle la propiedad filter, me cambia el texto de color.
El código HTML y CSS es el siguiente:
.c-...
0
votos
1respuesta
89 vistas
Ayuda con la incorporación de font-awesome
Estoy realizando una practica con archivos .less.
y mi problema es que cuando "agrego" font-awesome a mi proyecto. y al cargar el index, me muestra un cuadro solamente.
Este es mi archivo framework....
0
votos
1respuesta
48 vistas
Mover un elemento dentro de otro SCSS
Tengo una página web y estoy intentando mover un elemento link "a" dentro de un "div" ya existente. El código generado sería algo así:
<a href="google.es" class="download-link">Download file<...
1
voto
1respuesta
44 vistas
Consulta Compilación SASS con NPM en Servidor
Con un amigo, discutiendo sobre la implementación de una aplicación web que hicimos en PHP Laravel 5.6, surgió un tema para investigar y aprender sobre SASS y NPM: ¿Se debería compilar el código para ...
2
votos
2respuestas
5k vistas
Como puedo hacer un menu sobre una imagen?
Espero y me puedan ayudar con una duda que tengo ya que desconozco mucho sobre css todavía.
Bueno, como puedo hacer un menu sobre una imagen con css ejemplo tengo el siguiente código html y css:
<...
0
votos
1respuesta
21 vistas
Cómo instalar la gem de sass en un directorio específico en Windows [cerrada]
Alguien sabe como instalar la gem de sass en un directorio específico en el sistema operativo Windows.
Hay algún comando?
0
votos
0respuestas
35 vistas
Cómo saber todos los parciales sass que se han usado en una página html
Tengo un sitio muy grande que utiliza muchísimos parciales sass que se preprocesan en un único fichero css. También usamos sourcemaps para debuguear el código css en el navegador.
Quisiera saber si ...
0
votos
0respuestas
44 vistas
Remplazar etiqueta marquee de HTML por efectos con SASS
Estoy teniendo un pequeño problema al usar la etiqueta <marquee> de HTML (se que está en desuso o depreciada, pero era la unica que me permitía dar ese efecto), mi texto puede contener hasta 30 ...
0
votos
0respuestas
57 vistas
ROR Compilar sass en producción
Alguien me puede ayudar por favor. Les comento que tengo un gran problema y no se como solucionarlo, busque en todos lados y no encontre nada bueno.
Lo que pasa es que tengo mi archivo application....
0
votos
1respuesta
110 vistas
Carousel de bootstrap se visualiza mal
Estoy teniendo problemas con mi Carousel en Bootstrap.
Lo copie tal cual,descargué jquery,bootstrap.js tambien puse el viewport
<!DOCTYPE html>
<html lang="en">
<head>
&...
1
voto
1respuesta
255 vistas
Como superponer un texto contenido dentro del sistema de columnas de Materialize
Aquí detallo mi pregunta. Estoy haciendo una página web donde tengo una imagen de fondo pero al colocar un texto con el sistema de de columnas (grid) que proporciona materialize este me queda por ...
0
votos
2respuestas
55 vistas
Sass Separación según número de elementos
Tengo una línea y 'x' circulos que serán creados dinámicamente.
La cuestión es que si tengo 2 circulos, uno deberá estar al principio, y el otro al final, si tengo por ejemplo 4circulos, cada uno con ...
1
voto
1respuesta
35 vistas
SASS: Añadir valores a una variable
¿En SASS se puede añadir valores a una variable?
Algo así como:
$variable: "texto"
@for $i from 1 through 13
$variable .: $variable + $i
NO, no estáis entendiendo lo que pregunto el punto se usa ...
1
voto
1respuesta
965 vistas
problema al generar css con node-sass
para agregar la conversión de sass a css en mi node seguí los pasos de este tutorial, tras completarlo mi archivo package.json luce así:
{
"name": "kimera",
"version":...
0
votos
1respuesta
379 vistas
Error al Instalar Sass en Mac
Al correr el comando gem install sass me muestra este Resultado de la consola, si alguno sabe la solución o una idea de porque esta sucediendo les agradeceria.
Building native extensions. This could ...
2
votos
1respuesta
8k vistas
carga de iconos font awesome [duplicada]
estoy teniendo problemas con la carga de los iconos con font awesome
y al utilizarlo me lo pone como esto:
De esta manera cargo los iconos.
<!-- CARGANDO FUENTES -->
<link href="https://...
0
votos
1respuesta
419 vistas
Botón con transición de CSS
Tengo un botón que es un <a> y dentro de este tag un <span>, en el que hago una especie de recuadro en el botón, levemente desplazado hacia la derecha y hacia abajo, para que al clickearlo,...
0
votos
0respuestas
73 vistas
Error al compilar archivos parciales con sass
Buenas colegas estoy teniendo un problema con el prompt de Ruby al trabajar con sass estoy trabando con archivos parciales mediante el @import aqui-lo-importado
Nunca me habia pasado busque en Google ...
0
votos
1respuesta
127 vistas
Desplazar dos divs hacia lados opuestos
Tengo dos divs, ambos con un botón debajo, que al clickearlo, debe desplazar el div de la izquierda, hacia la izquierda, y el div de la derecha, hacia la derecha, hasta ocultarse ambos totalmente. En ...
1
voto
1respuesta
290 vistas
Error de instalación de SASS
Buenas tardes y buen comienzo de años para todo. Quiero consultarles sobre un problema que tengo al querer instalar SASS a mi equipo (Mismo error en una laptop y una PC de escritorio). Realice la ...
0
votos
1respuesta
420 vistas
¿Cual puede ser el problema con background-image?
sass
div
margin: 10px auto
width: 100%
max-width: 720px
min-width: 240px
background-image: url(..imagenes/img1.jpg)
jquery
var anchoS=($("div").width())*0.75;
$("div").css("height",anchoS);
$(...
0
votos
1respuesta
150 vistas
¿Dónde está instalado Sass en el entorno de desarrollo Homestead de Laravel?
Buenas, estoy empezando a aprender sobre Laravel, el framework de PHP, y he instalado la máquina virtual Homestead que ofrecen en su página para empezar a probar cosas rápidamente.
El caso es que ...
3
votos
1respuesta
3k vistas
¿Que significa en sass/scss “&”?
Me he encontrado con esto en un fichero de sass/scss de Bootstrap v4:
.nav-pills {
.nav-link {
@include border-radius($nav-pills-border-radius);
&.active,
.show > & { /* <...
1
voto
1respuesta
1k vistas
CDN font-awesome no funciona correctamente
Saludos !!
Tengo el siguiente problema con font-awesome donde quiero hacer uso del CDN que nos brinda esta librería pero no consigo el resultado necesario.
<!DOCTYPE html>
<html>
...