Skip to content

Latest commit

 

History

History
24 lines (21 loc) · 942 Bytes

5.md

File metadata and controls

24 lines (21 loc) · 942 Bytes

Раздел 5. SASS/SCSS intended styles

При верстке с препроцессором SASS/SCSS было принято писать очевидно padding, margins, font, border стили

Плохой пример

.some-block
 margin: 
  top: 10px
  left: 10px
  right: 10px 
  bottom: 10px

Хороший пример

.some-block 
 margin-top: 10px
 margin-left: 10px
 margin-right: 10px 
 margin-bottom: 10px

Если писать в стиле плохого примера могут возникнуть проблемы если съедет tab, тогда вместе margin-left у блока будет задан left. Так же в таком стиле будет проблема с читаемостью кода.

В хорошем примере все margins описаны отдельно что дает гибкое изменение любого свойства.