From 135dc5e5f0c02543eb45f76728874a1b97915123 Mon Sep 17 00:00:00 2001
From: Dom Masters <dom@processcreative.com.au>
Date: Mon, 7 May 2018 07:31:41 +1000
Subject: [PATCH] Added minheights to the page

---
 public/page/home/Homepage.jsx                |  2 +-
 public/section/video/VideoSection.jsx        |  2 +-
 public/styles/components/_page.scss          |  1 +
 public/styles/components/_section.scss       | 12 +++++++++++-
 public/styles/components/_video-section.scss | 11 +++++++++++
 public/styles/index.scss                     |  4 ++++
 public/styles/objects/main.scss              |  9 +++++++++
 7 files changed, 38 insertions(+), 3 deletions(-)
 create mode 100644 public/styles/components/_video-section.scss
 create mode 100644 public/styles/objects/main.scss

diff --git a/public/page/home/Homepage.jsx b/public/page/home/Homepage.jsx
index 1a629c6..7f952d5 100644
--- a/public/page/home/Homepage.jsx
+++ b/public/page/home/Homepage.jsx
@@ -33,7 +33,7 @@ class Homepage extends React.Component {
   render() {
     return (
       <Page style="home-page">
-        <VideoSection>
+        <VideoSection full>
           Test
         </VideoSection>
       </Page>
diff --git a/public/section/video/VideoSection.jsx b/public/section/video/VideoSection.jsx
index e8ad113..6fafbdc 100644
--- a/public/section/video/VideoSection.jsx
+++ b/public/section/video/VideoSection.jsx
@@ -32,7 +32,7 @@ class VideoSection extends React.Component {
   render() {
     return (
       <Section full={this.props.full}>
-        <video class="c-video-section">
+        <video className="c-video-section">
 
         </video>
 
diff --git a/public/styles/components/_page.scss b/public/styles/components/_page.scss
index f276004..8d1c84d 100644
--- a/public/styles/components/_page.scss
+++ b/public/styles/components/_page.scss
@@ -8,4 +8,5 @@
  *    1.0.0 - 2018/05/05
  */
 .c-page {
+  min-height: 100vh;
 }
diff --git a/public/styles/components/_section.scss b/public/styles/components/_section.scss
index 82df2fe..6bcead5 100644
--- a/public/styles/components/_section.scss
+++ b/public/styles/components/_section.scss
@@ -1,7 +1,17 @@
+/*
+ *  Section
+ *    Styles for the base section component.
+ *
+ *  Dependencies:
+ *
+ *  Version:
+ *    1.0.0 - 2018/05/07
+ */
 .c-section {
+  //border: 1px solid red;
   width: 100%;
 
   &--full {
-    height: 100%;
+    height: 100vh;
   }
 }
diff --git a/public/styles/components/_video-section.scss b/public/styles/components/_video-section.scss
new file mode 100644
index 0000000..039f3a5
--- /dev/null
+++ b/public/styles/components/_video-section.scss
@@ -0,0 +1,11 @@
+/*
+ *  Video Section
+ *    Styles for Video Sections, usually contains videos.
+ *
+ *  Dependencies:
+ *
+ *  Version:
+ *    1.0.0 - 2018/05/03
+ */
+.c-video-section {
+}
diff --git a/public/styles/index.scss b/public/styles/index.scss
index 5819b7b..35452a8 100644
--- a/public/styles/index.scss
+++ b/public/styles/index.scss
@@ -47,11 +47,15 @@
 @import './elements/_headings.scss';
 
 //Objects
+@import './objects/main.scss';
+
 @import './objects/_app.scss';
 @import './objects/_navbar.scss';
 
 //Components
 @import './components/_page.scss';
+@import './components/_section.scss';
+@import './components/_video-section.scss';
 
 //Vendor
 @import './vendor/_fonts.scss';
diff --git a/public/styles/objects/main.scss b/public/styles/objects/main.scss
new file mode 100644
index 0000000..a81b235
--- /dev/null
+++ b/public/styles/objects/main.scss
@@ -0,0 +1,9 @@
+/*
+ *  Main
+ *    Styles for the main container
+ *
+ *  Version:
+ *    1.0.0 - 2018/05/07
+ */
+.o-main {
+}