src/js/index.js

@@ -1,19 +1,7 @@
 (function() {
-	const observeSelector = '.js-onscreen';
-	const observedNodes = document.querySelectorAll(observeSelector);
-	let observedCount = 0;
-	let observedTotal = !!observeSelector ? observedNodes.length : 0;
-
 	window.addEventListener('DOMContentLoaded', event => {
 		const intersectionSupport = !!window.IntersectionObserver;
 
-		function updateObservedCount() {
-			observedCount++;
-			if (observedCount >= observedTotal) {
-				document.body.classList.add('observe-done');
-			}
-		}
-
 		function onScreenHandler(entries) {
 			entries.forEach(entry => {
 				if (entry.intersectionRatio > 0) {
@@ -24,7 +12,7 @@
 			});
 		}
 
-		observedNodes.forEach(el => {
+		document.querySelectorAll('.js-onscreen').forEach(el => {
 			if (intersectionSupport) {
 				const options = {
 					rootMargin: '0px',
@@ -34,7 +22,6 @@
 				observer.observe(el);
 				el.classList.add('is-observed');
 			}
-			updateObservedCount();
 		});
 	});
 })();

src/scss/_layout.scss

@@ -1,9 +1,9 @@
-.l-section-wrapper {
+.l-wrapper {
 	max-width: $column-max-width;
 	margin: 0 auto;
 }
 
-.l-section-column {
+.l-column {
 	width: 100%;
 	height: 100%;
 	padding: 0 16px;