SCSS and BEM

Bad

.neeto-ui-sidebar {
  width: 300px;
  min-width: 300px;
  height: 100vh;
	......

  .neeto-ui-sidebar__header {
    width: 100%;
		......
  }

• That looks like it has parts of BEM going on, but it’s not BEM.

• It has nested selectors. Avoid making unnecessary parent elements when the child can exist quite happily by itself.

Good

.neeto-ui-sidebar {
 width: 300px;
 min-width: 300px;
 height: 100vh;
 ......

 &__header {
   width: 100%;
  ......
 }