Several Form elements

components/01_Atoms/textField/_textField.scss

@@ -0,0 +1,10 @@
+.LP-Form{
+	.LP-Form__Input--text{
+		border: none;
+		border-bottom: 1px solid $-secondary-accent-color;
+
+		&:active, &:focus{
+			border-bottom: 1px solid $-primary-accent-color;
+		}
+	}
+}

components/01_Atoms/textField/textField.config.json

@@ -0,0 +1,17 @@
+{
+	"title": "TextField",
+	"variants": [
+		{
+			"name": "default",
+			"context": {
+				"type": "text"
+			}
+		},
+		{
+			"name": "Password",
+			"context": {
+				"type": "password"
+			}
+		}
+	]
+}

components/01_Atoms/textField/textField.hbs

@@ -0,0 +1,3 @@
+<form class="LP-Form">
+	<input type="{{type}}" class="LP-Form__Input LP-Form__Input--text"/>
+</form>