Issue 6210 - Implement Subscription (Double-opt-in) template for newsletter

scss/_form.scss

Index: scss/_form.scss
===================================================================
new file mode 100644
--- /dev/null
+++ b/scss/_form.scss
@@ -0,0 +1,57 @@
+/*******************************************************************************
+ * Form

[juliandoucette, 2018/01/04 02:34:24]

new abp.org doesn't have form styles yet. I think we can infer these from
existing new abp.org and new options page styles. e.g. not-rounded edges and 2px
borders on inputs. See
https://gitlab.com/eyeo/spec/blob/master/spec/abp/options-page.md

[ire, 2018/01/04 11:14:42]

Done.

+ ******************************************************************************/
+
+input,
+button
+{
+  width: 100%;
+  height: 2.6em;
+  border-radius: 4px;
+}
+
+/* Input field
+ ******************************************************************************/
+
+input
+{
+  margin-bottom: $medium-space;
+  padding: 0 $x-small-space;
+  border: 1px solid #CDCDCD;
+}
+
+/* Error state
+ ******************************************************************************/
+
+.invalid
+{
+  border-color: $error;
+}
+
+.error-message
+{
+  display: none;
+}
+
+.invalid + .error-message
+{
+  display: block;
+  margin-top: -$x-small-space;
+  margin-bottom: $small-space;
+  color: $error;
+}
+
+/* Buttons
+ ******************************************************************************/
+
+button
+{
+  border: 0;
+  text-transform: uppercase;
+}
+
+.secondary
+{
+  color: #fff;
+  background-color: $secondary;
+}