Rietveld Code Review Tool
Help | Bug tracker | Discussion group | Source code

Unified Diff: scss/_form.scss

Issue 29646555: Issue 6210 - Implement Subscription (Double-opt-in) template for newsletter (Closed)
Patch Set: Add gulp task to inline css, update templates Created Jan. 3, 2018, 11:17 a.m.
Use n/p to move between diff chunks; N/P to move between comments.
Jump to:
View side-by-side diff with in-line comments
Download patch
« no previous file with comments | « scss/_content.scss ('k') | scss/_layout.scss » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: scss/_form.scss
===================================================================
new file mode 100644
--- /dev/null
+++ b/scss/_form.scss
@@ -0,0 +1,57 @@
+/*******************************************************************************
+ * Form
+ ******************************************************************************/
+
+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;
+}
« no previous file with comments | « scss/_content.scss ('k') | scss/_layout.scss » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld