Как лучше организовать структуру медиа запросов и стилей?
Мне не нравится искать в одном файле 4 места где определяются стили для одного и того же блока, по этому я делаю все рядом..some-block {
	width: 1000px;
	@include desktop {
		width: 100px;
	}
	@include tablet {
		width: 10px;
	}
	@include mobile {
		width: 0px;
	}
}
Путаниц не было, в конце каждого файла делаю медиа запросыcard.scss.card {
	.image {}
	.link {}
	.description {}
}

@include respond-to('md') {
	.card {
		.image {}
	}
}

@include respond-to('xs') {
	.card {
		.link {}
	}
}