Nesting

  • Leave a blank line between adjacent blocks at the same indentation level.

    Why? The whitespace improves readability and reduces the likelihood of merge conflicts.

    1. // bad
    2. {
    3. bigBang: {
    4. display: 'inline-block',
    5. '::before': {
    6. content: "''",
    7. },
    8. },
    9. universe: {
    10. border: 'none',
    11. },
    12. }
    13. // good
    14. {
    15. bigBang: {
    16. display: 'inline-block',
    17. '::before': {
    18. content: "''",
    19. },
    20. },
    21. universe: {
    22. border: 'none',
    23. },
    24. }