|
1 | 1 | /*! |
2 | | - * Strapless Grid v1.0.1 (http://github.com/strapless/strapless) |
| 2 | + * Strapless Grid v1.0.4 (http://github.com/strapless/strapless) |
3 | 3 | * Influenced by Bootstrap (http://getbootstrap.com) and Flexbox Grid (http://flexboxgrid.com) |
4 | 4 | * Licensed under MIT (https://github.com/strapless/strapless/blob/master/LICENSE) |
5 | 5 | */ |
|
61 | 61 | min-height: 1px; |
62 | 62 | padding-right: 1rem; |
63 | 63 | padding-left: 1rem; |
64 | | - display: -webkit-flex; |
65 | | - display: -ms-flexbox; |
66 | | - display: flex; |
67 | 64 | -webkit-flex-direction: column; |
68 | 65 | -ms-flex-direction: column; |
69 | 66 | flex-direction: column; |
|
241 | 238 | padding-right: 0; |
242 | 239 | } |
243 | 240 |
|
| 241 | +[class*="col-xs-"].flex-xs-grow { |
| 242 | + max-width: 100%; |
| 243 | + -webkit-flex-grow: 1 !important; |
| 244 | + -ms-flex-positive: 1 !important; |
| 245 | + flex-grow: 1 !important; |
| 246 | +} |
| 247 | + |
| 248 | +[class*="col-xs-"].flex-xs-shrink { |
| 249 | + -webkit-flex-shrink: 0 !important; |
| 250 | + -ms-flex-negative: 0 !important; |
| 251 | + flex-shrink: 0 !important; |
| 252 | + -webkit-flex-basis: auto !important; |
| 253 | + -ms-flex-preferred-size: auto !important; |
| 254 | + flex-basis: auto !important; |
| 255 | + width: auto; |
| 256 | +} |
| 257 | + |
244 | 258 | @media screen and (min-width: 576px) { |
245 | 259 | .container-sm { |
246 | 260 | max-width: 540px; |
|
371 | 385 | -webkit-column-count: 2; |
372 | 386 | column-count: 2; |
373 | 387 | } |
| 388 | + [class*="col-sm-"].flex-sm-grow { |
| 389 | + max-width: 100%; |
| 390 | + -webkit-flex-grow: 1 !important; |
| 391 | + -ms-flex-positive: 1 !important; |
| 392 | + flex-grow: 1 !important; |
| 393 | + } |
| 394 | + [class*="col-sm-"].flex-sm-shrink { |
| 395 | + -webkit-flex-shrink: 0 !important; |
| 396 | + -ms-flex-negative: 0 !important; |
| 397 | + flex-shrink: 0 !important; |
| 398 | + -webkit-flex-basis: auto !important; |
| 399 | + -ms-flex-preferred-size: auto !important; |
| 400 | + flex-basis: auto !important; |
| 401 | + width: auto; |
| 402 | + } |
374 | 403 | } |
375 | 404 |
|
376 | 405 | @media screen and (min-width: 768px) { |
|
499 | 528 | .col-md-offset-11 { |
500 | 529 | margin-left: 91.66667%; |
501 | 530 | } |
| 531 | + [class*="col-md-"].flex-md-grow { |
| 532 | + max-width: 100%; |
| 533 | + -webkit-flex-grow: 1 !important; |
| 534 | + -ms-flex-positive: 1 !important; |
| 535 | + flex-grow: 1 !important; |
| 536 | + } |
| 537 | + [class*="col-md-"].flex-md-shrink { |
| 538 | + -webkit-flex-shrink: 0 !important; |
| 539 | + -ms-flex-negative: 0 !important; |
| 540 | + flex-shrink: 0 !important; |
| 541 | + -webkit-flex-basis: auto !important; |
| 542 | + -ms-flex-preferred-size: auto !important; |
| 543 | + flex-basis: auto !important; |
| 544 | + width: auto; |
| 545 | + } |
502 | 546 | } |
503 | 547 |
|
504 | 548 | @media screen and (min-width: 992px) { |
|
631 | 675 | -webkit-column-count: 3; |
632 | 676 | column-count: 3; |
633 | 677 | } |
| 678 | + [class*="col-lg-"].flex-lg-grow { |
| 679 | + max-width: 100%; |
| 680 | + -webkit-flex-grow: 1 !important; |
| 681 | + -ms-flex-positive: 1 !important; |
| 682 | + flex-grow: 1 !important; |
| 683 | + } |
| 684 | + [class*="col-lg-"].flex-lg-shrink { |
| 685 | + -webkit-flex-shrink: 0 !important; |
| 686 | + -ms-flex-negative: 0 !important; |
| 687 | + flex-shrink: 0 !important; |
| 688 | + -webkit-flex-basis: auto !important; |
| 689 | + -ms-flex-preferred-size: auto !important; |
| 690 | + flex-basis: auto !important; |
| 691 | + width: auto; |
| 692 | + } |
634 | 693 | } |
635 | 694 |
|
636 | 695 | @media screen and (min-width: 1200px) { |
|
763 | 822 | -webkit-column-count: 4; |
764 | 823 | column-count: 4; |
765 | 824 | } |
| 825 | + [class*="col-xl-"].flex-xl-grow { |
| 826 | + max-width: 100%; |
| 827 | + -webkit-flex-grow: 1 !important; |
| 828 | + -ms-flex-positive: 1 !important; |
| 829 | + flex-grow: 1 !important; |
| 830 | + } |
| 831 | + [class*="col-xl-"].flex-xl-shrink { |
| 832 | + -webkit-flex-shrink: 0 !important; |
| 833 | + -ms-flex-negative: 0 !important; |
| 834 | + flex-shrink: 0 !important; |
| 835 | + -webkit-flex-basis: auto !important; |
| 836 | + -ms-flex-preferred-size: auto !important; |
| 837 | + flex-basis: auto !important; |
| 838 | + width: auto; |
| 839 | + } |
766 | 840 | } |
0 commit comments