pure-css-reset-rails 1.1.0 → 1.1.1

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: 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