dlegr250_material_design 0.5.23 → 0.5.24
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:
|
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
|