File tree Expand file tree Collapse file tree 3 files changed +5
-75
lines changed Expand file tree Collapse file tree 3 files changed +5
-75
lines changed Original file line number Diff line number Diff line change 372
372
-ms-flex-line-pack : center;
373
373
align-content : center;
374
374
}
375
- [grow ] {
376
- -webkit-flex-grow : 1 ;
377
- -ms-flex-grow : 1 ;
378
- flex-grow : 1 ;
379
- }
380
375
[align = "start" ] {
381
376
-webkit-align-content : flex-start;
382
377
-ms-flex-line-pack : start;
383
378
align-content : flex-start;
384
379
}
385
- [grow ] {
386
- -webkit-flex-grow : 1 ;
387
- -ms-flex-grow : 1 ;
388
- flex-grow : 1 ;
389
- }
390
380
[align = "end" ] {
391
381
-webkit-align-content : flex-end;
392
382
-ms-flex-line-pack : end;
393
383
align-content : flex-end;
394
384
}
395
- [grow ] {
396
- -webkit-flex-grow : 1 ;
397
- -ms-flex-grow : 1 ;
398
- flex-grow : 1 ;
399
- }
400
385
[align = "space-between" ] {
401
386
-webkit-align-content : space-between;
402
387
-ms-flex-line-pack : justify;
403
388
align-content : space-between;
404
389
}
405
- [grow ] {
406
- -webkit-flex-grow : 1 ;
407
- -ms-flex-grow : 1 ;
408
- flex-grow : 1 ;
409
- }
410
390
[align = "space-around" ] {
411
391
-webkit-align-content : space-around;
412
392
-ms-flex-line-pack : distribute;
422
402
-ms-flex-grow : 0 ;
423
403
flex-grow : 0 ;
424
404
}
425
- [shrink ] {
426
- -webkit-flex-shrink : 1 ;
427
- -ms-flex-shrink : 1 ;
428
- flex-shrink : 1 ;
429
- }
430
405
[grow = "1" ] {
431
406
-webkit-flex-grow : 1 ;
432
407
-ms-flex-grow : 1 ;
433
408
flex-grow : 1 ;
434
409
}
435
- [shrink ] {
436
- -webkit-flex-shrink : 1 ;
437
- -ms-flex-shrink : 1 ;
438
- flex-shrink : 1 ;
439
- }
440
410
[grow = "2" ] {
441
411
-webkit-flex-grow : 2 ;
442
412
-ms-flex-grow : 2 ;
443
413
flex-grow : 2 ;
444
414
}
445
- [shrink ] {
446
- -webkit-flex-shrink : 1 ;
447
- -ms-flex-shrink : 1 ;
448
- flex-shrink : 1 ;
449
- }
450
415
[grow = "3" ] {
451
416
-webkit-flex-grow : 3 ;
452
417
-ms-flex-grow : 3 ;
453
418
flex-grow : 3 ;
454
419
}
455
- [shrink ] {
456
- -webkit-flex-shrink : 1 ;
457
- -ms-flex-shrink : 1 ;
458
- flex-shrink : 1 ;
459
- }
460
420
[grow = "4" ] {
461
421
-webkit-flex-grow : 4 ;
462
422
-ms-flex-grow : 4 ;
463
423
flex-grow : 4 ;
464
424
}
465
- [shrink ] {
466
- -webkit-flex-shrink : 1 ;
467
- -ms-flex-shrink : 1 ;
468
- flex-shrink : 1 ;
469
- }
470
425
[grow = "5" ] {
471
426
-webkit-flex-grow : 5 ;
472
427
-ms-flex-grow : 5 ;
473
428
flex-grow : 5 ;
474
429
}
475
- [shrink ] {
476
- -webkit-flex-shrink : 1 ;
477
- -ms-flex-shrink : 1 ;
478
- flex-shrink : 1 ;
479
- }
480
430
[grow = "6" ] {
481
431
-webkit-flex-grow : 6 ;
482
432
-ms-flex-grow : 6 ;
483
433
flex-grow : 6 ;
484
434
}
485
- [shrink ] {
486
- -webkit-flex-shrink : 1 ;
487
- -ms-flex-shrink : 1 ;
488
- flex-shrink : 1 ;
489
- }
490
435
[grow = "7" ] {
491
436
-webkit-flex-grow : 7 ;
492
437
-ms-flex-grow : 7 ;
493
438
flex-grow : 7 ;
494
439
}
495
- [shrink ] {
496
- -webkit-flex-shrink : 1 ;
497
- -ms-flex-shrink : 1 ;
498
- flex-shrink : 1 ;
499
- }
500
440
[grow = "8" ] {
501
441
-webkit-flex-grow : 8 ;
502
442
-ms-flex-grow : 8 ;
503
443
flex-grow : 8 ;
504
444
}
505
- [shrink ] {
506
- -webkit-flex-shrink : 1 ;
507
- -ms-flex-shrink : 1 ;
508
- flex-shrink : 1 ;
509
- }
510
445
[grow = "9" ] {
511
446
-webkit-flex-grow : 9 ;
512
447
-ms-flex-grow : 9 ;
513
448
flex-grow : 9 ;
514
449
}
515
- [shrink ] {
516
- -webkit-flex-shrink : 1 ;
517
- -ms-flex-shrink : 1 ;
518
- flex-shrink : 1 ;
519
- }
520
450
[grow = "10" ] {
521
451
-webkit-flex-grow : 10 ;
522
452
-ms-flex-grow : 10 ;
Original file line number Diff line number Diff line change @@ -7,7 +7,7 @@ $rows = range($min-rows, $max-rows)
7
7
8
8
// Breakpoints
9
9
[flex ][row ]
10
-
10
+
11
11
for $num in $rows
12
12
[grid- { $num } ]
13
13
flex-basis (floor (percentage ($num / $max-rows )))
Original file line number Diff line number Diff line change @@ -46,15 +46,15 @@ for $prop in $primary-axis
46
46
[align = \ "{$prop}\" ]
47
47
align-content ($prop )
48
48
49
- [grow ]
50
- flex-grow (1 )
49
+ [grow ]
50
+ flex-grow (1 )
51
51
52
52
for $num in range (0 ,10 )
53
53
[grow = \ "{$num}\" ]
54
54
flex-grow ($num )
55
55
56
- [shrink ]
57
- flex-shrink (1 )
56
+ [shrink ]
57
+ flex-shrink (1 )
58
58
59
59
for $num in range (0 ,10 )
60
60
[shrink = \ "{$num}\" ]
You can’t perform that action at this time.
0 commit comments