Negative values in e.g. CSS backgrounds seem to cause some weird behaviour with the wrapping. Are they perhaps ignored?
Prettier 1.13.2
Playground link
Input:
.this-will-not-wrap {
background: transparent url(/long/path/to/dummy-image.svg) -1000px center no-repeat;
}
.this-will-wrap-correctly {
background: transparent url(/long/path/to/dummy-image.svg) 1000px center no-repeat;
}
.this-will-also-wrap-but-incorrectly {
background: transparent url(/even/longer/path/to/dummy-image.svg) -1000px center no-repeat;
}
Output:
.this-will-not-wrap {
background: transparent url(/long/path/to/dummy-image.svg) -1000px center no-repeat;
}
.this-will-wrap-correctly {
background: transparent url(/long/path/to/dummy-image.svg) 1000px center
no-repeat;
}
.this-will-also-wrap-but-incorrectly {
background: transparent url(/even/longer/path/to/dummy-image.svg) -1000px center
no-repeat;
}
Expected behavior:
.this-will-not-wrap {
background: transparent url(/long/path/to/dummy-image.svg) -1000px center
no-repeat;
}
.this-will-wrap {
background: transparent url(/long/path/to/dummy-image.svg) 1000px center
no-repeat;
}
.this-will-also-wrap-but-incorrectly {
background: transparent url(/even/longer/path/to/dummy-image.svg) -1000px
center no-repeat;
}
Negative values in e.g. CSS backgrounds seem to cause some weird behaviour with the wrapping. Are they perhaps ignored?
Prettier 1.13.2
Playground link
Input:
Output:
Expected behavior: