scss-library/components/01_Layouts/breakPoint/breakPoint.hbs

<style>
	#wrapper {
		height: 100vh;
		--outer-spacing: 0;
	}
</style>
<div class="RV-BreakPoint RV-BreakPoint{{modifier}}">
	<div class="RV-BreakPoint__Item RV-Dummy RV-Spacing__Inner--medium">
		<div>ItemItem</div>
	</div>
	<div class="RV-BreakPoint__Item RV-BreakPoint__Item--outside RV-Dummy RV-Dummy--red">
		<div>Larger</div>
	</div>
	<div class="RV-BreakPoint__Item RV-Dummy">
		<div>Content</div>
	</div>
	<div class="RV-BreakPoint__Item RV-Dummy">
		<div>ItemItem</div>
	</div>
	<div class="RV-BreakPoint__Item RV-BreakPoint__Item--inside RV-Dummy--yellow RV-Dummy">
		<div style="margin: 15px;">Smaller</div>
	</div>
	<div class="RV-BreakPoint__Item RV-Dummy">
		<div>ItemItem</div>
	</div>
</div>