0

I have an issue using the background property in the sass

When I write:

background: url(../images/assets/calendar.png);
background-repeat: no-repeat;
background-size: 250px 230px;
background-position: 51px 91px;
background-color: $mainColor;

The sass compile it for:

background: url(../images/assets/calendar.png) 51px 91px/250px 230px no-repeat #f68e34;

But, the iPhone and iPad browsers don't understand this syntax, how can I resolve it?

Thanks in advance

Icarus
  • 1,627
  • 7
  • 18
  • 32
user3130064
  • 1,071
  • 2
  • 13
  • 22

1 Answers1

2

Have you tried using background-image instead of the background shorthand?

If you write out each rule iOS/Safari will understand it.

background-image: url(../images/assets/calendar.png);
background-repeat: no-repeat;
background-size: 250px 230px;
background-position: 51px 91px;
background-color: $mainColor;
Adrift
  • 58,167
  • 12
  • 92
  • 90