CLLLEANED the forms, inputs, buttons, labels and form/button groups

public/objects/loading/Loader.jsx

@@ -23,9 +23,11 @@
 
 import React from 'react';
 
-const Loader = function(props) {
+import Styles from './Loader.scss';
+
+const Loader = props => {
   return (
-    <span className={"o-loader"+(props.className?" "+props.className:"")}>
+    <span {...props} className={"o-loader"+(props.className?` ${props.className}`:"")}>
       <svg width="38" height="38" viewBox="0 0 38 38" xmlns="http://www.w3.org/2000/svg" className="o-loader__image">
         <g fill="none" fillRule="evenodd">
           <g transform="translate(1 1)" strokeWidth="2">
@@ -39,11 +41,9 @@ const Loader = function(props) {
   );
 }
 
-const LoaderBackdrop = function(props) {
+const LoaderBackdrop = props => {
   return (
-    <div className={"o-loader__backdrop"+(props.className?" "+props.className:"")}>
-      { props.children }
-    </div>
+    <div {...props} className={"o-loader__backdrop"+(props.className?` ${props.className}`:"")} />
   );
 }
 

public/objects/loading/Loader.scss

@@ -0,0 +1,59 @@
+/*
+ *  Loader
+ *    Styles for the animated loader.
+ *
+ *  Dependencies:
+ *    styles/settings/animation.scss
+ *    styles/tools/_animation.scss
+ *    styles/tools/_transform.scss
+ *
+ *  Version:
+ *    1.0.0 - 2018/05/08
+ */
+@import '~@styles/global';
+
+@include t-keyframes(o-loader--spin) {
+  0% {
+    @include t-rotate(0deg);
+  }
+
+  100% {
+    @include t-rotate(360deg);
+  }
+}
+
+.o-loader {
+  display: block;
+  width: 64px;
+  height: 64px;
+  max-width: 100%;
+  max-height: 100%;
+
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  @include t-translate(-50%, -50%);
+
+  &__image {
+    @include t-animation-name(o-loader--spin);
+    @include t-animation-iteration-count(infinite);
+    @include t-animation-timing-function($s-animation--ease-in-out);
+    @include t-animation-duration(0.75s);
+
+    width: 100%;
+    height: 100%;
+
+    > * {
+      stroke: $s-color--loader;
+    }
+  }
+
+  &__backdrop {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background: rgba(255, 255, 255, 0.5);
+  }
+}