Image not compiling correctly

[SpencerC]

.leather
  image "https://local-assets.pksy.io/img/dark-leather.png" 256pt 256pt
  //image "/img/dark-leather.png" 256pt 256pt
  background-position top center

Compiles to:

@import url("http://fonts.googleapis.com/css?family=Gudea:400,700,400italic");
.leather {
  background-image: url("https://local-assets.pksy.io/img/dark-leather.png");
  background-position: top center;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
  .leather {
    background-image: url("https:/local-assets.pksy.io/img/dark-leather@2x.png");
    -webkit-background-size: 256pt 256pt;
    -moz-background-size: 256pt 256pt;
    background-size: 256pt 256pt;
  }
}

Note the dropped slash in the @2x URLs. Is there a work around?

[ghost]

+1

[notslang]

hmm... sounds like an issue with escaping. I'll look into this tomorrow

[optikfluffel]

The same happens here if I try to use //local-assets.pksy.io/img/dark-leather.png as source url then you get /local-assets.pksy.io/img/dark-leather.png in the output. :tired_face:

[optikfluffel]

The problem seems to be that stylus uses path.join which normalizes the path and seems to kill the // in our urls.

I opened up an issue over at stylus as well.

[optikfluffel]

What do you think about this approach from @Panya?