Problemas con SASS y BackGround- Imagen
Publicado por rafael (2 intervenciones) el 23/11/2019 13:39:42
Hola a todos. Tengo este problema con SASS y no encuentro la manera de solucionarlo. Espero que me podáis ayudar. Pasa que cuando en el archivo SASS coloco un background-image con sus respectivos paréntesis para la ruta, cuando lo compila lo hace sin los paréntesis y la imagen no se muestra. ¿Alguna solución?. Gracias.
CÓDIGO EN ARCHIVO SCSS:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
@mixin mainImagen ($medidaHorizontal, $medidaVertical){
width: 100%;
height: 65%;
display: flex;background-position: $medidaHorizontal $medidaVertical;
background-size: cover;
}.main-imagen-beline {
@include mainImagen(10%, 40%,);
background-image: url ("../imagenes/modelo1/imagenprincipal.jpg");
}.main-imagen-yessica {
@include mainImagen(10%, 0%,);
background-image: url ("../imagenes/modelo2/imagenprincipal.jpg");
}.main-imagen-justiny {
@include mainImagen(10%, 0%,);
background-image: url ("../imagenes/modelo3/imagenprincipal.jpg");
}CÓDIGO COMPILADO EN CSS (NÓTESE LA FALTA DE PARENTESIS EN LA RUTA):
.main-imagen-beline {
width: 100%;
height: 65%;
display: flex;background-position: 10% 40%;
background-size: cover;
background-image: url "../imagenes/modelo1/imagenprincipal.jpg"; }
.main-imagen-yessica {
width: 100%;
height: 65%;
display: flex;background-position: 10% 0%;
background-size: cover;
background-image: url "../imagenes/modelo2/imagenprincipal.jpg"; }
.main-imagen-justiny {
width: 100%;
height: 65%;
display: flex;background-position: 10% 0%;
background-size: cover;
background-image: url "../imagenes/modelo3/imagenprincipal.jpg"; }
Valora esta pregunta
0
