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 +4 -4
- data/lib/pure-css/reset/rails/version.rb +1 -1
- data/vendor/assets/stylesheets/pure_css_reset.css +79 -4
- metadata +1 -1
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 58671b03a8a39fcb687987da66e55cc1892d4c8a
|
4
|
+
data.tar.gz: 17ac489176f2533f5bb2107f36bf77937af97702
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: e6c21c72e90899b56ef4113c70e50b2a287e163c2a785551bec9e1e8a074bad25cb3e7189245bc407ab41ace24838a7a35611519cfb94ac76c1158966aeeeb11
|
7
|
+
data.tar.gz: 69db081f4bf2d02b2b4e04d651edef1b158b628ceab91840ba530c3d6977fc9f35f5fafa7505f159bccad572b739cba33ad0b96dffeabd85f17a9f4a9766d1f2
|
@@ -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:
|
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 .
|
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 .
|
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 .
|
367
|
+
.pure-form-aligned .input-wrapper {
|
293
368
|
margin-left: 0;
|
294
369
|
}
|
295
370
|
}
|