Standard ContentBox-es

public/styles/components/_body-section.scss

@@ -3,6 +3,7 @@
  *    Body Section.
  *
  *  Dependencies:
+ *    styles/settings/colors.scss
  *    styles/tools/_shadow.scss
  *
  *  Version:

public/styles/index.scss

@@ -61,6 +61,7 @@
 
 @import './objects/_background.scss';
 @import './objects/_button.scss';
+@import './objects/_content-box.scss';
 @import './objects/_element-scroll-fader.scss';
 @import './objects/_floating-content-box.scss';
 @import './objects/_form.scss';

public/styles/objects/_content-box.scss

@@ -0,0 +1,22 @@
+/*
+ *  Content Box
+ *    Simple box to hold content, comes with great settings!
+ *
+ *  Dependencies:
+ *    styles/settings/colors.scss
+ *    styles/tools/_shadow.scss
+ *
+ *  Version:
+ *    1.0.0 - 2018/06/19
+ */
+$o-content-box--padding: 1em;
+
+.o-content-box {
+  position: relative;
+
+  &.is-box {
+    @extend %t-dp--shadow;
+    background: $s-color--background;
+    padding: $o-content-box--padding;
+  }
+}