BEM syntax example.scss

/*------------------------------------*\
  BEM WITHOUT USE OF MIXIN
\*------------------------------------*/
.sky {
	// .sky
	
	&__cloud {
		// .sky__cloud
		
		&--rainy {
			// .sky__cloud--rainy
		
		}
	}

	&--clear {
	// .sky--clear
		
		.sky__cloud {
		// .sky--clear .block__cloud
		
		}
	}
}

/*------------------------------------*\
	BEM WITH USE OF MIXIN
\*------------------------------------*/
.sky {
	// .sky
	
	@include e("cloud") {
		// .sky__cloud
		
		@include m("rainy") {
			
			// .block__cloud--rainy
		}
	}
	
	@include m("clear") {
	// .sky--clear
		
		@include e("cloud") {
			// .sky--clear .block__cloud
			
		}
	}
}