From e5efcedfb1174eceb696cd90666fdc46f8eac626 Mon Sep 17 00:00:00 2001
From: Tilo Mitra
Date: Wed, 5 Jun 2013 11:14:30 -0400
Subject: [PATCH 01/13] Target input styles to only texty inputs.
This adds a lot more rules but I'm hoping that gzipping
will not affect the k-weight much. This commit fixes
issue #54 (https://github.com/yui/pure/issues/54)
---
src/forms/css/forms.css | 54 +++++++++++++++++++++++++++++++++++------
1 file changed, 47 insertions(+), 7 deletions(-)
diff --git a/src/forms/css/forms.css b/src/forms/css/forms.css
index 1261e1d..3dda047 100644
--- a/src/forms/css/forms.css
+++ b/src/forms/css/forms.css
@@ -1,4 +1,17 @@
-.pure-form input,
+.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 select,
.pure-form textarea {
padding: 0.5em 0.6em;
@@ -18,25 +31,52 @@
-webkit-font-smoothing: antialiased;
}
-.pure-form input:focus,
+.pure-form input[type="text"]:focus,
+.pure-form input[type="password"]:focus,
+.pure-form input[type="email"]:focus,
+.pure-form input[type="url"]:focus,
+.pure-form input[type="date"]:focus,
+.pure-form input[type="month"]:focus,
+.pure-form input[type="time"]:focus,
+.pure-form input[type="datetime"]:focus,
+.pure-form input[type="datetime-local"]:focus,
+.pure-form input[type="week"]:focus,
+.pure-form input[type="number"]:focus,
+.pure-form input[type="search"]:focus,
+.pure-form input[type="tel"]:focus,
+.pure-form input[type="color"]:focus,
.pure-form select:focus,
.pure-form textarea:focus {
outline: 0;
outline: thin dotted \9; /* IE6-9 */
border-color: #129FEA;
}
+
.pure-form input[type="file"]:focus,
.pure-form input[type="radio"]:focus,
.pure-form input[type="checkbox"]:focus {
outline: thin dotted #333;
- outline: 1px auto #129FEA;
+ outline: 1px auto #129FEA;
}
.pure-form .pure-checkbox,
.pure-form .pure-radio {
margin: 0.5em 0;
display: block;
}
-.pure-form input[disabled],
+.pure-form input[type="text"][disabled],
+.pure-form input[type="password"][disabled],
+.pure-form input[type="email"][disabled],
+.pure-form input[type="url"][disabled],
+.pure-form input[type="date"][disabled],
+.pure-form input[type="month"][disabled],
+.pure-form input[type="time"][disabled],
+.pure-form input[type="datetime"][disabled],
+.pure-form input[type="datetime-local"][disabled],
+.pure-form input[type="week"][disabled],
+.pure-form input[type="number"][disabled],
+.pure-form input[type="search"][disabled],
+.pure-form input[type="tel"][disabled],
+.pure-form input[type="color"][disabled],
.pure-form select[disabled],
.pure-form textarea[disabled],
.pure-form input[readonly],
@@ -90,9 +130,9 @@
border-bottom: 1px solid #e5e5e5;
}
-.pure-form.pure-form-stacked input[type='text'],
-.pure-form.pure-form-stacked select,
-.pure-form.pure-form-stacked label {
+.pure-form-stacked input,
+.pure-form-stacked select,
+.pure-form-stacked label {
display: block;
}
From 6c44708a815d3556026c2dc172ca67fd487fa21c Mon Sep 17 00:00:00 2001
From: Tilo Mitra
Date: Wed, 5 Jun 2013 11:16:43 -0400
Subject: [PATCH 02/13] update manual tests to compare .pure-button vs.
"buttony" s
---
src/buttons/tests/manual/button.html | 14 +++++++++++++-
src/forms/tests/manual/forms.html | 25 +++++++++++++++++++++----
2 files changed, 34 insertions(+), 5 deletions(-)
diff --git a/src/buttons/tests/manual/button.html b/src/buttons/tests/manual/button.html
index 45e64d3..323820e 100644
--- a/src/buttons/tests/manual/button.html
+++ b/src/buttons/tests/manual/button.html
@@ -2,7 +2,7 @@
Button Manual Tests
-
+
@@ -115,5 +115,17 @@
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+
+
diff --git a/src/forms/tests/manual/forms.html b/src/forms/tests/manual/forms.html
index 82aed1b..e0bf857 100644
--- a/src/forms/tests/manual/forms.html
+++ b/src/forms/tests/manual/forms.html
@@ -4,6 +4,7 @@
Forms CSS Manual Test
+
@@ -50,8 +51,8 @@
-
-
+
+
+
+
+
+
@@ -298,5 +303,17 @@
+
+