How are nested elements usually written in scss?

Question

css

That is, how do they usually indent? So:

.header {
  display: flex;
  align-items: center;
  .menu-items {
    display: flex;
  }
}

Or like this (with tabs):

.header {
  display: flex;
  align-items: center;
    .menu-items {
      display: flex;
    }
}

Answer 1

As it is more convenient for you, you can do without indents at all, but with tabs, as for me, it’s more readable

Answer 2

The second option is more correct for future developers and for you to make it more convenient for you to write.
Again, no one forces you to write as you need, write as you decide for yourself.
Personally, I do both the first and second options, depending on the case.

Answer 3

.header {
  display: flex;
  align-items: center;

  .menu-items {
    display: flex;
  }
}

I offer this option.

Answer 4

https://www.linux.org.ru/forum/development/2701660
https://softwareengineering.stackexchange.com/ques...
https://tonsky.livejournal.com/267454.html
https://dev. to/__shadz_/tabs-vs-space-49l5
https://yandex.ru/search/?text=Tab%20VS%20Space