dlegr250_material_design 0.5.23 → 0.5.24

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: 8e0ef073ba403e99c06c4e9ac8029326f4fd8f90
4
- data.tar.gz: aebdfcf14cb2727cedf6c78cf0d5db70d5741cd8
3
+ metadata.gz: cdb785dc22da3e07b0ddc077b45ef6385ac74d33
4
+ data.tar.gz: 07acbd3b8074cb29ac3dea8534bada27c92df69b
5
5
  SHA512:
6
- metadata.gz: 721125319c86e39973bb869bad8959faf12841ddfb09498003a4b410aa394999c48dea902d67fef16d305a925bb0026fb8f1ac289ce6049699b4bc0e808e7273
7
- data.tar.gz: be5c90b5160ff675df80ee6c2c1b16ee347e15a67adb2733b9b1bf20f2831c8375a36f6a00f4eb578e37d80fbfd88deba85f55fc575f9e53f3b74222f2ad882c
6
+ metadata.gz: c31f463ca11dbacb6de729c6bd80410396550bb9eadc88a743ef3f02fd1fdd553d760f894fbb3e9e09126a0451de5e91cafa7b331e1215beac2a0e01582534cc
7
+ data.tar.gz: 789e18ef21b61919f126e7b7f64ed57188a33c6c6bf767c7816203a5857c65068b32f41a76ccd2736e5b65a689c46f77f1507415000fd66901304295a2af4d10
@@ -1,3 +1,3 @@
1
1
  module Dlegr250MaterialDesign
2
- VERSION = "0.5.23"
2
+ VERSION = "0.5.24"
3
3
  end
@@ -266,10 +266,10 @@ $default-rounded-corners-radius: 3px;
266
266
 
267
267
  @mixin list-item-icon() {
268
268
  color: color("icon");
269
- max-width: 64px;
269
+ max-width: 56px;
270
270
  padding-left: $spacing-small;
271
271
  text-align: center;
272
- width: 64px;
272
+ width: 56px;
273
273
  }
274
274
 
275
275
  @mixin list-item-primary() {
@@ -302,5 +302,5 @@ $default-rounded-corners-radius: 3px;
302
302
 
303
303
  @mixin list-item-secondary-actions() {
304
304
  @include list-item-secondary();
305
- padding-right: $spacing-small;
305
+ padding-right: 0;
306
306
  }
@@ -175,8 +175,6 @@ ol {
175
175
  }
176
176
  }
177
177
 
178
- // background-color-white bordered-rounded list-divided
179
-
180
178
  // List headers
181
179
  //----------------------------------------------------------------------
182
180
 
@@ -210,297 +208,3 @@ ol {
210
208
  .list-header-secondary-actions {
211
209
  @include list-item-secondary-actions();
212
210
  }
213
-
214
- // // Lists - header
215
- // //----------------------------------------------------------------------
216
- //
217
- // .list-header {
218
- // background-color: #f2f2f2;
219
- // @include list-item();
220
- // }
221
- //
222
- // .list-header-icon {
223
- // @include list-item-icon();
224
- // }
225
- //
226
- // .list-header-primary,
227
- // .list-header-secondary {
228
- // box-sizing: border-box;
229
- // }
230
- //
231
- // .list-header-primary {
232
- // font-weight: bold;
233
- // @include list-item-primary();
234
- // }
235
- //
236
- // .list-header-primary-supertext {
237
- // @include list-item-primary-subtext();
238
- // padding-top: 0;
239
- // padding-bottom: $spacing-xsmall;
240
- // }
241
- //
242
- // .list-header-primary-subtext {
243
- // @include list-item-primary-subtext();
244
- // }
245
- //
246
- // .list-header-secondary {
247
- // @include list-item-secondary();
248
- // }
249
- //
250
- // .list-header-secondary-actions {
251
- // @include list-item-secondary-actions();
252
- // }
253
- //
254
- // @media(hover: hover) {
255
- // .list-header .button-icon:hover {
256
- // background-color: darken(color("hover"), 10%);
257
- // }
258
- // }
259
- //
260
- // .list-header .button-icon:active {
261
- // background-color: darken(color("hover"), 20%);
262
- // }
263
- //
264
- // // Lists - base
265
- // //----------------------------------------------------------------------
266
- //
267
- // .list {
268
- // background-color: color("white");
269
- // }
270
- //
271
- // // Lists - list item
272
- // //----------------------------------------------------------------------
273
- //
274
- // .list-item {
275
- // @include list-item();
276
- // }
277
- //
278
- // // Shared among list-item children
279
- // .list-item-icon,
280
- // .list-item-primary,
281
- // .list-item-secondary,
282
- // .list-item-secondary-actions {
283
- // padding-bottom: $spacing-normal;
284
- // padding-top: $spacing-normal;
285
- // }
286
- //
287
- // // Lists - list item icon
288
- // //----------------------------------------------------------------------
289
- //
290
- // .list-item-icon {
291
- // @include list-item-icon();
292
- // }
293
- //
294
- // .list-item-icon-circle {
295
- // background-color: color("divider");
296
- // font-size: 16px;
297
- // height: 30px;
298
- // line-height: 30px;
299
- // text-align: center;
300
- // width: 30px;
301
- // @include rounded-corners(50%);
302
- // }
303
- //
304
- // // Lists - list item primary
305
- // //----------------------------------------------------------------------
306
- //
307
- // .list-item-primary {
308
- // @include list-item-primary();
309
- // padding: $spacing-normal;
310
- // }
311
- //
312
- // .list-item-primary-supertext {
313
- // @include list-item-primary-supertext();
314
- // }
315
- //
316
- // .list-item-primary-subtext {
317
- // @include list-item-primary-subtext();
318
- // }
319
- //
320
- // .list-item-primary-subtext .link {
321
- // color: color("text");
322
- //
323
- // &:hover {
324
- // text-decoration: underline;
325
- // }
326
- // }
327
- //
328
- // // Force list-item to wrap text
329
- // .list.force-text-wrap .list-item-primary {
330
- // @include force-text-wrap();
331
- // }
332
- //
333
- // .list.truncate-overflow-text .list-item-primary {
334
- // @include truncate-text();
335
- // }
336
- //
337
- // // Lists - list item secondary
338
- // //----------------------------------------------------------------------
339
- //
340
- // .list-item-secondary {
341
- // @include list-item-secondary();
342
- // }
343
- //
344
- // .list-item-secondary-actions {
345
- // @include list-item-secondary-actions();
346
- // }
347
- //
348
- // .list-item-misc {
349
- // color: color("helper");
350
- // font-size: $font-size-small;
351
- // align-self: flex-start;
352
- // padding: $spacing-normal;
353
- // text-align: right;
354
- // }
355
- //
356
- // // Lists - hoverable
357
- // //----------------------------------------------------------------------
358
- //
359
- // @media(hover: hover) {
360
- // .list-hoverable .list-item:hover {
361
- // background-color: color("hover");
362
- // }
363
- // }
364
- //
365
- // .list-hoverable {
366
- // .list-item {
367
- // @include no-touch-highlight-color(); // Remove blue background on touch
368
- //
369
- // &:active {
370
- // background-color: darken(color("hover"), 5%);
371
- // }
372
- //
373
- // // Slightly darker than list-item:hover
374
- // .button-icon {
375
- // &:hover {
376
- // background-color: darken(color("hover"), 5%);
377
- // }
378
- //
379
- // &:active {
380
- // background-color: darken(color("hover"), 15%);
381
- // }
382
- // }
383
- // }
384
- // }
385
- //
386
- // .list-no-hover .list-item {
387
- // &:hover,
388
- // &:active {
389
- // background-color: transparent !important;
390
- // }
391
- // }
392
- //
393
- // // Links in list items
394
- // //----------------------------------------------------------------------
395
- //
396
- // .list-item-primary-subtext-link {
397
- // color: color("text");
398
- //
399
- // &:hover {
400
- // text-decoration: underline;
401
- // }
402
- // }
403
- //
404
- // // Nested list items
405
- // //----------------------------------------------------------------------
406
- //
407
- // .list-item-nested-1 {
408
- // padding-left: $spacing-normal;
409
- // }
410
- //
411
- // .list-item-nested-2 {
412
- // padding-left: $spacing-normal * 2;
413
- // }
414
- //
415
- // .list-item-nested-3 {
416
- // padding-left: $spacing-normal * 3;
417
- // }
418
- //
419
- // .list-item-nested-4 {
420
- // padding-left: $spacing-normal * 4;
421
- // }
422
- //
423
- // .list-item-nested-5 {
424
- // padding-left: $spacing-normal * 5;
425
- // }
426
- //
427
- // .list-item-nested-6 {
428
- // padding-left: $spacing-normal * 6;
429
- // }
430
- //
431
- // // Lists - DRYing up HTML classes
432
- // //----------------------------------------------------------------------
433
- //
434
- // .list-standard {
435
- // @extend .list-bordered;
436
- // @extend .list-divided;
437
- // @extend .list-hoverable;
438
- // @extend .rounded-corners;
439
- // @extend .background-color-white;
440
- //
441
- // .list-item {
442
- // min-height: 72px;
443
- // }
444
- //
445
- // .list-item-primary {
446
- // @include truncate-text();
447
- // }
448
- // }
449
- //
450
- // // Lists - sizes
451
- // // Put after .list-standard to overwrite any defaults
452
- // //----------------------------------------------------------------------
453
- //
454
- // .list-header-dense {
455
- // min-height: 32px;
456
- // }
457
- //
458
- // .list-one-lines .list-item,
459
- // .list-item-one-lines {
460
- // min-height: 48px !important;
461
- // }
462
- //
463
- // .list-two-lines .list-item,
464
- // .list-item-two-lines {
465
- // min-height: 72px !important;
466
- // }
467
- //
468
- // .list-three-lines .list-item,
469
- // .list-item-three-lines {
470
- // min-height: 88px !important;
471
- // }
472
- //
473
- // // Lists - modifiers
474
- // //----------------------------------------------------------------------
475
- //
476
- // .list-bordered {
477
- // border: 1px solid color("divider");
478
- // }
479
- //
480
- // .list-divided {
481
- // .list-header,
482
- // .list-item {
483
- // border-bottom: 1px solid color("divider");
484
- // }
485
- // }
486
- //
487
- // // Don't have double lines on last item for bordered and divided
488
- // .list-bordered .list-item:last-child {
489
- // border-bottom: none;
490
- // }
491
- //
492
- // .list-align-top .list-item {
493
- // @include flex-parent-row-align-top();
494
- // }
495
- //
496
- // .list-truncate-text {
497
- // .list-item > * {
498
- // @include truncate-text();
499
- // }
500
- // }
501
- //
502
- // .list-force-text-wrap {
503
- // .list-item > * {
504
- // @include force-text-wrap();
505
- // }
506
- // }
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: dlegr250_material_design
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.5.23
4
+ version: 0.5.24
5
5
  platform: ruby
6
6
  authors:
7
7
  - Daniel LeGrand
8
8
  autorequire:
9
9
  bindir: exe
10
10
  cert_chain: []
11
- date: 2017-02-09 00:00:00.000000000 Z
11
+ date: 2017-02-10 00:00:00.000000000 Z
12
12
  dependencies: []
13
13
  description: 'WARNING: ALPHA CODE, NOT PRODUCTION READY. ACTIVELY UNDER DEVELOPMENT
14
14
  AS OF AUG 2016. Implement Google Material Design spec with modern browsers in mind