Стиль кода SASS

Соблюдайте общий порядок, всем будет проще

// 1. import чего-угодно
@import "bootstrap/core";

// 2. Переменные
$color-red: red;
$width: 200px;

// 3. Классы
.classname {
	// 3.1 Переменные
	$this: &;

	// 3.2 Cтили
	width: $width;
	height: 100px;

	// 3.3 Элементы
	&__element {
		// порядок аналогичен пункту 3
	}
	
	// 3.4 Модификаторы
	&_mod {
		// порядок аналогичен пункту 3
	}

	// 3.5 Дети
	.children {
		// порядок аналогичен пункту 3
	}
	
	// 3.6 media
	@include media-breakpoint-up(lg) {
		// порядок аналогичен пункту 3
	}
}