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:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: cdb785dc22da3e07b0ddc077b45ef6385ac74d33
|
4
|
+
data.tar.gz: 07acbd3b8074cb29ac3dea8534bada27c92df69b
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: c31f463ca11dbacb6de729c6bd80410396550bb9eadc88a743ef3f02fd1fdd553d760f894fbb3e9e09126a0451de5e91cafa7b331e1215beac2a0e01582534cc
|
7
|
+
data.tar.gz: 789e18ef21b61919f126e7b7f64ed57188a33c6c6bf767c7816203a5857c65068b32f41a76ccd2736e5b65a689c46f77f1507415000fd66901304295a2af4d10
|
@@ -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:
|
269
|
+
max-width: 56px;
|
270
270
|
padding-left: $spacing-small;
|
271
271
|
text-align: center;
|
272
|
-
width:
|
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:
|
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.
|
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-
|
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
|