Utilisation de mixins pour conditionner de manière plus parlante

gistfile1.scss

// les mixins commençant par with-*** concernent les conditions via sélecteur (parent)
@mixin with-two-sidebars {
	.l-main-wrapper--with-two-sidebars {
		@content;
	}
}

// les mixins commençant par when-*** concernent les conditions via media-query
@mixin when-sidebar-left-is-visible {
	@include for-min-width(40em) {
		@content;
	}
}

@mixin when-sidebar-right-is-aside {
	@include for-min-width(64em) {
		@content;
	}
}


// Utilisation
@include with-two-sidebars {
	// Code...
	
	@include when-sidebar-left-is-visible {
		// Code...
	}

	@include when-sidebar-right-is-aside {
		// Code
	}
}