Converted indentation to spaces globally.

components/01_Atoms/input/_input.scss

@@ -3,7 +3,7 @@
     display: flex;
     flex-direction: column;
     margin-bottom: -$-margin-bottom;
-	padding: 10px 0;
+    padding: 10px 0;
 
     .LP-Input__Field{
         border: none;
@@ -15,30 +15,30 @@
             margin-bottom: $-margin-bottom - 1px;
             border-bottom: 2px solid $-wine-red;
             background-color: $-almost-white;
-			border-radius: 3px 3px 0 0;
-			box-shadow: none;
-		}
-		
-		&[type=submit]{
-			background-color: $-light-brown;
-			color: $-grey;
-			border: none;
-			padding: 8px 14px;
-			border-radius: 2px;
-			font-weight: bold;
-			cursor: pointer;
+            border-radius: 3px 3px 0 0;
+            box-shadow: none;
+        }
+        
+        &[type=submit]{
+            background-color: $-light-brown;
+            color: $-grey;
+            border: none;
+            padding: 8px 14px;
+            border-radius: 2px;
+            font-weight: bold;
+            cursor: pointer;
 
-			&:active{
-				background-color: $-wine-red;
-				color:$-almost-white;
-			}
+            &:active{
+                background-color: $-wine-red;
+                color:$-almost-white;
+            }
 
-		}
+        }
     }
 
     .LP-Input__Label{
         font-family: $-primary-sans-serif-font;
-		font-size: 16px;
+        font-size: 16px;
     }
 
     .LP-Input__Message{
@@ -60,30 +60,30 @@
         .LP-Input__Message{
             color: $-wine-red;
         }
-	}
-	
-	&--disabled{
-		.LP-Input__Field, .LP-Input__Field:disabled{
-			background-color: transparent;
-			border-bottom: 1px dashed $-grey;
-			cursor: not-allowed;
-			
-			label + &{
-				color: red;
-			}
+    }
+    
+    &--disabled{
+        .LP-Input__Field, .LP-Input__Field:disabled{
+            background-color: transparent;
+            border-bottom: 1px dashed $-grey;
+            cursor: not-allowed;
+            
+            label + &{
+                color: red;
+            }
 
-			&:focus, &:active{
-				margin-bottom: $-margin-bottom;
-				border-radius: 0;
-			}
+            &:focus, &:active{
+                margin-bottom: $-margin-bottom;
+                border-radius: 0;
+            }
 
-			~.LP-Input__Message{
-				visibility: hidden;
-			}				
-		}
+            ~.LP-Input__Message{
+                visibility: hidden;
+            }               
+        }
 
-		.LP-Input__Label{
-			color: $-grey;
-		}
-	}
+        .LP-Input__Label{
+            color: $-grey;
+        }
+    }
 }

components/01_Atoms/input/input.config.json

@@ -1,27 +1,27 @@
 {
     "context": {
-		"label": "Enter your value here",
-		"placeholder": "A sample value"
-	},
-	"variants": [
-		{
-			"name": "With message",
-			"context":{
-				"message": "Please fill in anything valuable"
-			}
-		},
+        "label": "Enter your value here",
+        "placeholder": "A sample value"
+    },
+    "variants": [
+        {
+            "name": "With message",
+            "context":{
+                "message": "Please fill in anything valuable"
+            }
+        },
         {
             "name": "disabled",
             "context": {
-				"modifier": "--disabled",
-				"disabled": true
-			}
-		},
-		{
+                "modifier": "--disabled",
+                "disabled": true
+            }
+        },
+        {
             "name": "error",
             "context": {
-				"modifier": "--error",
-				"message": "This field is required"
+                "modifier": "--error",
+                "message": "This field is required"
             }
         }
     ]

components/01_Atoms/input/input.hbs

@@ -1,11 +1,11 @@
 <div class="LP-Input LP-Input{{modifier}}">
     <label for="input123" class="LP-Input__Label">{{label}}</label>
     <input type="text" id="input123" class="LP-Input__Field" placeholder="{{placeholder}}"
-	{{#if disabled}}
-		disabled="disabled"
-	{{/if}}
-	/>
-	{{#if message}}
+    {{#if disabled}}
+        disabled="disabled"
+    {{/if}}
+    />
+    {{#if message}}
     <span class="LP-Input__Message">{{message}}</span>
-	{{/if}}
+    {{/if}}
 </div>