SCSS: function arguments on different lines in maps

[TheComputerM]

Prettier 2.1.1
Playground link

--parser scss

Input:

$display-breakpoints: map-deep-merge(
  (
    "print-only": "only print",
    "screen-only": "only screen",
    "xs-only": "only screen and (max-width: #{map-get($grid-breakpoints, "sm")-1})",
    "sm-only": "only screen and (min-width: #{map-get($grid-breakpoints, "sm")}) and (max-width: #{map-get($grid-breakpoints, "md")-1})",
    "sm-and-down": "only screen and (max-width: #{map-get($grid-breakpoints, "md")-1})",
    "sm-and-up": "only screen and (min-width: #{map-get($grid-breakpoints, "sm")})",
    "md-only": "only screen and (min-width: #{map-get($grid-breakpoints, "md")}) and (max-width: #{map-get($grid-breakpoints, "lg")-1})",
    "md-and-down": "only screen and (max-width: #{map-get($grid-breakpoints, "lg")-1})",
    "md-and-up": "only screen and (min-width: #{map-get($grid-breakpoints, "md")})",
    "lg-only": "only screen and (min-width: #{map-get($grid-breakpoints, "lg")}) and (max-width: #{map-get($grid-breakpoints, "xl")-1})",
    "lg-and-down": "only screen and (max-width: #{map-get($grid-breakpoints,"xl")-1})",
    "lg-and-up": "only screen and (min-width: #{map-get($grid-breakpoints,"lg")})",
    "xl-only": "only screen and (min-width: #{map-get($grid-breakpoints,"xl")})",
  ),
  $display-breakpoints
);

Output:

$display-breakpoints: map-deep-merge(
  (
    "print-only": "only print",
    "screen-only": "only screen",
    "xs-only": "only screen and (max-width: #{map-get($grid-breakpoints, " sm
      ")-1})",
    "sm-only": "only screen and (min-width: #{map-get($grid-breakpoints, " sm
      ")}) and (max-width: #{map-get($grid-breakpoints, " md ")-1})",
    "sm-and-down": "only screen and (max-width: #{map-get($grid-breakpoints, "
      md ")-1})",
    "sm-and-up": "only screen and (min-width: #{map-get($grid-breakpoints, " sm
      ")})",
    "md-only": "only screen and (min-width: #{map-get($grid-breakpoints, " md
      ")}) and (max-width: #{map-get($grid-breakpoints, " lg ")-1})",
    "md-and-down": "only screen and (max-width: #{map-get($grid-breakpoints, "
      lg ")-1})",
    "md-and-up": "only screen and (min-width: #{map-get($grid-breakpoints, " md
      ")})",
    "lg-only": "only screen and (min-width: #{map-get($grid-breakpoints, " lg
      ")}) and (max-width: #{map-get($grid-breakpoints, " xl ")-1})",
    "lg-and-down": "only screen and (max-width: #{map-get($grid-breakpoints," xl
      ")-1})",
    "lg-and-up": "only screen and (min-width: #{map-get($grid-breakpoints," lg
      ")})",
    "xl-only": "only screen and (min-width: #{map-get($grid-breakpoints," xl
      ")})",
  ),
  $display-breakpoints
);

Expected behavior:

[TheComputerM]

This results in wrong code. There should not be spaces between quotes.

[TheComputerM]

I think this somewhat looks like: #7419. Are they the same?

[alexander-akait]

@TheComputerM No, it is another issue

[agamkrbit]

can I pick this ?

[fisker]

can I pick this ?

Sure, thanks.