Comment by Tommy Hodgins on "Do you know some formatting plugin that applies Allman style to CSS for code source editors?"

CommentDo you know some formatting plugin that applies Allman style to CSS for code source editors?

Tommy Hodgins

CSS & Element Queries

Apr 2, 2018

I'm not sure what you mean by 'applying' it - any good editor should let you format your code however you like.

I had to look up what 'Allman style' was though, this particular style is very very uncommon in CSS files so you're unlikely to run into it in many existing CSS libraries and frameworks, or in tutorials.

Most CSS is formatted like this:

selector {
  property: value;
  property: value;
}

Even though it's valid to write it many many different ways:

selector{property:value;property:value}

selector
{
property
:
value
;
property
:
value
}

CSS has no concept of line breaks in the language, so where you're free to add any amount of whitespace you really are free to add it however you like it!

Gustavo Benedito Costa

Deaf-born, computer science student and language lover

Apr 5, 2018

Actually I mean

selector 
{
  color: blue;
  property: value;
}

@media screen (max-width: 50em)
{
  selector 
  {
    color: red;
    property: value;
  }
}

Yes that drop-bracket style is what I found when I looked up Allman style.

It's 100% valid CSS so you should have zero problems formatting your code that way if you prefer it-but it's incredibly rare to find CSS in the wild formatted like this already so don't expect any tooling, linters, style guides, tutorials, libraries, or coworkers to share this formatting preference.

Search Hashnode