pure-css-reset-rails 1.1.0 → 1.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: 58671b03a8a39fcb687987da66e55cc1892d4c8a
4
- data.tar.gz: 17ac489176f2533f5bb2107f36bf77937af97702
3
+ metadata.gz: a433ef93cdcb5a0e32a5415106f978c40f619ac3
4
+ data.tar.gz: a349ac5ee909fafe848693ac8991d92a0b107ba9
5
5
  SHA512:
6
- metadata.gz: e6c21c72e90899b56ef4113c70e50b2a287e163c2a785551bec9e1e8a074bad25cb3e7189245bc407ab41ace24838a7a35611519cfb94ac76c1158966aeeeb11
7
- data.tar.gz: 69db081f4bf2d02b2b4e04d651edef1b158b628ceab91840ba530c3d6977fc9f35f5fafa7505f159bccad572b739cba33ad0b96dffeabd85f17a9f4a9766d1f2
6
+ metadata.gz: de81b8e354db9ff9b5d837f943409af8d2e2695ff0d4561557fcd82e1a87845ba9a1192e068d7964d1787eff3e26b828a5071685f4c8c782725da75f99696408
7
+ data.tar.gz: 45ccb2f5f8a65073fecd308c7835585c26f824a70b2864571bb407ec52823c508365c77819ea06eb54219551fffafc0ceef20722856b3e6fc6a64bdca8431b1c
@@ -1,7 +1,7 @@
1
1
  module PureCSS
2
2
  module Reset
3
3
  module Rails
4
- VERSION = "1.1.0"
4
+ VERSION = "1.1.1"
5
5
  end
6
6
  end
7
7
  end
@@ -157,6 +157,7 @@ a.pure-button-primary:hover, .pure-button-primary:hover {
157
157
  border-radius: 0;
158
158
  box-shadow: none;
159
159
  -webkit-appearance: none;
160
+ margin: 0;
160
161
  }
161
162
 
162
163
  @media only screen and (max-width: 480px) {
@@ -212,32 +213,83 @@ a.pure-button-primary:hover, .pure-button-primary:hover {
212
213
  border-color: #4a9fc8;
213
214
  }
214
215
 
215
- .pure-form .input-wrapper {
216
+ .pure-form .pure-control-group.control-group-with-error input {
217
+ color: #b94a48;
218
+ border-color: #ee5f5b;
219
+ }
220
+
221
+ .pure-form .pure-control-group.control-group-with-error .input-addon {
222
+ border-color: #ee5f5b;
223
+ }
224
+
225
+ .pure-form .pure-group input:first-child {
226
+ border-radius: 0;
227
+ }
228
+
229
+ .pure-form .pure-group input:last-child {
230
+ border-radius: 0;
231
+ }
232
+
233
+ .pure-form .pure-group input:first-child:last-child {
234
+ border-radius: 0;
235
+ }
236
+
237
+ .pure-form-aligned .pure-controls {
238
+ margin-top: 1em;
239
+ margin-left: 0;
240
+ }
241
+
242
+ @media screen and (min-width: 35.5em) {
243
+ .pure-form-aligned .pure-controls {
244
+ padding-left: 12em;
245
+ }
246
+ }
247
+
248
+ .pure-form-aligned .pure-control-group label {
249
+ text-align: left;
250
+ }
251
+ .pure-form-aligned .input-wrapper {
252
+ margin-left: 0;
253
+ }
254
+
255
+ @media only screen and (min-width: 35.5em) {
256
+ .pure-form-aligned .pure-control-group label {
257
+ float: left;
258
+ line-height: 2.3em;
259
+ width: 11em;
260
+ text-align: right;
261
+ }
262
+ .pure-form-aligned .input-wrapper {
263
+ margin-left: 12em;
264
+ }
265
+ }
266
+
267
+ .pure-form .addon-wrapper {
216
268
  border-collapse: separate;
217
269
  display: table;
218
270
  position: relative;
219
271
  }
220
272
 
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 {
273
+ .pure-form .addon-wrapper input[type="text"],
274
+ .pure-form .addon-wrapper input[type="password"],
275
+ .pure-form .addon-wrapper input[type="email"],
276
+ .pure-form .addon-wrapper input[type="url"],
277
+ .pure-form .addon-wrapper input[type="date"],
278
+ .pure-form .addon-wrapper input[type="month"],
279
+ .pure-form .addon-wrapper input[type="time"],
280
+ .pure-form .addon-wrapper input[type="datetime"],
281
+ .pure-form .addon-wrapper input[type="datetime-local"],
282
+ .pure-form .addon-wrapper input[type="week"],
283
+ .pure-form .addon-wrapper input[type="number"],
284
+ .pure-form .addon-wrapper input[type="search"],
285
+ .pure-form .addon-wrapper input[type="tel"],
286
+ .pure-form .addon-wrapper input[type="color"],
287
+ .pure-form .addon-wrapper textarea {
236
288
  display: table-cell;
237
289
  width: 100%;
238
290
  }
239
291
 
240
- .pure-form .input-wrapper .input-addon {
292
+ .pure-form .addon-wrapper .input-addon {
241
293
  background: #efefef;
242
294
  border: 1px solid #ccc;
243
295
  box-sizing: border-box;
@@ -250,20 +302,20 @@ a.pure-button-primary:hover, .pure-button-primary:hover {
250
302
  white-space: nowrap;
251
303
  }
252
304
 
253
- .pure-form .input-wrapper .input-addon.prefix {
305
+ .pure-form .addon-wrapper .input-addon.prefix {
254
306
  border-right: 0;
255
307
  }
256
308
 
257
- .pure-form .input-wrapper .input-addon.suffix {
309
+ .pure-form .addon-wrapper .input-addon.suffix {
258
310
  border-left: 0;
259
311
  }
260
312
 
261
- .pure-form .input-wrapper .input-addon img {
313
+ .pure-form .addon-wrapper .input-addon img {
262
314
  max-height: 1.5em;
263
315
  width: auto;
264
316
  }
265
317
 
266
- .pure-form .input-wrapper .input-addon .addon-label {
318
+ .pure-form .addon-wrapper .input-addon .addon-label {
267
319
  float: none;
268
320
  line-height: inherit;
269
321
  margin: 0;
@@ -273,9 +325,9 @@ a.pure-button-primary:hover, .pure-button-primary:hover {
273
325
  width: auto;
274
326
  }
275
327
 
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 {
328
+ .pure-form .addon-wrapper .input-addon .addon-label .inline,
329
+ .pure-from .addon-wrapper .input-addon .addon-label label,
330
+ .pure-form .addon-wrapper .input-addon .addon-label input {
279
331
  display: inline;
280
332
  float: none;
281
333
  margin: 0;
@@ -283,92 +335,6 @@ a.pure-button-primary:hover, .pure-button-primary:hover {
283
335
  width: auto;
284
336
  }
285
337
 
286
- @media only screen and (max-width: 480px) {
287
- .pure-form button[type="submit"] {
288
- margin: 0;
289
- }
290
- }
291
-
292
- .pure-form .pure-control-group.control-group-with-error input {
293
- color: #b94a48;
294
- border-color: #ee5f5b;
295
- }
296
-
297
- .pure-form .pure-control-group.control-group-with-error .input-addon {
298
- border-color: #ee5f5b;
299
- }
300
-
301
- .pure-form .pure-group input:first-child {
302
- border-radius: 0;
303
- }
304
-
305
- .pure-form .pure-group input:last-child {
306
- border-radius: 0;
307
- }
308
-
309
- .pure-form .pure-group input:first-child:last-child {
310
- border-radius: 0;
311
- }
312
-
313
- .pure-form-aligned .hint, .pure-form-aligned .error {
314
- margin-left: 12.3em;
315
- }
316
-
317
- @media (max-width: 63.9em) {
318
- .pure-form-aligned .hint, .pure-form-aligned .error {
319
- margin-left: 9em;
320
- }
321
- }
322
-
323
- @media (max-width: 480px) {
324
- .pure-form-aligned .hint, .pure-form-aligned .error {
325
- margin-left: 0;
326
- }
327
- }
328
-
329
- .pure-form-aligned .pure-controls {
330
- margin-top: 1em;
331
- margin-left: 0;
332
- padding-left: 11em;
333
- }
334
-
335
- @media screen and (max-width: 63.9em) {
336
- .pure-form-aligned .pure-controls {
337
- padding-left: 8em;
338
- }
339
- }
340
-
341
- @media only screen and (max-width: 480px) {
342
- .pure-form-aligned .pure-controls {
343
- padding-left: 0;
344
- }
345
- }
346
-
347
- @media only screen and (min-width: 35.5em) {
348
- .pure-form-aligned .pure-control-group label {
349
- float: left;
350
- line-height: 2.3em;
351
- }
352
- .pure-form-aligned .input-wrapper {
353
- margin-left: 11em;
354
- }
355
- }
356
-
357
- @media screen and (max-width: 63.9em) {
358
- .pure-form-aligned .pure-control-group label {
359
- width: 7em;
360
- }
361
- .pure-form-aligned .input-wrapper {
362
- margin-left: 8em;
363
- }
364
- }
365
-
366
- @media screen and (max-width: 480px) {
367
- .pure-form-aligned .input-wrapper {
368
- margin-left: 0;
369
- }
370
- }
371
-
372
338
  @media screen and (max-width: 47.9em) {
373
339
  .hidden-sm {
374
340
  display: none !important;
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.1.0
4
+ version: 1.1.1
5
5
  platform: ruby
6
6
  authors:
7
7
  - Grant Colegate