Initial public commit

shared/2-blocks/form/form.html.php

@@ -0,0 +1,12 @@
+<div class="form">
+	<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
+	tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
+	quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+	consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
+	cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
+	proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+	
+	<div class="form__message">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</div>
+	
+	<button class="button form__submit" type="submit">Submit</button>
+</div>

shared/2-blocks/form/form.scss

@@ -0,0 +1,29 @@
+.form {
+	display: flex;
+	flex-wrap: wrap;
+	
+	padding: 1rem;
+	background: $color--passive;
+	border-radius: 0.3rem;
+	
+	transition: visibility 0s linear 0.7s, transform 0.7s cubic-bezier(0.8, -0.1, 0.5, 0);
+	
+	&--success {
+		visibility: hidden;
+		transform: translate(100vw);
+	}
+}
+
+.form__message {
+	width: 100%;
+	
+	&:not(:empty) {
+		margin-top: 1rem;
+	}
+	
+	color: $color--warn;
+}
+
+.form__submit {
+	margin-top: 1rem;
+}