Как обычно прописывают вложенные элементы в scss?

Question

[Максим Иванов]

То есть как обычно отступы делают? Так:

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

Или вот так (с табами):

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

Comments

[theuser]

Можно отделять дополнительной строкой, после основных свойств. Чего на пробелах экономить то)

.class {
   display: flex;
   flex-direction: column;
   position: absolute;
   top: 0px;
   right: 0;
   bottom: 0;
   left: 0;
   overflow: hidden;

   .class {
        color: black;
   }

   .class {
        padding: 0 10px 0 10px;
   }

   .class {
        padding-left: 15px;
   }
}

Answer 1

[Стефан]

Как вам удобней,можете вообще без отступов, но с табами как по мне более читаймо

Comments

[Максим Иванов]

Ещё одно (забыл это в вопросе дописать), как можно автокомпилить scss без всяких сборщиков, а просто программа именно для компила?

[Стефан]

Максим Иванов, в VsCode есть расширение компилятор для sass/scss - Live Sass Compiler, которое автоматически компилит ваш scss в css, для других редакторов тоже дожен быть

[Алексей Ярков]

Максим Иванов,

без всяких сборщиков, а просто программа именно для компила

А сборщик это не программа?

[Flying]

Максим Иванов, CLI компилятор - часть официального дистрибутива.

[Максим Иванов]

А сборщик это не программа?

Я не говорил этого! Я написал

просто программа ИМЕННО для компила

[Максим Иванов]

MEDIOFF, ляяяя, только что прочитал, что разработчики sass добавили --watch или это хуже чем тот же prepros?

sass style.scss style.css --watch

[Стефан]

Максим Иванов, хз, не тестил, главное что бы был результат а так пофиг что)

[kryamk]

коала

Answer 2

[Миржалол Мирхомитов]

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

  .menu-items {
    display: flex;
  }
}

Предлагаю такой вариант

Answer 3

[Сергей delphinpro]

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