From e3e65d33af90e9ca0adc4a5fef7b620f397d3cba Mon Sep 17 00:00:00 2001 From: Matt Sweeney Date: Wed, 5 Jun 2013 22:39:28 -0700 Subject: [PATCH 1/6] Add line breaks between rules. --- src/forms/css/forms-r.css | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/src/forms/css/forms-r.css b/src/forms/css/forms-r.css index 2e5cbe2..0e01e25 100644 --- a/src/forms/css/forms-r.css +++ b/src/forms/css/forms-r.css @@ -3,7 +3,9 @@ margin: 0.7em 0 0; } - .pure-form input[type='text'], .pure-form button, .pure-form label { + .pure-form input[type='text'], + .pure-form button, + .pure-form label { margin-bottom: 0.3em; display: block; } From 01551ea44ab936233ecdccfd69ed0ee0e3ab9c34 Mon Sep 17 00:00:00 2001 From: Matt Sweeney Date: Wed, 5 Jun 2013 22:41:04 -0700 Subject: [PATCH 2/6] Remove block button from narrow view for consistency with other button types. --- src/forms/css/forms-r.css | 1 - 1 file changed, 1 deletion(-) diff --git a/src/forms/css/forms-r.css b/src/forms/css/forms-r.css index 0e01e25..eaf6930 100644 --- a/src/forms/css/forms-r.css +++ b/src/forms/css/forms-r.css @@ -4,7 +4,6 @@ } .pure-form input[type='text'], - .pure-form button, .pure-form label { margin-bottom: 0.3em; display: block; From 46fb38fab5e5ebdf315d5853779cc931e9d5e1df Mon Sep 17 00:00:00 2001 From: Matt Sweeney Date: Wed, 5 Jun 2013 22:47:27 -0700 Subject: [PATCH 3/6] Replace single quote with double quotes for attribute selectors. --- src/forms/css/forms-r.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/forms/css/forms-r.css b/src/forms/css/forms-r.css index eaf6930..869cb0e 100644 --- a/src/forms/css/forms-r.css +++ b/src/forms/css/forms-r.css @@ -1,15 +1,15 @@ @media only screen and (max-width : 480px) { - .pure-form button[type='submit'] { + .pure-form button[type="submit"] { margin: 0.7em 0 0; } - .pure-form input[type='text'], + .pure-form input[type="text"], .pure-form label { margin-bottom: 0.3em; display: block; } - .pure-group input[type='text'] { + .pure-group input[type="text"] { margin-bottom: 0; } From 2aa7f4102212556c91568764be6ad72e0f9dab70 Mon Sep 17 00:00:00 2001 From: Matt Sweeney Date: Wed, 5 Jun 2013 22:50:18 -0700 Subject: [PATCH 4/6] Narrow text attributes for form-stacked to avoid targeting buttons. --- src/forms/css/forms.css | 15 ++++++++++++++- 1 file changed, 14 insertions(+), 1 deletion(-) diff --git a/src/forms/css/forms.css b/src/forms/css/forms.css index 3dda047..553b1da 100644 --- a/src/forms/css/forms.css +++ b/src/forms/css/forms.css @@ -130,7 +130,20 @@ border-bottom: 1px solid #e5e5e5; } -.pure-form-stacked input, +.pure-form-stacked input[type="text"], +.pure-form-stacked input[type="password"], +.pure-form-stacked input[type="email"], +.pure-form-stacked input[type="url"], +.pure-form-stacked input[type="date"], +.pure-form-stacked input[type="month"], +.pure-form-stacked input[type="time"], +.pure-form-stacked input[type="datetime"], +.pure-form-stacked input[type="datetime-local"], +.pure-form-stacked input[type="week"], +.pure-form-stacked input[type="number"], +.pure-form-stacked input[type="search"], +.pure-form-stacked input[type="tel"], +.pure-form-stacked input[type="color"], .pure-form-stacked select, .pure-form-stacked label { display: block; From 82271a45586cd21d1ee3cd6e6c40d5e17a9a3001 Mon Sep 17 00:00:00 2001 From: Matt Sweeney Date: Wed, 5 Jun 2013 23:08:00 -0700 Subject: [PATCH 5/6] Include all text-like INPUT elements for collapse to block in narrow view. --- src/forms/css/forms-r.css | 28 +++++++++++++++++++++++++++- 1 file changed, 27 insertions(+), 1 deletion(-) diff --git a/src/forms/css/forms-r.css b/src/forms/css/forms-r.css index 869cb0e..4717755 100644 --- a/src/forms/css/forms-r.css +++ b/src/forms/css/forms-r.css @@ -4,12 +4,38 @@ } .pure-form input[type="text"], + .pure-form input[type="password"], + .pure-form input[type="email"], + .pure-form input[type="url"], + .pure-form input[type="date"], + .pure-form input[type="month"], + .pure-form input[type="time"], + .pure-form input[type="datetime"], + .pure-form input[type="datetime-local"], + .pure-form input[type="week"], + .pure-form input[type="number"], + .pure-form input[type="search"], + .pure-form input[type="tel"], + .pure-form input[type="color"], .pure-form label { margin-bottom: 0.3em; display: block; } - .pure-group input[type="text"] { + .pure-group input[type="text"], + .pure-form input[type="password"], + .pure-form input[type="email"], + .pure-form input[type="url"], + .pure-form input[type="date"], + .pure-form input[type="month"], + .pure-form input[type="time"], + .pure-form input[type="datetime"], + .pure-form input[type="datetime-local"], + .pure-form input[type="week"], + .pure-form input[type="number"], + .pure-form input[type="search"], + .pure-form input[type="tel"], + .pure-form input[type="color"] { margin-bottom: 0; } From 31116be6376ea2e579c2d5245571441faf2d9bcb Mon Sep 17 00:00:00 2001 From: Matt Sweeney Date: Thu, 6 Jun 2013 14:49:31 -0700 Subject: [PATCH 6/6] Convert tabs to spaces. --- src/forms/css/forms-r.css | 54 +++++++++++++++++++-------------------- 1 file changed, 27 insertions(+), 27 deletions(-) diff --git a/src/forms/css/forms-r.css b/src/forms/css/forms-r.css index 4717755..c76a50c 100644 --- a/src/forms/css/forms-r.css +++ b/src/forms/css/forms-r.css @@ -1,9 +1,9 @@ @media only screen and (max-width : 480px) { - .pure-form button[type="submit"] { - margin: 0.7em 0 0; - } + .pure-form button[type="submit"] { + margin: 0.7em 0 0; + } - .pure-form input[type="text"], + .pure-form input[type="text"], .pure-form input[type="password"], .pure-form input[type="email"], .pure-form input[type="url"], @@ -18,11 +18,11 @@ .pure-form input[type="tel"], .pure-form input[type="color"], .pure-form label { - margin-bottom: 0.3em; - display: block; - } + margin-bottom: 0.3em; + display: block; + } - .pure-group input[type="text"], + .pure-group input[type="text"], .pure-form input[type="password"], .pure-form input[type="email"], .pure-form input[type="url"], @@ -36,26 +36,26 @@ .pure-form input[type="search"], .pure-form input[type="tel"], .pure-form input[type="color"] { - margin-bottom: 0; - } + margin-bottom: 0; + } - .pure-form-aligned .pure-control-group label { - margin-bottom: 0.3em; - text-align: left; - display: block; - width: 100%; - } + .pure-form-aligned .pure-control-group label { + margin-bottom: 0.3em; + text-align: left; + display: block; + width: 100%; + } - .pure-form-aligned .pure-controls { - margin: 1.5em 0 0 0; - } + .pure-form-aligned .pure-controls { + margin: 1.5em 0 0 0; + } - /* note: pure-help-inline is deprecated. Use .pure-form-message-inline instead */ - .pure-form .pure-help-inline, - .pure-form-message-inline, - .pure-form-message { - display: block; - font-size: 80%; - padding: 0.2em 0 0.8em; /* increased bottom padding to make it group with its related input element */ - } + /* note: pure-help-inline is deprecated. Use .pure-form-message-inline instead */ + .pure-form .pure-help-inline, + .pure-form-message-inline, + .pure-form-message { + display: block; + font-size: 80%; + padding: 0.2em 0 0.8em; /* increased bottom padding to make it group with its related input element */ + } }