Cleaned more code, still untested.

public/components/section/body/BodySection.jsx

@@ -22,11 +22,14 @@
 // WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
 
 import React from 'react';
+
+import Styles from './BodySection.scss';
+
 import Section from './../Section';
 
 export default function(props) {
   let clazz = "c-body-section";
-  if(props.className) clazz += " " + props.className;
+  if(props.className) clazz += ` ${props.className}`;
 
   return (
     <Section {...props} className={clazz} />

public/components/section/body/BodySection.scss

@@ -0,0 +1,20 @@
+/*
+ *  Body Section
+ *    Body Section.
+ *
+ *  Dependencies:
+ *    styles/settings/colors.scss
+ *    styles/tools/_shadow.scss
+ *
+ *  Version:
+ *    1.0.0 - 2018/05/13
+ */
+@import '~@styles/global';
+
+$c-body-section--padding: 1em;
+
+.c-body-section {
+  @extend %t-dp--shadow;
+  background: $s-color--background;
+  padding: $c-body-section--padding;
+}