Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Option for whitespaces between multiple values #54

Closed
kizu opened this issue Sep 6, 2013 · 6 comments
Closed

Option for whitespaces between multiple values #54

kizu opened this issue Sep 6, 2013 · 6 comments

Comments

@kizu
Copy link
Contributor

kizu commented Sep 6, 2013

foo: bar,baz vs. foo: bar, baz or even

foo: bar,
     baz

(the latest one should be described using the keyword, I guess)

There could be three (?) similar options for different possible multiple values styles:

  1. For comma-separated values: foo, bar
  2. For space-separated values: foo bar
  3. For whitespace between the functions and following values: url()#FFF vs. url() #FFF (this is separate from the previous, 'cause the previous one can't have empty string as an argument).

Also, as with #53, there should be a way to set this option to be different for different properties: for paddings people would want to have 0 0 10px, but for transforms they would want

transform: scale(1,2)
           rotate(30deg)

etc.

--- Want to back this issue? **[Post a bounty on it!](https://www.bountysource.com/issues/1519093-option-for-whitespaces-between-multiple-values?utm_campaign=plugin&utm_content=tracker%2F214563&utm_medium=issues&utm_source=github)** We accept bounties via [Bountysource](https://www.bountysource.com/?utm_campaign=plugin&utm_content=tracker%2F214563&utm_medium=issues&utm_source=github).
@oswaldoacauan
Copy link

👍 for

foo: bar,
     baz

@ArmorDarks
Copy link

good idea!

@bivainis
Copy link

Would be a great feature to have!

// expected result
box-shadow: 0 1px 3px 0 rgba($black, 0.2),
            0 1px 1px 0 rgba($black, 0.14),
            0 2px 1px -1px rgba($black, 0.12);

// actual result
box-shadow: 0 1px 3px 0 rgba($black, 0.2),
0 1px 1px 0 rgba($black, 0.14),
0 2px 1px -1px rgba($black, 0.12);

@JohnONolan
Copy link

Even simpler version of this might be to just "leave code as is" if a newline is detected on a property, eg. I would write @gebidesign's code slightly differently (below). I'd love for it to be sorted, but not change indenting.

box-shadow:
    0 1px 3px 0 rgba($black, 0.2),
    0 1px 1px 0 rgba($black, 0.14),
    0 2px 1px -1px rgba($black, 0.12);

@herzinger
Copy link

herzinger commented Oct 16, 2017

I came here specifically for finding out it there was some configuration for that already. +1 for sure.

I see it's kind of an old issue, but this or at least some way to ignore a block of code would be huge for me.

In special, the new css grid template would benefit greatly from that:

grid-template-areas:
  "logo     header  header  header"
  "content  content content sidebar"
  "footer   footer  footer  footer";

@jdalton
Copy link
Contributor

jdalton commented Apr 19, 2019

Hi All!

I'm closing this because unless a PR is created it won't likely be addressed.
If you feel strongly about this request I encourage you to dig in and submit a PR 😸

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

8 participants