From d4d01cc1867aebf65ce161adce3240f210e0ea3d Mon Sep 17 00:00:00 2001
From: Kyle Spearrin <kyle.spearrin@gmail.com>
Date: Fri, 8 Jun 2018 17:37:39 -0400
Subject: [PATCH] set frontend layout body class

---
 src/app/layouts/frontend-layout.component.ts | 12 +++++++++++-
 src/scss/styles.scss                         |  4 ++++
 2 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/src/app/layouts/frontend-layout.component.ts b/src/app/layouts/frontend-layout.component.ts
index 737f5ab9..85aa1dc8 100644
--- a/src/app/layouts/frontend-layout.component.ts
+++ b/src/app/layouts/frontend-layout.component.ts
@@ -1,9 +1,19 @@
 import {
     Component,
+    OnDestroy,
+    OnInit,
 } from '@angular/core';
 
 @Component({
     selector: 'app-frontend-layout',
     templateUrl: 'frontend-layout.component.html',
 })
-export class FrontendLayoutComponent { }
+export class FrontendLayoutComponent implements OnInit, OnDestroy {
+    ngOnInit() {
+        document.body.classList.add('layout_frontend');
+    }
+
+    ngOnDestroy() {
+        document.body.classList.remove('layout_frontend');
+    }
+}
diff --git a/src/scss/styles.scss b/src/scss/styles.scss
index 09462df0..de3b163e 100644
--- a/src/scss/styles.scss
+++ b/src/scss/styles.scss
@@ -62,6 +62,10 @@ html {
 
 body {
     min-width: 1010px;
+
+    &.layout_frontend {
+        background-color: #ecf0f5;
+    }
 }
 
 .page-header {