pure-css-reset-rails 1.0.3 → 1.1.0

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: 4bf4baa04b9adc2a4fa881bdbd78021dda98685e
4
- data.tar.gz: 60e3e24f5c0f2c53e02eb0268cdb22304184555d
3
+ metadata.gz: 58671b03a8a39fcb687987da66e55cc1892d4c8a
4
+ data.tar.gz: 17ac489176f2533f5bb2107f36bf77937af97702
5
5
  SHA512:
6
- metadata.gz: c74b8d091a902d3abadc6126fba2b284a5a9a4371ddda04e79a6a92fa295c59d53f5f975fef5d9f7e70c81065e11a4fb87eec73670cfc65b650177472c1edd6c
7
- data.tar.gz: 3b6b112104470139417820bddcdd8cc048d0947922ae547bfb9b6aaf8b9068b14d63be7ccb646518b92b7565a46e50d0b04b98985027e2ae21b3863031e24ade
6
+ metadata.gz: e6c21c72e90899b56ef4113c70e50b2a287e163c2a785551bec9e1e8a074bad25cb3e7189245bc407ab41ace24838a7a35611519cfb94ac76c1158966aeeeb11
7
+ data.tar.gz: 69db081f4bf2d02b2b4e04d651edef1b158b628ceab91840ba530c3d6977fc9f35f5fafa7505f159bccad572b739cba33ad0b96dffeabd85f17a9f4a9766d1f2
@@ -1,7 +1,7 @@
1
1
  module PureCSS
2
2
  module Reset
3
3
  module Rails
4
- VERSION = "1.0.3"
4
+ VERSION = "1.1.0"
5
5
  end
6
6
  end
7
7
  end
@@ -212,6 +212,77 @@ a.pure-button-primary:hover, .pure-button-primary:hover {
212
212
  border-color: #4a9fc8;
213
213
  }
214
214
 
215
+ .pure-form .input-wrapper {
216
+ border-collapse: separate;
217
+ display: table;
218
+ position: relative;
219
+ }
220
+
221
+ .pure-form .input-wrapper input[type="text"],
222
+ .pure-form .input-wrapper input[type="password"],
223
+ .pure-form .input-wrapper input[type="email"],
224
+ .pure-form .input-wrapper input[type="url"],
225
+ .pure-form .input-wrapper input[type="date"],
226
+ .pure-form .input-wrapper input[type="month"],
227
+ .pure-form .input-wrapper input[type="time"],
228
+ .pure-form .input-wrapper input[type="datetime"],
229
+ .pure-form .input-wrapper input[type="datetime-local"],
230
+ .pure-form .input-wrapper input[type="week"],
231
+ .pure-form .input-wrapper input[type="number"],
232
+ .pure-form .input-wrapper input[type="search"],
233
+ .pure-form .input-wrapper input[type="tel"],
234
+ .pure-form .input-wrapper input[type="color"],
235
+ .pure-form .input-wrapper textarea {
236
+ display: table-cell;
237
+ width: 100%;
238
+ }
239
+
240
+ .pure-form .input-wrapper .input-addon {
241
+ background: #efefef;
242
+ border: 1px solid #ccc;
243
+ box-sizing: border-box;
244
+ display: table-cell;
245
+ line-height: normal;
246
+ min-width: 2em;
247
+ padding: 0;
248
+ text-align: center;
249
+ vertical-align: middle;
250
+ white-space: nowrap;
251
+ }
252
+
253
+ .pure-form .input-wrapper .input-addon.prefix {
254
+ border-right: 0;
255
+ }
256
+
257
+ .pure-form .input-wrapper .input-addon.suffix {
258
+ border-left: 0;
259
+ }
260
+
261
+ .pure-form .input-wrapper .input-addon img {
262
+ max-height: 1.5em;
263
+ width: auto;
264
+ }
265
+
266
+ .pure-form .input-wrapper .input-addon .addon-label {
267
+ float: none;
268
+ line-height: inherit;
269
+ margin: 0;
270
+ padding: 0 0.5em;
271
+ text-align: inherit;
272
+ text-transform: none;
273
+ width: auto;
274
+ }
275
+
276
+ .pure-form .input-wrapper .input-addon .addon-label .inline,
277
+ .pure-from .input-wrapper .input-addon .addon-label label,
278
+ .pure-form .input-wrapper .input-addon .addon-label input {
279
+ display: inline;
280
+ float: none;
281
+ margin: 0;
282
+ text-align: inherit;
283
+ width: auto;
284
+ }
285
+
215
286
  @media only screen and (max-width: 480px) {
216
287
  .pure-form button[type="submit"] {
217
288
  margin: 0;
@@ -223,6 +294,10 @@ a.pure-button-primary:hover, .pure-button-primary:hover {
223
294
  border-color: #ee5f5b;
224
295
  }
225
296
 
297
+ .pure-form .pure-control-group.control-group-with-error .input-addon {
298
+ border-color: #ee5f5b;
299
+ }
300
+
226
301
  .pure-form .pure-group input:first-child {
227
302
  border-radius: 0;
228
303
  }
@@ -269,12 +344,12 @@ a.pure-button-primary:hover, .pure-button-primary:hover {
269
344
  }
270
345
  }
271
346
 
272
- @media only screen and (min-width: 480px) {
347
+ @media only screen and (min-width: 35.5em) {
273
348
  .pure-form-aligned .pure-control-group label {
274
349
  float: left;
275
350
  line-height: 2.3em;
276
351
  }
277
- .pure-form-aligned .pure-input-wrapper {
352
+ .pure-form-aligned .input-wrapper {
278
353
  margin-left: 11em;
279
354
  }
280
355
  }
@@ -283,13 +358,13 @@ a.pure-button-primary:hover, .pure-button-primary:hover {
283
358
  .pure-form-aligned .pure-control-group label {
284
359
  width: 7em;
285
360
  }
286
- .pure-form-aligned .pure-input-wrapper {
361
+ .pure-form-aligned .input-wrapper {
287
362
  margin-left: 8em;
288
363
  }
289
364
  }
290
365
 
291
366
  @media screen and (max-width: 480px) {
292
- .pure-form-aligned .pure-input-wrapper {
367
+ .pure-form-aligned .input-wrapper {
293
368
  margin-left: 0;
294
369
  }
295
370
  }
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: pure-css-reset-rails
3
3
  version: !ruby/object:Gem::Version
4
- version: 1.0.3
4
+ version: 1.1.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - Grant Colegate