├── .gitignore ├── LICENSE ├── README.md ├── flexiblegs-css.css ├── flexiblegs-css.min.css └── package.json /.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | node_modules 3 | npm-debug.log 4 | yarn.lock 5 | package-lock.json 6 | npm-shrinkwrap.json 7 | node_modules 8 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | The MIT License (MIT) 2 | 3 | Copyright (c) 2014 - Doğukan Güven Nomak 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # [flexiblegs-css](https://dnomak.com/flexiblegs/) 2 | 3 | Flexible Grid System CSS 4 | 5 | ## Install 6 | 7 | ### [Download](https://raw.githubusercontent.com/flexiblegs/flexiblegs-css/master/flexiblegs-css.css) 8 | ```html 9 | 10 | 11 | 12 | ``` 13 | 14 | ### [npm](https://www.npmjs.com/package/flexiblegs-css) 15 | ```bash 16 | $ npm install --save flexiblegs-css 17 | ``` 18 | 19 | ## License 20 | Flexible Grid System is licensed under the [MIT](LICENSE) license. 21 | -------------------------------------------------------------------------------- /flexiblegs-css.css: -------------------------------------------------------------------------------- 1 | /*! Flexible Grid System 5.6.0 | Settings | Scss | MIT License | dnomak.com/flexiblegs */ 2 | /*! Flexible Grid System 5.6.0 | Scss | MIT License | dnomak.com/flexiblegs */ 3 | /*! Flexible Grid System 5.6.0 | Scss Plus | MIT License | dnomak.com/flexiblegs */ 4 | .wrap { 5 | display: block; 6 | width: 100%; 7 | font-size: 0; 8 | letter-spacing: 0; 9 | text-align: left; 10 | -webkit-box-sizing: border-box; 11 | -moz-box-sizing: border-box; 12 | box-sizing: border-box; 13 | } 14 | 15 | .wrap > * { 16 | display: inline-block; 17 | vertical-align: top; 18 | } 19 | 20 | .col { 21 | min-height: 1px; 22 | font-size: 1rem; 23 | -webkit-box-sizing: border-box; 24 | -moz-box-sizing: border-box; 25 | box-sizing: border-box; 26 | } 27 | 28 | .xl-auto > * { 29 | width: auto; 30 | } 31 | 32 | .xl-1 > * { 33 | width: 100%; 34 | } 35 | 36 | .xl-2 > * { 37 | width: 50%; 38 | } 39 | 40 | .xl-3 > * { 41 | width: 33.33333%; 42 | } 43 | 44 | .xl-4 > * { 45 | width: 25%; 46 | } 47 | 48 | .xl-5 > * { 49 | width: 20%; 50 | } 51 | 52 | .xl-6 > * { 53 | width: 16.66667%; 54 | } 55 | 56 | .xl-7 > * { 57 | width: 14.28571%; 58 | } 59 | 60 | .xl-8 > * { 61 | width: 12.5%; 62 | } 63 | 64 | .xl-9 > * { 65 | width: 11.11111%; 66 | } 67 | 68 | .xl-10 > * { 69 | width: 10%; 70 | } 71 | 72 | .xl-11 > * { 73 | width: 9.09091%; 74 | } 75 | 76 | .xl-12 > * { 77 | width: 8.33333%; 78 | } 79 | 80 | .xl-table { 81 | display: table; 82 | table-layout: fixed; 83 | -webkit-flex-direction: initial; 84 | -ms-flex-direction: initial; 85 | flex-direction: initial; 86 | -webkit-flex-wrap: initial; 87 | -ms-flex-wrap: initial; 88 | flex-wrap: initial; 89 | -webkit-justify-content: initial; 90 | -ms-justify-content: initial; 91 | justify-content: initial; 92 | -webkit-align-content: initial; 93 | -ms-align-content: initial; 94 | align-content: initial; 95 | -webkit-align-items: initial; 96 | -ms-align-items: initial; 97 | align-items: initial; 98 | -webkit-column-count: auto; 99 | -moz-column-count: auto; 100 | column-count: auto; 101 | } 102 | 103 | .xl-table > * { 104 | display: table-cell; 105 | } 106 | 107 | .xl-flexbox { 108 | display: -webkit-flex; 109 | display: -ms-flexbox; 110 | display: flex; 111 | table-layout: auto; 112 | -webkit-flex-direction: row; 113 | -ms-flex-direction: row; 114 | flex-direction: row; 115 | -webkit-flex-wrap: wrap; 116 | -ms-flex-wrap: wrap; 117 | flex-wrap: wrap; 118 | -webkit-justify-content: flex-start; 119 | -ms-justify-content: flex-start; 120 | justify-content: flex-start; 121 | -webkit-align-content: center; 122 | -ms-align-content: center; 123 | align-content: center; 124 | -webkit-align-items: center; 125 | -ms-align-items: center; 126 | align-items: center; 127 | -webkit-column-count: auto; 128 | -moz-column-count: auto; 129 | column-count: auto; 130 | } 131 | 132 | .xl-flexbox > * { 133 | display: inline-block; 134 | } 135 | 136 | .xl-normal { 137 | display: block; 138 | table-layout: auto; 139 | -webkit-flex-direction: initial; 140 | -ms-flex-direction: initial; 141 | flex-direction: initial; 142 | -webkit-flex-wrap: initial; 143 | -ms-flex-wrap: initial; 144 | flex-wrap: initial; 145 | -webkit-justify-content: initial; 146 | -ms-justify-content: initial; 147 | justify-content: initial; 148 | -webkit-align-content: initial; 149 | -ms-align-content: initial; 150 | align-content: initial; 151 | -webkit-align-items: initial; 152 | -ms-align-items: initial; 153 | align-items: initial; 154 | -webkit-column-count: auto; 155 | -moz-column-count: auto; 156 | column-count: auto; 157 | } 158 | 159 | .xl-normal > * { 160 | display: inline-block; 161 | } 162 | 163 | .xl-left { 164 | -webkit-justify-content: flex-start; 165 | -ms-justify-content: flex-start; 166 | justify-content: flex-start; 167 | text-align: left; 168 | } 169 | 170 | .xl-center { 171 | -webkit-justify-content: center; 172 | -ms-justify-content: center; 173 | justify-content: center; 174 | text-align: center; 175 | } 176 | 177 | .xl-right { 178 | -webkit-justify-content: flex-end; 179 | -ms-justify-content: flex-end; 180 | justify-content: flex-end; 181 | text-align: right; 182 | } 183 | 184 | .xl-top { 185 | -webkit-align-items: flex-start; 186 | -ms-align-items: flex-start; 187 | align-items: flex-start; 188 | } 189 | 190 | .xl-top > * { 191 | vertical-align: top; 192 | } 193 | 194 | .xl-middle { 195 | -webkit-align-items: center; 196 | -ms-align-items: center; 197 | align-items: center; 198 | } 199 | 200 | .xl-middle > * { 201 | vertical-align: middle; 202 | } 203 | 204 | .xl-bottom { 205 | -webkit-align-items: flex-end; 206 | -ms-align-items: flex-end; 207 | align-items: flex-end; 208 | } 209 | 210 | .xl-bottom > * { 211 | vertical-align: bottom; 212 | } 213 | 214 | .xl-stretch { 215 | -webkit-align-content: stretch; 216 | -ms-align-content: stretch; 217 | align-content: stretch; 218 | -webkit-align-items: stretch; 219 | -ms-align-items: stretch; 220 | align-items: stretch; 221 | } 222 | 223 | .xl-between { 224 | -webkit-justify-content: space-between; 225 | -ms-justify-content: space-between; 226 | justify-content: space-between; 227 | -webkit-align-content: space-between; 228 | -ms-align-content: space-between; 229 | align-content: space-between; 230 | } 231 | 232 | .xl-around { 233 | -webkit-justify-content: space-around; 234 | -ms-justify-content: space-around; 235 | justify-content: space-around; 236 | -webkit-align-content: space-around; 237 | -ms-align-content: space-around; 238 | align-content: space-around; 239 | } 240 | 241 | .xl-baseline { 242 | -webkit-align-items: baseline; 243 | -ms-align-items: baseline; 244 | align-items: baseline; 245 | } 246 | 247 | .xl-reverse { 248 | -webkit-flex-direction: row-reverse; 249 | -ms-flex-direction: row-reverse; 250 | flex-direction: row-reverse; 251 | -webkit-flex-wrap: wrap-reverse; 252 | -ms-flex-wrap: wrap-reverse; 253 | flex-wrap: wrap-reverse; 254 | } 255 | 256 | .xl-not-reverse { 257 | -webkit-flex-direction: row; 258 | -ms-flex-direction: row; 259 | flex-direction: row; 260 | -webkit-flex-wrap: wrap; 261 | -ms-flex-wrap: wrap; 262 | flex-wrap: wrap; 263 | } 264 | 265 | .xl-1-1 { 266 | width: 100%; 267 | } 268 | 269 | .xl-1-2 { 270 | width: 50%; 271 | } 272 | 273 | .xl-1-3 { 274 | width: 33.33333%; 275 | } 276 | 277 | .xl-2-3 { 278 | width: 66.66667%; 279 | } 280 | 281 | .xl-1-4 { 282 | width: 25%; 283 | } 284 | 285 | .xl-2-4 { 286 | width: 50%; 287 | } 288 | 289 | .xl-3-4 { 290 | width: 75%; 291 | } 292 | 293 | .xl-1-5 { 294 | width: 20%; 295 | } 296 | 297 | .xl-2-5 { 298 | width: 40%; 299 | } 300 | 301 | .xl-3-5 { 302 | width: 60%; 303 | } 304 | 305 | .xl-4-5 { 306 | width: 80%; 307 | } 308 | 309 | .xl-1-6 { 310 | width: 16.66667%; 311 | } 312 | 313 | .xl-2-6 { 314 | width: 33.33333%; 315 | } 316 | 317 | .xl-3-6 { 318 | width: 50%; 319 | } 320 | 321 | .xl-4-6 { 322 | width: 66.66667%; 323 | } 324 | 325 | .xl-5-6 { 326 | width: 83.33333%; 327 | } 328 | 329 | .xl-1-7 { 330 | width: 14.28571%; 331 | } 332 | 333 | .xl-2-7 { 334 | width: 28.57143%; 335 | } 336 | 337 | .xl-3-7 { 338 | width: 42.85714%; 339 | } 340 | 341 | .xl-4-7 { 342 | width: 57.14286%; 343 | } 344 | 345 | .xl-5-7 { 346 | width: 71.42857%; 347 | } 348 | 349 | .xl-6-7 { 350 | width: 85.71429%; 351 | } 352 | 353 | .xl-1-8 { 354 | width: 12.5%; 355 | } 356 | 357 | .xl-2-8 { 358 | width: 25%; 359 | } 360 | 361 | .xl-3-8 { 362 | width: 37.5%; 363 | } 364 | 365 | .xl-4-8 { 366 | width: 50%; 367 | } 368 | 369 | .xl-5-8 { 370 | width: 62.5%; 371 | } 372 | 373 | .xl-6-8 { 374 | width: 75%; 375 | } 376 | 377 | .xl-7-8 { 378 | width: 87.5%; 379 | } 380 | 381 | .xl-1-9 { 382 | width: 11.11111%; 383 | } 384 | 385 | .xl-2-9 { 386 | width: 22.22222%; 387 | } 388 | 389 | .xl-3-9 { 390 | width: 33.33333%; 391 | } 392 | 393 | .xl-4-9 { 394 | width: 44.44444%; 395 | } 396 | 397 | .xl-5-9 { 398 | width: 55.55556%; 399 | } 400 | 401 | .xl-6-9 { 402 | width: 66.66667%; 403 | } 404 | 405 | .xl-7-9 { 406 | width: 77.77778%; 407 | } 408 | 409 | .xl-8-9 { 410 | width: 88.88889%; 411 | } 412 | 413 | .xl-1-10 { 414 | width: 10%; 415 | } 416 | 417 | .xl-2-10 { 418 | width: 20%; 419 | } 420 | 421 | .xl-3-10 { 422 | width: 30%; 423 | } 424 | 425 | .xl-4-10 { 426 | width: 40%; 427 | } 428 | 429 | .xl-5-10 { 430 | width: 50%; 431 | } 432 | 433 | .xl-6-10 { 434 | width: 60%; 435 | } 436 | 437 | .xl-7-10 { 438 | width: 70%; 439 | } 440 | 441 | .xl-8-10 { 442 | width: 80%; 443 | } 444 | 445 | .xl-9-10 { 446 | width: 90%; 447 | } 448 | 449 | .xl-1-11 { 450 | width: 9.09091%; 451 | } 452 | 453 | .xl-2-11 { 454 | width: 18.18182%; 455 | } 456 | 457 | .xl-3-11 { 458 | width: 27.27273%; 459 | } 460 | 461 | .xl-4-11 { 462 | width: 36.36364%; 463 | } 464 | 465 | .xl-5-11 { 466 | width: 45.45455%; 467 | } 468 | 469 | .xl-6-11 { 470 | width: 54.54545%; 471 | } 472 | 473 | .xl-7-11 { 474 | width: 63.63636%; 475 | } 476 | 477 | .xl-8-11 { 478 | width: 72.72727%; 479 | } 480 | 481 | .xl-9-11 { 482 | width: 81.81818%; 483 | } 484 | 485 | .xl-10-11 { 486 | width: 90.90909%; 487 | } 488 | 489 | .xl-1-12 { 490 | width: 8.33333%; 491 | } 492 | 493 | .xl-2-12 { 494 | width: 16.66667%; 495 | } 496 | 497 | .xl-3-12 { 498 | width: 25%; 499 | } 500 | 501 | .xl-4-12 { 502 | width: 33.33333%; 503 | } 504 | 505 | .xl-5-12 { 506 | width: 41.66667%; 507 | } 508 | 509 | .xl-6-12 { 510 | width: 50%; 511 | } 512 | 513 | .xl-7-12 { 514 | width: 58.33333%; 515 | } 516 | 517 | .xl-8-12 { 518 | width: 66.66667%; 519 | } 520 | 521 | .xl-9-12 { 522 | width: 75%; 523 | } 524 | 525 | .xl-10-12 { 526 | width: 83.33333%; 527 | } 528 | 529 | .xl-11-12 { 530 | width: 91.66667%; 531 | } 532 | 533 | .xl-hidden { 534 | display: none; 535 | } 536 | 537 | .xl-not-hidden { 538 | display: inline-block; 539 | } 540 | 541 | .xl-first { 542 | -ms-flex-order: -1; 543 | -webkit-order: -1; 544 | order: -1; 545 | } 546 | 547 | .xl-not-first { 548 | -ms-flex-order: 0; 549 | -webkit-order: 0; 550 | order: 0; 551 | } 552 | 553 | .xl-last { 554 | -ms-flex-order: 1; 555 | -webkit-order: 1; 556 | order: 1; 557 | } 558 | 559 | .xl-not-last { 560 | -ms-flex-order: 0; 561 | -webkit-order: 0; 562 | order: 0; 563 | } 564 | 565 | .xl-gutter-0 { 566 | width: calc(100% + 0px); 567 | margin-left: -0px; 568 | margin-right: -0px; 569 | padding-left: 0; 570 | padding-right: 0; 571 | } 572 | 573 | .xl-gutter-0 > * { 574 | padding-left: 0px; 575 | padding-right: 0px; 576 | } 577 | 578 | .xl-gutter-8 { 579 | width: calc(100% + 8px); 580 | margin-left: -4px; 581 | margin-right: -4px; 582 | padding-left: 0; 583 | padding-right: 0; 584 | } 585 | 586 | .xl-gutter-8 > * { 587 | padding-left: 4px; 588 | padding-right: 4px; 589 | } 590 | 591 | .xl-gutter-16 { 592 | width: calc(100% + 16px); 593 | margin-left: -8px; 594 | margin-right: -8px; 595 | padding-left: 0; 596 | padding-right: 0; 597 | } 598 | 599 | .xl-gutter-16 > * { 600 | padding-left: 8px; 601 | padding-right: 8px; 602 | } 603 | 604 | .xl-gutter-24 { 605 | width: calc(100% + 24px); 606 | margin-left: -12px; 607 | margin-right: -12px; 608 | padding-left: 0; 609 | padding-right: 0; 610 | } 611 | 612 | .xl-gutter-24 > * { 613 | padding-left: 12px; 614 | padding-right: 12px; 615 | } 616 | 617 | .xl-gutter-40 { 618 | width: calc(100% + 40px); 619 | margin-left: -20px; 620 | margin-right: -20px; 621 | padding-left: 0; 622 | padding-right: 0; 623 | } 624 | 625 | .xl-gutter-40 > * { 626 | padding-left: 20px; 627 | padding-right: 20px; 628 | } 629 | 630 | .xl-outside-0 { 631 | width: 100%; 632 | margin-left: 0; 633 | margin-right: 0; 634 | padding-left: 0px; 635 | padding-right: 0px; 636 | } 637 | 638 | .xl-outside-8 { 639 | width: 100%; 640 | margin-left: 0; 641 | margin-right: 0; 642 | padding-left: 4px; 643 | padding-right: 4px; 644 | } 645 | 646 | .xl-outside-16 { 647 | width: 100%; 648 | margin-left: 0; 649 | margin-right: 0; 650 | padding-left: 8px; 651 | padding-right: 8px; 652 | } 653 | 654 | .xl-outside-24 { 655 | width: 100%; 656 | margin-left: 0; 657 | margin-right: 0; 658 | padding-left: 12px; 659 | padding-right: 12px; 660 | } 661 | 662 | .xl-outside-40 { 663 | width: 100%; 664 | margin-left: 0; 665 | margin-right: 0; 666 | padding-left: 20px; 667 | padding-right: 20px; 668 | } 669 | 670 | @media (max-width: 1024px) { 671 | .lg-auto > * { 672 | width: auto; 673 | } 674 | .lg-1 > * { 675 | width: 100%; 676 | } 677 | .lg-2 > * { 678 | width: 50%; 679 | } 680 | .lg-3 > * { 681 | width: 33.33333%; 682 | } 683 | .lg-4 > * { 684 | width: 25%; 685 | } 686 | .lg-5 > * { 687 | width: 20%; 688 | } 689 | .lg-6 > * { 690 | width: 16.66667%; 691 | } 692 | .lg-7 > * { 693 | width: 14.28571%; 694 | } 695 | .lg-8 > * { 696 | width: 12.5%; 697 | } 698 | .lg-9 > * { 699 | width: 11.11111%; 700 | } 701 | .lg-10 > * { 702 | width: 10%; 703 | } 704 | .lg-11 > * { 705 | width: 9.09091%; 706 | } 707 | .lg-12 > * { 708 | width: 8.33333%; 709 | } 710 | .lg-table { 711 | display: table; 712 | table-layout: fixed; 713 | -webkit-flex-direction: initial; 714 | -ms-flex-direction: initial; 715 | flex-direction: initial; 716 | -webkit-flex-wrap: initial; 717 | -ms-flex-wrap: initial; 718 | flex-wrap: initial; 719 | -webkit-justify-content: initial; 720 | -ms-justify-content: initial; 721 | justify-content: initial; 722 | -webkit-align-content: initial; 723 | -ms-align-content: initial; 724 | align-content: initial; 725 | -webkit-align-items: initial; 726 | -ms-align-items: initial; 727 | align-items: initial; 728 | -webkit-column-count: auto; 729 | -moz-column-count: auto; 730 | column-count: auto; 731 | } 732 | .lg-table > * { 733 | display: table-cell; 734 | } 735 | .lg-flexbox { 736 | display: -webkit-flex; 737 | display: -ms-flexbox; 738 | display: flex; 739 | table-layout: auto; 740 | -webkit-flex-direction: row; 741 | -ms-flex-direction: row; 742 | flex-direction: row; 743 | -webkit-flex-wrap: wrap; 744 | -ms-flex-wrap: wrap; 745 | flex-wrap: wrap; 746 | -webkit-justify-content: flex-start; 747 | -ms-justify-content: flex-start; 748 | justify-content: flex-start; 749 | -webkit-align-content: center; 750 | -ms-align-content: center; 751 | align-content: center; 752 | -webkit-align-items: center; 753 | -ms-align-items: center; 754 | align-items: center; 755 | -webkit-column-count: auto; 756 | -moz-column-count: auto; 757 | column-count: auto; 758 | } 759 | .lg-flexbox > * { 760 | display: inline-block; 761 | } 762 | .lg-normal { 763 | display: block; 764 | table-layout: auto; 765 | -webkit-flex-direction: initial; 766 | -ms-flex-direction: initial; 767 | flex-direction: initial; 768 | -webkit-flex-wrap: initial; 769 | -ms-flex-wrap: initial; 770 | flex-wrap: initial; 771 | -webkit-justify-content: initial; 772 | -ms-justify-content: initial; 773 | justify-content: initial; 774 | -webkit-align-content: initial; 775 | -ms-align-content: initial; 776 | align-content: initial; 777 | -webkit-align-items: initial; 778 | -ms-align-items: initial; 779 | align-items: initial; 780 | -webkit-column-count: auto; 781 | -moz-column-count: auto; 782 | column-count: auto; 783 | } 784 | .lg-normal > * { 785 | display: inline-block; 786 | } 787 | .lg-left { 788 | -webkit-justify-content: flex-start; 789 | -ms-justify-content: flex-start; 790 | justify-content: flex-start; 791 | text-align: left; 792 | } 793 | .lg-center { 794 | -webkit-justify-content: center; 795 | -ms-justify-content: center; 796 | justify-content: center; 797 | text-align: center; 798 | } 799 | .lg-right { 800 | -webkit-justify-content: flex-end; 801 | -ms-justify-content: flex-end; 802 | justify-content: flex-end; 803 | text-align: right; 804 | } 805 | .lg-top { 806 | -webkit-align-items: flex-start; 807 | -ms-align-items: flex-start; 808 | align-items: flex-start; 809 | } 810 | .lg-top > * { 811 | vertical-align: top; 812 | } 813 | .lg-middle { 814 | -webkit-align-items: center; 815 | -ms-align-items: center; 816 | align-items: center; 817 | } 818 | .lg-middle > * { 819 | vertical-align: middle; 820 | } 821 | .lg-bottom { 822 | -webkit-align-items: flex-end; 823 | -ms-align-items: flex-end; 824 | align-items: flex-end; 825 | } 826 | .lg-bottom > * { 827 | vertical-align: bottom; 828 | } 829 | .lg-stretch { 830 | -webkit-align-content: stretch; 831 | -ms-align-content: stretch; 832 | align-content: stretch; 833 | -webkit-align-items: stretch; 834 | -ms-align-items: stretch; 835 | align-items: stretch; 836 | } 837 | .lg-between { 838 | -webkit-justify-content: space-between; 839 | -ms-justify-content: space-between; 840 | justify-content: space-between; 841 | -webkit-align-content: space-between; 842 | -ms-align-content: space-between; 843 | align-content: space-between; 844 | } 845 | .lg-around { 846 | -webkit-justify-content: space-around; 847 | -ms-justify-content: space-around; 848 | justify-content: space-around; 849 | -webkit-align-content: space-around; 850 | -ms-align-content: space-around; 851 | align-content: space-around; 852 | } 853 | .lg-baseline { 854 | -webkit-align-items: baseline; 855 | -ms-align-items: baseline; 856 | align-items: baseline; 857 | } 858 | .lg-reverse { 859 | -webkit-flex-direction: row-reverse; 860 | -ms-flex-direction: row-reverse; 861 | flex-direction: row-reverse; 862 | -webkit-flex-wrap: wrap-reverse; 863 | -ms-flex-wrap: wrap-reverse; 864 | flex-wrap: wrap-reverse; 865 | } 866 | .lg-not-reverse { 867 | -webkit-flex-direction: row; 868 | -ms-flex-direction: row; 869 | flex-direction: row; 870 | -webkit-flex-wrap: wrap; 871 | -ms-flex-wrap: wrap; 872 | flex-wrap: wrap; 873 | } 874 | .lg-1-1 { 875 | width: 100%; 876 | } 877 | .lg-1-2 { 878 | width: 50%; 879 | } 880 | .lg-1-3 { 881 | width: 33.33333%; 882 | } 883 | .lg-2-3 { 884 | width: 66.66667%; 885 | } 886 | .lg-1-4 { 887 | width: 25%; 888 | } 889 | .lg-2-4 { 890 | width: 50%; 891 | } 892 | .lg-3-4 { 893 | width: 75%; 894 | } 895 | .lg-1-5 { 896 | width: 20%; 897 | } 898 | .lg-2-5 { 899 | width: 40%; 900 | } 901 | .lg-3-5 { 902 | width: 60%; 903 | } 904 | .lg-4-5 { 905 | width: 80%; 906 | } 907 | .lg-1-6 { 908 | width: 16.66667%; 909 | } 910 | .lg-2-6 { 911 | width: 33.33333%; 912 | } 913 | .lg-3-6 { 914 | width: 50%; 915 | } 916 | .lg-4-6 { 917 | width: 66.66667%; 918 | } 919 | .lg-5-6 { 920 | width: 83.33333%; 921 | } 922 | .lg-1-7 { 923 | width: 14.28571%; 924 | } 925 | .lg-2-7 { 926 | width: 28.57143%; 927 | } 928 | .lg-3-7 { 929 | width: 42.85714%; 930 | } 931 | .lg-4-7 { 932 | width: 57.14286%; 933 | } 934 | .lg-5-7 { 935 | width: 71.42857%; 936 | } 937 | .lg-6-7 { 938 | width: 85.71429%; 939 | } 940 | .lg-1-8 { 941 | width: 12.5%; 942 | } 943 | .lg-2-8 { 944 | width: 25%; 945 | } 946 | .lg-3-8 { 947 | width: 37.5%; 948 | } 949 | .lg-4-8 { 950 | width: 50%; 951 | } 952 | .lg-5-8 { 953 | width: 62.5%; 954 | } 955 | .lg-6-8 { 956 | width: 75%; 957 | } 958 | .lg-7-8 { 959 | width: 87.5%; 960 | } 961 | .lg-1-9 { 962 | width: 11.11111%; 963 | } 964 | .lg-2-9 { 965 | width: 22.22222%; 966 | } 967 | .lg-3-9 { 968 | width: 33.33333%; 969 | } 970 | .lg-4-9 { 971 | width: 44.44444%; 972 | } 973 | .lg-5-9 { 974 | width: 55.55556%; 975 | } 976 | .lg-6-9 { 977 | width: 66.66667%; 978 | } 979 | .lg-7-9 { 980 | width: 77.77778%; 981 | } 982 | .lg-8-9 { 983 | width: 88.88889%; 984 | } 985 | .lg-1-10 { 986 | width: 10%; 987 | } 988 | .lg-2-10 { 989 | width: 20%; 990 | } 991 | .lg-3-10 { 992 | width: 30%; 993 | } 994 | .lg-4-10 { 995 | width: 40%; 996 | } 997 | .lg-5-10 { 998 | width: 50%; 999 | } 1000 | .lg-6-10 { 1001 | width: 60%; 1002 | } 1003 | .lg-7-10 { 1004 | width: 70%; 1005 | } 1006 | .lg-8-10 { 1007 | width: 80%; 1008 | } 1009 | .lg-9-10 { 1010 | width: 90%; 1011 | } 1012 | .lg-1-11 { 1013 | width: 9.09091%; 1014 | } 1015 | .lg-2-11 { 1016 | width: 18.18182%; 1017 | } 1018 | .lg-3-11 { 1019 | width: 27.27273%; 1020 | } 1021 | .lg-4-11 { 1022 | width: 36.36364%; 1023 | } 1024 | .lg-5-11 { 1025 | width: 45.45455%; 1026 | } 1027 | .lg-6-11 { 1028 | width: 54.54545%; 1029 | } 1030 | .lg-7-11 { 1031 | width: 63.63636%; 1032 | } 1033 | .lg-8-11 { 1034 | width: 72.72727%; 1035 | } 1036 | .lg-9-11 { 1037 | width: 81.81818%; 1038 | } 1039 | .lg-10-11 { 1040 | width: 90.90909%; 1041 | } 1042 | .lg-1-12 { 1043 | width: 8.33333%; 1044 | } 1045 | .lg-2-12 { 1046 | width: 16.66667%; 1047 | } 1048 | .lg-3-12 { 1049 | width: 25%; 1050 | } 1051 | .lg-4-12 { 1052 | width: 33.33333%; 1053 | } 1054 | .lg-5-12 { 1055 | width: 41.66667%; 1056 | } 1057 | .lg-6-12 { 1058 | width: 50%; 1059 | } 1060 | .lg-7-12 { 1061 | width: 58.33333%; 1062 | } 1063 | .lg-8-12 { 1064 | width: 66.66667%; 1065 | } 1066 | .lg-9-12 { 1067 | width: 75%; 1068 | } 1069 | .lg-10-12 { 1070 | width: 83.33333%; 1071 | } 1072 | .lg-11-12 { 1073 | width: 91.66667%; 1074 | } 1075 | .lg-hidden { 1076 | display: none; 1077 | } 1078 | .lg-not-hidden { 1079 | display: inline-block; 1080 | } 1081 | .lg-first { 1082 | -ms-flex-order: -1; 1083 | -webkit-order: -1; 1084 | order: -1; 1085 | } 1086 | .lg-not-first { 1087 | -ms-flex-order: 0; 1088 | -webkit-order: 0; 1089 | order: 0; 1090 | } 1091 | .lg-last { 1092 | -ms-flex-order: 1; 1093 | -webkit-order: 1; 1094 | order: 1; 1095 | } 1096 | .lg-not-last { 1097 | -ms-flex-order: 0; 1098 | -webkit-order: 0; 1099 | order: 0; 1100 | } 1101 | .lg-gutter-0 { 1102 | width: calc(100% + 0px); 1103 | margin-left: -0px; 1104 | margin-right: -0px; 1105 | padding-left: 0; 1106 | padding-right: 0; 1107 | } 1108 | .lg-gutter-0 > * { 1109 | padding-left: 0px; 1110 | padding-right: 0px; 1111 | } 1112 | .lg-gutter-8 { 1113 | width: calc(100% + 8px); 1114 | margin-left: -4px; 1115 | margin-right: -4px; 1116 | padding-left: 0; 1117 | padding-right: 0; 1118 | } 1119 | .lg-gutter-8 > * { 1120 | padding-left: 4px; 1121 | padding-right: 4px; 1122 | } 1123 | .lg-gutter-16 { 1124 | width: calc(100% + 16px); 1125 | margin-left: -8px; 1126 | margin-right: -8px; 1127 | padding-left: 0; 1128 | padding-right: 0; 1129 | } 1130 | .lg-gutter-16 > * { 1131 | padding-left: 8px; 1132 | padding-right: 8px; 1133 | } 1134 | .lg-gutter-24 { 1135 | width: calc(100% + 24px); 1136 | margin-left: -12px; 1137 | margin-right: -12px; 1138 | padding-left: 0; 1139 | padding-right: 0; 1140 | } 1141 | .lg-gutter-24 > * { 1142 | padding-left: 12px; 1143 | padding-right: 12px; 1144 | } 1145 | .lg-gutter-40 { 1146 | width: calc(100% + 40px); 1147 | margin-left: -20px; 1148 | margin-right: -20px; 1149 | padding-left: 0; 1150 | padding-right: 0; 1151 | } 1152 | .lg-gutter-40 > * { 1153 | padding-left: 20px; 1154 | padding-right: 20px; 1155 | } 1156 | .lg-outside-0 { 1157 | width: 100%; 1158 | margin-left: 0; 1159 | margin-right: 0; 1160 | padding-left: 0px; 1161 | padding-right: 0px; 1162 | } 1163 | .lg-outside-8 { 1164 | width: 100%; 1165 | margin-left: 0; 1166 | margin-right: 0; 1167 | padding-left: 4px; 1168 | padding-right: 4px; 1169 | } 1170 | .lg-outside-16 { 1171 | width: 100%; 1172 | margin-left: 0; 1173 | margin-right: 0; 1174 | padding-left: 8px; 1175 | padding-right: 8px; 1176 | } 1177 | .lg-outside-24 { 1178 | width: 100%; 1179 | margin-left: 0; 1180 | margin-right: 0; 1181 | padding-left: 12px; 1182 | padding-right: 12px; 1183 | } 1184 | .lg-outside-40 { 1185 | width: 100%; 1186 | margin-left: 0; 1187 | margin-right: 0; 1188 | padding-left: 20px; 1189 | padding-right: 20px; 1190 | } 1191 | } 1192 | 1193 | @media (max-width: 768px) { 1194 | .md-auto > * { 1195 | width: auto; 1196 | } 1197 | .md-1 > * { 1198 | width: 100%; 1199 | } 1200 | .md-2 > * { 1201 | width: 50%; 1202 | } 1203 | .md-3 > * { 1204 | width: 33.33333%; 1205 | } 1206 | .md-4 > * { 1207 | width: 25%; 1208 | } 1209 | .md-5 > * { 1210 | width: 20%; 1211 | } 1212 | .md-6 > * { 1213 | width: 16.66667%; 1214 | } 1215 | .md-7 > * { 1216 | width: 14.28571%; 1217 | } 1218 | .md-8 > * { 1219 | width: 12.5%; 1220 | } 1221 | .md-9 > * { 1222 | width: 11.11111%; 1223 | } 1224 | .md-10 > * { 1225 | width: 10%; 1226 | } 1227 | .md-11 > * { 1228 | width: 9.09091%; 1229 | } 1230 | .md-12 > * { 1231 | width: 8.33333%; 1232 | } 1233 | .md-table { 1234 | display: table; 1235 | table-layout: fixed; 1236 | -webkit-flex-direction: initial; 1237 | -ms-flex-direction: initial; 1238 | flex-direction: initial; 1239 | -webkit-flex-wrap: initial; 1240 | -ms-flex-wrap: initial; 1241 | flex-wrap: initial; 1242 | -webkit-justify-content: initial; 1243 | -ms-justify-content: initial; 1244 | justify-content: initial; 1245 | -webkit-align-content: initial; 1246 | -ms-align-content: initial; 1247 | align-content: initial; 1248 | -webkit-align-items: initial; 1249 | -ms-align-items: initial; 1250 | align-items: initial; 1251 | -webkit-column-count: auto; 1252 | -moz-column-count: auto; 1253 | column-count: auto; 1254 | } 1255 | .md-table > * { 1256 | display: table-cell; 1257 | } 1258 | .md-flexbox { 1259 | display: -webkit-flex; 1260 | display: -ms-flexbox; 1261 | display: flex; 1262 | table-layout: auto; 1263 | -webkit-flex-direction: row; 1264 | -ms-flex-direction: row; 1265 | flex-direction: row; 1266 | -webkit-flex-wrap: wrap; 1267 | -ms-flex-wrap: wrap; 1268 | flex-wrap: wrap; 1269 | -webkit-justify-content: flex-start; 1270 | -ms-justify-content: flex-start; 1271 | justify-content: flex-start; 1272 | -webkit-align-content: center; 1273 | -ms-align-content: center; 1274 | align-content: center; 1275 | -webkit-align-items: center; 1276 | -ms-align-items: center; 1277 | align-items: center; 1278 | -webkit-column-count: auto; 1279 | -moz-column-count: auto; 1280 | column-count: auto; 1281 | } 1282 | .md-flexbox > * { 1283 | display: inline-block; 1284 | } 1285 | .md-normal { 1286 | display: block; 1287 | table-layout: auto; 1288 | -webkit-flex-direction: initial; 1289 | -ms-flex-direction: initial; 1290 | flex-direction: initial; 1291 | -webkit-flex-wrap: initial; 1292 | -ms-flex-wrap: initial; 1293 | flex-wrap: initial; 1294 | -webkit-justify-content: initial; 1295 | -ms-justify-content: initial; 1296 | justify-content: initial; 1297 | -webkit-align-content: initial; 1298 | -ms-align-content: initial; 1299 | align-content: initial; 1300 | -webkit-align-items: initial; 1301 | -ms-align-items: initial; 1302 | align-items: initial; 1303 | -webkit-column-count: auto; 1304 | -moz-column-count: auto; 1305 | column-count: auto; 1306 | } 1307 | .md-normal > * { 1308 | display: inline-block; 1309 | } 1310 | .md-left { 1311 | -webkit-justify-content: flex-start; 1312 | -ms-justify-content: flex-start; 1313 | justify-content: flex-start; 1314 | text-align: left; 1315 | } 1316 | .md-center { 1317 | -webkit-justify-content: center; 1318 | -ms-justify-content: center; 1319 | justify-content: center; 1320 | text-align: center; 1321 | } 1322 | .md-right { 1323 | -webkit-justify-content: flex-end; 1324 | -ms-justify-content: flex-end; 1325 | justify-content: flex-end; 1326 | text-align: right; 1327 | } 1328 | .md-top { 1329 | -webkit-align-items: flex-start; 1330 | -ms-align-items: flex-start; 1331 | align-items: flex-start; 1332 | } 1333 | .md-top > * { 1334 | vertical-align: top; 1335 | } 1336 | .md-middle { 1337 | -webkit-align-items: center; 1338 | -ms-align-items: center; 1339 | align-items: center; 1340 | } 1341 | .md-middle > * { 1342 | vertical-align: middle; 1343 | } 1344 | .md-bottom { 1345 | -webkit-align-items: flex-end; 1346 | -ms-align-items: flex-end; 1347 | align-items: flex-end; 1348 | } 1349 | .md-bottom > * { 1350 | vertical-align: bottom; 1351 | } 1352 | .md-stretch { 1353 | -webkit-align-content: stretch; 1354 | -ms-align-content: stretch; 1355 | align-content: stretch; 1356 | -webkit-align-items: stretch; 1357 | -ms-align-items: stretch; 1358 | align-items: stretch; 1359 | } 1360 | .md-between { 1361 | -webkit-justify-content: space-between; 1362 | -ms-justify-content: space-between; 1363 | justify-content: space-between; 1364 | -webkit-align-content: space-between; 1365 | -ms-align-content: space-between; 1366 | align-content: space-between; 1367 | } 1368 | .md-around { 1369 | -webkit-justify-content: space-around; 1370 | -ms-justify-content: space-around; 1371 | justify-content: space-around; 1372 | -webkit-align-content: space-around; 1373 | -ms-align-content: space-around; 1374 | align-content: space-around; 1375 | } 1376 | .md-baseline { 1377 | -webkit-align-items: baseline; 1378 | -ms-align-items: baseline; 1379 | align-items: baseline; 1380 | } 1381 | .md-reverse { 1382 | -webkit-flex-direction: row-reverse; 1383 | -ms-flex-direction: row-reverse; 1384 | flex-direction: row-reverse; 1385 | -webkit-flex-wrap: wrap-reverse; 1386 | -ms-flex-wrap: wrap-reverse; 1387 | flex-wrap: wrap-reverse; 1388 | } 1389 | .md-not-reverse { 1390 | -webkit-flex-direction: row; 1391 | -ms-flex-direction: row; 1392 | flex-direction: row; 1393 | -webkit-flex-wrap: wrap; 1394 | -ms-flex-wrap: wrap; 1395 | flex-wrap: wrap; 1396 | } 1397 | .md-1-1 { 1398 | width: 100%; 1399 | } 1400 | .md-1-2 { 1401 | width: 50%; 1402 | } 1403 | .md-1-3 { 1404 | width: 33.33333%; 1405 | } 1406 | .md-2-3 { 1407 | width: 66.66667%; 1408 | } 1409 | .md-1-4 { 1410 | width: 25%; 1411 | } 1412 | .md-2-4 { 1413 | width: 50%; 1414 | } 1415 | .md-3-4 { 1416 | width: 75%; 1417 | } 1418 | .md-1-5 { 1419 | width: 20%; 1420 | } 1421 | .md-2-5 { 1422 | width: 40%; 1423 | } 1424 | .md-3-5 { 1425 | width: 60%; 1426 | } 1427 | .md-4-5 { 1428 | width: 80%; 1429 | } 1430 | .md-1-6 { 1431 | width: 16.66667%; 1432 | } 1433 | .md-2-6 { 1434 | width: 33.33333%; 1435 | } 1436 | .md-3-6 { 1437 | width: 50%; 1438 | } 1439 | .md-4-6 { 1440 | width: 66.66667%; 1441 | } 1442 | .md-5-6 { 1443 | width: 83.33333%; 1444 | } 1445 | .md-1-7 { 1446 | width: 14.28571%; 1447 | } 1448 | .md-2-7 { 1449 | width: 28.57143%; 1450 | } 1451 | .md-3-7 { 1452 | width: 42.85714%; 1453 | } 1454 | .md-4-7 { 1455 | width: 57.14286%; 1456 | } 1457 | .md-5-7 { 1458 | width: 71.42857%; 1459 | } 1460 | .md-6-7 { 1461 | width: 85.71429%; 1462 | } 1463 | .md-1-8 { 1464 | width: 12.5%; 1465 | } 1466 | .md-2-8 { 1467 | width: 25%; 1468 | } 1469 | .md-3-8 { 1470 | width: 37.5%; 1471 | } 1472 | .md-4-8 { 1473 | width: 50%; 1474 | } 1475 | .md-5-8 { 1476 | width: 62.5%; 1477 | } 1478 | .md-6-8 { 1479 | width: 75%; 1480 | } 1481 | .md-7-8 { 1482 | width: 87.5%; 1483 | } 1484 | .md-1-9 { 1485 | width: 11.11111%; 1486 | } 1487 | .md-2-9 { 1488 | width: 22.22222%; 1489 | } 1490 | .md-3-9 { 1491 | width: 33.33333%; 1492 | } 1493 | .md-4-9 { 1494 | width: 44.44444%; 1495 | } 1496 | .md-5-9 { 1497 | width: 55.55556%; 1498 | } 1499 | .md-6-9 { 1500 | width: 66.66667%; 1501 | } 1502 | .md-7-9 { 1503 | width: 77.77778%; 1504 | } 1505 | .md-8-9 { 1506 | width: 88.88889%; 1507 | } 1508 | .md-1-10 { 1509 | width: 10%; 1510 | } 1511 | .md-2-10 { 1512 | width: 20%; 1513 | } 1514 | .md-3-10 { 1515 | width: 30%; 1516 | } 1517 | .md-4-10 { 1518 | width: 40%; 1519 | } 1520 | .md-5-10 { 1521 | width: 50%; 1522 | } 1523 | .md-6-10 { 1524 | width: 60%; 1525 | } 1526 | .md-7-10 { 1527 | width: 70%; 1528 | } 1529 | .md-8-10 { 1530 | width: 80%; 1531 | } 1532 | .md-9-10 { 1533 | width: 90%; 1534 | } 1535 | .md-1-11 { 1536 | width: 9.09091%; 1537 | } 1538 | .md-2-11 { 1539 | width: 18.18182%; 1540 | } 1541 | .md-3-11 { 1542 | width: 27.27273%; 1543 | } 1544 | .md-4-11 { 1545 | width: 36.36364%; 1546 | } 1547 | .md-5-11 { 1548 | width: 45.45455%; 1549 | } 1550 | .md-6-11 { 1551 | width: 54.54545%; 1552 | } 1553 | .md-7-11 { 1554 | width: 63.63636%; 1555 | } 1556 | .md-8-11 { 1557 | width: 72.72727%; 1558 | } 1559 | .md-9-11 { 1560 | width: 81.81818%; 1561 | } 1562 | .md-10-11 { 1563 | width: 90.90909%; 1564 | } 1565 | .md-1-12 { 1566 | width: 8.33333%; 1567 | } 1568 | .md-2-12 { 1569 | width: 16.66667%; 1570 | } 1571 | .md-3-12 { 1572 | width: 25%; 1573 | } 1574 | .md-4-12 { 1575 | width: 33.33333%; 1576 | } 1577 | .md-5-12 { 1578 | width: 41.66667%; 1579 | } 1580 | .md-6-12 { 1581 | width: 50%; 1582 | } 1583 | .md-7-12 { 1584 | width: 58.33333%; 1585 | } 1586 | .md-8-12 { 1587 | width: 66.66667%; 1588 | } 1589 | .md-9-12 { 1590 | width: 75%; 1591 | } 1592 | .md-10-12 { 1593 | width: 83.33333%; 1594 | } 1595 | .md-11-12 { 1596 | width: 91.66667%; 1597 | } 1598 | .md-hidden { 1599 | display: none; 1600 | } 1601 | .md-not-hidden { 1602 | display: inline-block; 1603 | } 1604 | .md-first { 1605 | -ms-flex-order: -1; 1606 | -webkit-order: -1; 1607 | order: -1; 1608 | } 1609 | .md-not-first { 1610 | -ms-flex-order: 0; 1611 | -webkit-order: 0; 1612 | order: 0; 1613 | } 1614 | .md-last { 1615 | -ms-flex-order: 1; 1616 | -webkit-order: 1; 1617 | order: 1; 1618 | } 1619 | .md-not-last { 1620 | -ms-flex-order: 0; 1621 | -webkit-order: 0; 1622 | order: 0; 1623 | } 1624 | .md-gutter-0 { 1625 | width: calc(100% + 0px); 1626 | margin-left: -0px; 1627 | margin-right: -0px; 1628 | padding-left: 0; 1629 | padding-right: 0; 1630 | } 1631 | .md-gutter-0 > * { 1632 | padding-left: 0px; 1633 | padding-right: 0px; 1634 | } 1635 | .md-gutter-8 { 1636 | width: calc(100% + 8px); 1637 | margin-left: -4px; 1638 | margin-right: -4px; 1639 | padding-left: 0; 1640 | padding-right: 0; 1641 | } 1642 | .md-gutter-8 > * { 1643 | padding-left: 4px; 1644 | padding-right: 4px; 1645 | } 1646 | .md-gutter-16 { 1647 | width: calc(100% + 16px); 1648 | margin-left: -8px; 1649 | margin-right: -8px; 1650 | padding-left: 0; 1651 | padding-right: 0; 1652 | } 1653 | .md-gutter-16 > * { 1654 | padding-left: 8px; 1655 | padding-right: 8px; 1656 | } 1657 | .md-gutter-24 { 1658 | width: calc(100% + 24px); 1659 | margin-left: -12px; 1660 | margin-right: -12px; 1661 | padding-left: 0; 1662 | padding-right: 0; 1663 | } 1664 | .md-gutter-24 > * { 1665 | padding-left: 12px; 1666 | padding-right: 12px; 1667 | } 1668 | .md-gutter-40 { 1669 | width: calc(100% + 40px); 1670 | margin-left: -20px; 1671 | margin-right: -20px; 1672 | padding-left: 0; 1673 | padding-right: 0; 1674 | } 1675 | .md-gutter-40 > * { 1676 | padding-left: 20px; 1677 | padding-right: 20px; 1678 | } 1679 | .md-outside-0 { 1680 | width: 100%; 1681 | margin-left: 0; 1682 | margin-right: 0; 1683 | padding-left: 0px; 1684 | padding-right: 0px; 1685 | } 1686 | .md-outside-8 { 1687 | width: 100%; 1688 | margin-left: 0; 1689 | margin-right: 0; 1690 | padding-left: 4px; 1691 | padding-right: 4px; 1692 | } 1693 | .md-outside-16 { 1694 | width: 100%; 1695 | margin-left: 0; 1696 | margin-right: 0; 1697 | padding-left: 8px; 1698 | padding-right: 8px; 1699 | } 1700 | .md-outside-24 { 1701 | width: 100%; 1702 | margin-left: 0; 1703 | margin-right: 0; 1704 | padding-left: 12px; 1705 | padding-right: 12px; 1706 | } 1707 | .md-outside-40 { 1708 | width: 100%; 1709 | margin-left: 0; 1710 | margin-right: 0; 1711 | padding-left: 20px; 1712 | padding-right: 20px; 1713 | } 1714 | } 1715 | 1716 | @media (max-width: 667px) { 1717 | .sm-auto > * { 1718 | width: auto; 1719 | } 1720 | .sm-1 > * { 1721 | width: 100%; 1722 | } 1723 | .sm-2 > * { 1724 | width: 50%; 1725 | } 1726 | .sm-3 > * { 1727 | width: 33.33333%; 1728 | } 1729 | .sm-4 > * { 1730 | width: 25%; 1731 | } 1732 | .sm-5 > * { 1733 | width: 20%; 1734 | } 1735 | .sm-6 > * { 1736 | width: 16.66667%; 1737 | } 1738 | .sm-7 > * { 1739 | width: 14.28571%; 1740 | } 1741 | .sm-8 > * { 1742 | width: 12.5%; 1743 | } 1744 | .sm-9 > * { 1745 | width: 11.11111%; 1746 | } 1747 | .sm-10 > * { 1748 | width: 10%; 1749 | } 1750 | .sm-11 > * { 1751 | width: 9.09091%; 1752 | } 1753 | .sm-12 > * { 1754 | width: 8.33333%; 1755 | } 1756 | .sm-table { 1757 | display: table; 1758 | table-layout: fixed; 1759 | -webkit-flex-direction: initial; 1760 | -ms-flex-direction: initial; 1761 | flex-direction: initial; 1762 | -webkit-flex-wrap: initial; 1763 | -ms-flex-wrap: initial; 1764 | flex-wrap: initial; 1765 | -webkit-justify-content: initial; 1766 | -ms-justify-content: initial; 1767 | justify-content: initial; 1768 | -webkit-align-content: initial; 1769 | -ms-align-content: initial; 1770 | align-content: initial; 1771 | -webkit-align-items: initial; 1772 | -ms-align-items: initial; 1773 | align-items: initial; 1774 | -webkit-column-count: auto; 1775 | -moz-column-count: auto; 1776 | column-count: auto; 1777 | } 1778 | .sm-table > * { 1779 | display: table-cell; 1780 | } 1781 | .sm-flexbox { 1782 | display: -webkit-flex; 1783 | display: -ms-flexbox; 1784 | display: flex; 1785 | table-layout: auto; 1786 | -webkit-flex-direction: row; 1787 | -ms-flex-direction: row; 1788 | flex-direction: row; 1789 | -webkit-flex-wrap: wrap; 1790 | -ms-flex-wrap: wrap; 1791 | flex-wrap: wrap; 1792 | -webkit-justify-content: flex-start; 1793 | -ms-justify-content: flex-start; 1794 | justify-content: flex-start; 1795 | -webkit-align-content: center; 1796 | -ms-align-content: center; 1797 | align-content: center; 1798 | -webkit-align-items: center; 1799 | -ms-align-items: center; 1800 | align-items: center; 1801 | -webkit-column-count: auto; 1802 | -moz-column-count: auto; 1803 | column-count: auto; 1804 | } 1805 | .sm-flexbox > * { 1806 | display: inline-block; 1807 | } 1808 | .sm-normal { 1809 | display: block; 1810 | table-layout: auto; 1811 | -webkit-flex-direction: initial; 1812 | -ms-flex-direction: initial; 1813 | flex-direction: initial; 1814 | -webkit-flex-wrap: initial; 1815 | -ms-flex-wrap: initial; 1816 | flex-wrap: initial; 1817 | -webkit-justify-content: initial; 1818 | -ms-justify-content: initial; 1819 | justify-content: initial; 1820 | -webkit-align-content: initial; 1821 | -ms-align-content: initial; 1822 | align-content: initial; 1823 | -webkit-align-items: initial; 1824 | -ms-align-items: initial; 1825 | align-items: initial; 1826 | -webkit-column-count: auto; 1827 | -moz-column-count: auto; 1828 | column-count: auto; 1829 | } 1830 | .sm-normal > * { 1831 | display: inline-block; 1832 | } 1833 | .sm-left { 1834 | -webkit-justify-content: flex-start; 1835 | -ms-justify-content: flex-start; 1836 | justify-content: flex-start; 1837 | text-align: left; 1838 | } 1839 | .sm-center { 1840 | -webkit-justify-content: center; 1841 | -ms-justify-content: center; 1842 | justify-content: center; 1843 | text-align: center; 1844 | } 1845 | .sm-right { 1846 | -webkit-justify-content: flex-end; 1847 | -ms-justify-content: flex-end; 1848 | justify-content: flex-end; 1849 | text-align: right; 1850 | } 1851 | .sm-top { 1852 | -webkit-align-items: flex-start; 1853 | -ms-align-items: flex-start; 1854 | align-items: flex-start; 1855 | } 1856 | .sm-top > * { 1857 | vertical-align: top; 1858 | } 1859 | .sm-middle { 1860 | -webkit-align-items: center; 1861 | -ms-align-items: center; 1862 | align-items: center; 1863 | } 1864 | .sm-middle > * { 1865 | vertical-align: middle; 1866 | } 1867 | .sm-bottom { 1868 | -webkit-align-items: flex-end; 1869 | -ms-align-items: flex-end; 1870 | align-items: flex-end; 1871 | } 1872 | .sm-bottom > * { 1873 | vertical-align: bottom; 1874 | } 1875 | .sm-stretch { 1876 | -webkit-align-content: stretch; 1877 | -ms-align-content: stretch; 1878 | align-content: stretch; 1879 | -webkit-align-items: stretch; 1880 | -ms-align-items: stretch; 1881 | align-items: stretch; 1882 | } 1883 | .sm-between { 1884 | -webkit-justify-content: space-between; 1885 | -ms-justify-content: space-between; 1886 | justify-content: space-between; 1887 | -webkit-align-content: space-between; 1888 | -ms-align-content: space-between; 1889 | align-content: space-between; 1890 | } 1891 | .sm-around { 1892 | -webkit-justify-content: space-around; 1893 | -ms-justify-content: space-around; 1894 | justify-content: space-around; 1895 | -webkit-align-content: space-around; 1896 | -ms-align-content: space-around; 1897 | align-content: space-around; 1898 | } 1899 | .sm-baseline { 1900 | -webkit-align-items: baseline; 1901 | -ms-align-items: baseline; 1902 | align-items: baseline; 1903 | } 1904 | .sm-reverse { 1905 | -webkit-flex-direction: row-reverse; 1906 | -ms-flex-direction: row-reverse; 1907 | flex-direction: row-reverse; 1908 | -webkit-flex-wrap: wrap-reverse; 1909 | -ms-flex-wrap: wrap-reverse; 1910 | flex-wrap: wrap-reverse; 1911 | } 1912 | .sm-not-reverse { 1913 | -webkit-flex-direction: row; 1914 | -ms-flex-direction: row; 1915 | flex-direction: row; 1916 | -webkit-flex-wrap: wrap; 1917 | -ms-flex-wrap: wrap; 1918 | flex-wrap: wrap; 1919 | } 1920 | .sm-1-1 { 1921 | width: 100%; 1922 | } 1923 | .sm-1-2 { 1924 | width: 50%; 1925 | } 1926 | .sm-1-3 { 1927 | width: 33.33333%; 1928 | } 1929 | .sm-2-3 { 1930 | width: 66.66667%; 1931 | } 1932 | .sm-1-4 { 1933 | width: 25%; 1934 | } 1935 | .sm-2-4 { 1936 | width: 50%; 1937 | } 1938 | .sm-3-4 { 1939 | width: 75%; 1940 | } 1941 | .sm-1-5 { 1942 | width: 20%; 1943 | } 1944 | .sm-2-5 { 1945 | width: 40%; 1946 | } 1947 | .sm-3-5 { 1948 | width: 60%; 1949 | } 1950 | .sm-4-5 { 1951 | width: 80%; 1952 | } 1953 | .sm-1-6 { 1954 | width: 16.66667%; 1955 | } 1956 | .sm-2-6 { 1957 | width: 33.33333%; 1958 | } 1959 | .sm-3-6 { 1960 | width: 50%; 1961 | } 1962 | .sm-4-6 { 1963 | width: 66.66667%; 1964 | } 1965 | .sm-5-6 { 1966 | width: 83.33333%; 1967 | } 1968 | .sm-1-7 { 1969 | width: 14.28571%; 1970 | } 1971 | .sm-2-7 { 1972 | width: 28.57143%; 1973 | } 1974 | .sm-3-7 { 1975 | width: 42.85714%; 1976 | } 1977 | .sm-4-7 { 1978 | width: 57.14286%; 1979 | } 1980 | .sm-5-7 { 1981 | width: 71.42857%; 1982 | } 1983 | .sm-6-7 { 1984 | width: 85.71429%; 1985 | } 1986 | .sm-1-8 { 1987 | width: 12.5%; 1988 | } 1989 | .sm-2-8 { 1990 | width: 25%; 1991 | } 1992 | .sm-3-8 { 1993 | width: 37.5%; 1994 | } 1995 | .sm-4-8 { 1996 | width: 50%; 1997 | } 1998 | .sm-5-8 { 1999 | width: 62.5%; 2000 | } 2001 | .sm-6-8 { 2002 | width: 75%; 2003 | } 2004 | .sm-7-8 { 2005 | width: 87.5%; 2006 | } 2007 | .sm-1-9 { 2008 | width: 11.11111%; 2009 | } 2010 | .sm-2-9 { 2011 | width: 22.22222%; 2012 | } 2013 | .sm-3-9 { 2014 | width: 33.33333%; 2015 | } 2016 | .sm-4-9 { 2017 | width: 44.44444%; 2018 | } 2019 | .sm-5-9 { 2020 | width: 55.55556%; 2021 | } 2022 | .sm-6-9 { 2023 | width: 66.66667%; 2024 | } 2025 | .sm-7-9 { 2026 | width: 77.77778%; 2027 | } 2028 | .sm-8-9 { 2029 | width: 88.88889%; 2030 | } 2031 | .sm-1-10 { 2032 | width: 10%; 2033 | } 2034 | .sm-2-10 { 2035 | width: 20%; 2036 | } 2037 | .sm-3-10 { 2038 | width: 30%; 2039 | } 2040 | .sm-4-10 { 2041 | width: 40%; 2042 | } 2043 | .sm-5-10 { 2044 | width: 50%; 2045 | } 2046 | .sm-6-10 { 2047 | width: 60%; 2048 | } 2049 | .sm-7-10 { 2050 | width: 70%; 2051 | } 2052 | .sm-8-10 { 2053 | width: 80%; 2054 | } 2055 | .sm-9-10 { 2056 | width: 90%; 2057 | } 2058 | .sm-1-11 { 2059 | width: 9.09091%; 2060 | } 2061 | .sm-2-11 { 2062 | width: 18.18182%; 2063 | } 2064 | .sm-3-11 { 2065 | width: 27.27273%; 2066 | } 2067 | .sm-4-11 { 2068 | width: 36.36364%; 2069 | } 2070 | .sm-5-11 { 2071 | width: 45.45455%; 2072 | } 2073 | .sm-6-11 { 2074 | width: 54.54545%; 2075 | } 2076 | .sm-7-11 { 2077 | width: 63.63636%; 2078 | } 2079 | .sm-8-11 { 2080 | width: 72.72727%; 2081 | } 2082 | .sm-9-11 { 2083 | width: 81.81818%; 2084 | } 2085 | .sm-10-11 { 2086 | width: 90.90909%; 2087 | } 2088 | .sm-1-12 { 2089 | width: 8.33333%; 2090 | } 2091 | .sm-2-12 { 2092 | width: 16.66667%; 2093 | } 2094 | .sm-3-12 { 2095 | width: 25%; 2096 | } 2097 | .sm-4-12 { 2098 | width: 33.33333%; 2099 | } 2100 | .sm-5-12 { 2101 | width: 41.66667%; 2102 | } 2103 | .sm-6-12 { 2104 | width: 50%; 2105 | } 2106 | .sm-7-12 { 2107 | width: 58.33333%; 2108 | } 2109 | .sm-8-12 { 2110 | width: 66.66667%; 2111 | } 2112 | .sm-9-12 { 2113 | width: 75%; 2114 | } 2115 | .sm-10-12 { 2116 | width: 83.33333%; 2117 | } 2118 | .sm-11-12 { 2119 | width: 91.66667%; 2120 | } 2121 | .sm-hidden { 2122 | display: none; 2123 | } 2124 | .sm-not-hidden { 2125 | display: inline-block; 2126 | } 2127 | .sm-first { 2128 | -ms-flex-order: -1; 2129 | -webkit-order: -1; 2130 | order: -1; 2131 | } 2132 | .sm-not-first { 2133 | -ms-flex-order: 0; 2134 | -webkit-order: 0; 2135 | order: 0; 2136 | } 2137 | .sm-last { 2138 | -ms-flex-order: 1; 2139 | -webkit-order: 1; 2140 | order: 1; 2141 | } 2142 | .sm-not-last { 2143 | -ms-flex-order: 0; 2144 | -webkit-order: 0; 2145 | order: 0; 2146 | } 2147 | .sm-gutter-0 { 2148 | width: calc(100% + 0px); 2149 | margin-left: -0px; 2150 | margin-right: -0px; 2151 | padding-left: 0; 2152 | padding-right: 0; 2153 | } 2154 | .sm-gutter-0 > * { 2155 | padding-left: 0px; 2156 | padding-right: 0px; 2157 | } 2158 | .sm-gutter-8 { 2159 | width: calc(100% + 8px); 2160 | margin-left: -4px; 2161 | margin-right: -4px; 2162 | padding-left: 0; 2163 | padding-right: 0; 2164 | } 2165 | .sm-gutter-8 > * { 2166 | padding-left: 4px; 2167 | padding-right: 4px; 2168 | } 2169 | .sm-gutter-16 { 2170 | width: calc(100% + 16px); 2171 | margin-left: -8px; 2172 | margin-right: -8px; 2173 | padding-left: 0; 2174 | padding-right: 0; 2175 | } 2176 | .sm-gutter-16 > * { 2177 | padding-left: 8px; 2178 | padding-right: 8px; 2179 | } 2180 | .sm-gutter-24 { 2181 | width: calc(100% + 24px); 2182 | margin-left: -12px; 2183 | margin-right: -12px; 2184 | padding-left: 0; 2185 | padding-right: 0; 2186 | } 2187 | .sm-gutter-24 > * { 2188 | padding-left: 12px; 2189 | padding-right: 12px; 2190 | } 2191 | .sm-gutter-40 { 2192 | width: calc(100% + 40px); 2193 | margin-left: -20px; 2194 | margin-right: -20px; 2195 | padding-left: 0; 2196 | padding-right: 0; 2197 | } 2198 | .sm-gutter-40 > * { 2199 | padding-left: 20px; 2200 | padding-right: 20px; 2201 | } 2202 | .sm-outside-0 { 2203 | width: 100%; 2204 | margin-left: 0; 2205 | margin-right: 0; 2206 | padding-left: 0px; 2207 | padding-right: 0px; 2208 | } 2209 | .sm-outside-8 { 2210 | width: 100%; 2211 | margin-left: 0; 2212 | margin-right: 0; 2213 | padding-left: 4px; 2214 | padding-right: 4px; 2215 | } 2216 | .sm-outside-16 { 2217 | width: 100%; 2218 | margin-left: 0; 2219 | margin-right: 0; 2220 | padding-left: 8px; 2221 | padding-right: 8px; 2222 | } 2223 | .sm-outside-24 { 2224 | width: 100%; 2225 | margin-left: 0; 2226 | margin-right: 0; 2227 | padding-left: 12px; 2228 | padding-right: 12px; 2229 | } 2230 | .sm-outside-40 { 2231 | width: 100%; 2232 | margin-left: 0; 2233 | margin-right: 0; 2234 | padding-left: 20px; 2235 | padding-right: 20px; 2236 | } 2237 | } 2238 | -------------------------------------------------------------------------------- /flexiblegs-css.min.css: -------------------------------------------------------------------------------- 1 | /*! Flexible Grid System 5.6.0 | Settings | Scss | MIT License | dnomak.com/flexiblegs *//*! Flexible Grid System 5.6.0 | Scss | MIT License | dnomak.com/flexiblegs *//*! Flexible Grid System 5.6.0 | Scss Plus | MIT License | dnomak.com/flexiblegs */.wrap{display:block;width:100%;font-size:0;letter-spacing:0;text-align:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.wrap>*{display:inline-block;vertical-align:top}.col{min-height:1px;font-size:1rem;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.xl-auto>*{width:auto}.xl-1>*{width:100%}.xl-2>*{width:50%}.xl-3>*{width:33.33333%}.xl-4>*{width:25%}.xl-5>*{width:20%}.xl-6>*{width:16.66667%}.xl-7>*{width:14.28571%}.xl-8>*{width:12.5%}.xl-9>*{width:11.11111%}.xl-10>*{width:10%}.xl-11>*{width:9.09091%}.xl-12>*{width:8.33333%}.xl-table{display:table;table-layout:fixed;-webkit-flex-direction:initial;-ms-flex-direction:initial;flex-direction:initial;-webkit-flex-wrap:initial;-ms-flex-wrap:initial;flex-wrap:initial;-webkit-justify-content:initial;-ms-justify-content:initial;justify-content:initial;-webkit-align-content:initial;-ms-align-content:initial;align-content:initial;-webkit-align-items:initial;-ms-align-items:initial;align-items:initial;-webkit-column-count:auto;-moz-column-count:auto;column-count:auto}.xl-table>*{display:table-cell}.xl-flexbox{display:-webkit-flex;display:-ms-flexbox;display:flex;table-layout:auto;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:flex-start;-ms-justify-content:flex-start;justify-content:flex-start;-webkit-align-content:center;-ms-align-content:center;align-content:center;-webkit-align-items:center;-ms-align-items:center;align-items:center;-webkit-column-count:auto;-moz-column-count:auto;column-count:auto}.xl-flexbox>*{display:inline-block}.xl-normal{display:block;table-layout:auto;-webkit-flex-direction:initial;-ms-flex-direction:initial;flex-direction:initial;-webkit-flex-wrap:initial;-ms-flex-wrap:initial;flex-wrap:initial;-webkit-justify-content:initial;-ms-justify-content:initial;justify-content:initial;-webkit-align-content:initial;-ms-align-content:initial;align-content:initial;-webkit-align-items:initial;-ms-align-items:initial;align-items:initial;-webkit-column-count:auto;-moz-column-count:auto;column-count:auto}.xl-normal>*{display:inline-block}.xl-left{-webkit-justify-content:flex-start;-ms-justify-content:flex-start;justify-content:flex-start;text-align:left}.xl-center{-webkit-justify-content:center;-ms-justify-content:center;justify-content:center;text-align:center}.xl-right{-webkit-justify-content:flex-end;-ms-justify-content:flex-end;justify-content:flex-end;text-align:right}.xl-top{-webkit-align-items:flex-start;-ms-align-items:flex-start;align-items:flex-start}.xl-top>*{vertical-align:top}.xl-middle{-webkit-align-items:center;-ms-align-items:center;align-items:center}.xl-middle>*{vertical-align:middle}.xl-bottom{-webkit-align-items:flex-end;-ms-align-items:flex-end;align-items:flex-end}.xl-bottom>*{vertical-align:bottom}.xl-stretch{-webkit-align-content:stretch;-ms-align-content:stretch;align-content:stretch;-webkit-align-items:stretch;-ms-align-items:stretch;align-items:stretch}.xl-between{-webkit-justify-content:space-between;-ms-justify-content:space-between;justify-content:space-between;-webkit-align-content:space-between;-ms-align-content:space-between;align-content:space-between}.xl-around{-webkit-justify-content:space-around;-ms-justify-content:space-around;justify-content:space-around;-webkit-align-content:space-around;-ms-align-content:space-around;align-content:space-around}.xl-baseline{-webkit-align-items:baseline;-ms-align-items:baseline;align-items:baseline}.xl-reverse{-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-flex-wrap:wrap-reverse;-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}.xl-not-reverse{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.xl-1-1{width:100%}.xl-1-2{width:50%}.xl-1-3{width:33.33333%}.xl-2-3{width:66.66667%}.xl-1-4{width:25%}.xl-2-4{width:50%}.xl-3-4{width:75%}.xl-1-5{width:20%}.xl-2-5{width:40%}.xl-3-5{width:60%}.xl-4-5{width:80%}.xl-1-6{width:16.66667%}.xl-2-6{width:33.33333%}.xl-3-6{width:50%}.xl-4-6{width:66.66667%}.xl-5-6{width:83.33333%}.xl-1-7{width:14.28571%}.xl-2-7{width:28.57143%}.xl-3-7{width:42.85714%}.xl-4-7{width:57.14286%}.xl-5-7{width:71.42857%}.xl-6-7{width:85.71429%}.xl-1-8{width:12.5%}.xl-2-8{width:25%}.xl-3-8{width:37.5%}.xl-4-8{width:50%}.xl-5-8{width:62.5%}.xl-6-8{width:75%}.xl-7-8{width:87.5%}.xl-1-9{width:11.11111%}.xl-2-9{width:22.22222%}.xl-3-9{width:33.33333%}.xl-4-9{width:44.44444%}.xl-5-9{width:55.55556%}.xl-6-9{width:66.66667%}.xl-7-9{width:77.77778%}.xl-8-9{width:88.88889%}.xl-1-10{width:10%}.xl-2-10{width:20%}.xl-3-10{width:30%}.xl-4-10{width:40%}.xl-5-10{width:50%}.xl-6-10{width:60%}.xl-7-10{width:70%}.xl-8-10{width:80%}.xl-9-10{width:90%}.xl-1-11{width:9.09091%}.xl-2-11{width:18.18182%}.xl-3-11{width:27.27273%}.xl-4-11{width:36.36364%}.xl-5-11{width:45.45455%}.xl-6-11{width:54.54545%}.xl-7-11{width:63.63636%}.xl-8-11{width:72.72727%}.xl-9-11{width:81.81818%}.xl-10-11{width:90.90909%}.xl-1-12{width:8.33333%}.xl-2-12{width:16.66667%}.xl-3-12{width:25%}.xl-4-12{width:33.33333%}.xl-5-12{width:41.66667%}.xl-6-12{width:50%}.xl-7-12{width:58.33333%}.xl-8-12{width:66.66667%}.xl-9-12{width:75%}.xl-10-12{width:83.33333%}.xl-11-12{width:91.66667%}.xl-hidden{display:none}.xl-not-hidden{display:inline-block}.xl-first{-ms-flex-order:-1;-webkit-order:-1;order:-1}.xl-not-first{-ms-flex-order:0;-webkit-order:0;order:0}.xl-last{-ms-flex-order:1;-webkit-order:1;order:1}.xl-not-last{-ms-flex-order:0;-webkit-order:0;order:0}.xl-gutter-0{width:calc(100% + 0px);margin-left:-0px;margin-right:-0px;padding-left:0;padding-right:0}.xl-gutter-0>*{padding-left:0px;padding-right:0px}.xl-gutter-8{width:calc(100% + 8px);margin-left:-4px;margin-right:-4px;padding-left:0;padding-right:0}.xl-gutter-8>*{padding-left:4px;padding-right:4px}.xl-gutter-16{width:calc(100% + 16px);margin-left:-8px;margin-right:-8px;padding-left:0;padding-right:0}.xl-gutter-16>*{padding-left:8px;padding-right:8px}.xl-gutter-24{width:calc(100% + 24px);margin-left:-12px;margin-right:-12px;padding-left:0;padding-right:0}.xl-gutter-24>*{padding-left:12px;padding-right:12px}.xl-gutter-40{width:calc(100% + 40px);margin-left:-20px;margin-right:-20px;padding-left:0;padding-right:0}.xl-gutter-40>*{padding-left:20px;padding-right:20px}.xl-outside-0{width:100%;margin-left:0;margin-right:0;padding-left:0px;padding-right:0px}.xl-outside-8{width:100%;margin-left:0;margin-right:0;padding-left:4px;padding-right:4px}.xl-outside-16{width:100%;margin-left:0;margin-right:0;padding-left:8px;padding-right:8px}.xl-outside-24{width:100%;margin-left:0;margin-right:0;padding-left:12px;padding-right:12px}.xl-outside-40{width:100%;margin-left:0;margin-right:0;padding-left:20px;padding-right:20px}@media (max-width: 1024px){.lg-auto>*{width:auto}.lg-1>*{width:100%}.lg-2>*{width:50%}.lg-3>*{width:33.33333%}.lg-4>*{width:25%}.lg-5>*{width:20%}.lg-6>*{width:16.66667%}.lg-7>*{width:14.28571%}.lg-8>*{width:12.5%}.lg-9>*{width:11.11111%}.lg-10>*{width:10%}.lg-11>*{width:9.09091%}.lg-12>*{width:8.33333%}.lg-table{display:table;table-layout:fixed;-webkit-flex-direction:initial;-ms-flex-direction:initial;flex-direction:initial;-webkit-flex-wrap:initial;-ms-flex-wrap:initial;flex-wrap:initial;-webkit-justify-content:initial;-ms-justify-content:initial;justify-content:initial;-webkit-align-content:initial;-ms-align-content:initial;align-content:initial;-webkit-align-items:initial;-ms-align-items:initial;align-items:initial;-webkit-column-count:auto;-moz-column-count:auto;column-count:auto}.lg-table>*{display:table-cell}.lg-flexbox{display:-webkit-flex;display:-ms-flexbox;display:flex;table-layout:auto;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:flex-start;-ms-justify-content:flex-start;justify-content:flex-start;-webkit-align-content:center;-ms-align-content:center;align-content:center;-webkit-align-items:center;-ms-align-items:center;align-items:center;-webkit-column-count:auto;-moz-column-count:auto;column-count:auto}.lg-flexbox>*{display:inline-block}.lg-normal{display:block;table-layout:auto;-webkit-flex-direction:initial;-ms-flex-direction:initial;flex-direction:initial;-webkit-flex-wrap:initial;-ms-flex-wrap:initial;flex-wrap:initial;-webkit-justify-content:initial;-ms-justify-content:initial;justify-content:initial;-webkit-align-content:initial;-ms-align-content:initial;align-content:initial;-webkit-align-items:initial;-ms-align-items:initial;align-items:initial;-webkit-column-count:auto;-moz-column-count:auto;column-count:auto}.lg-normal>*{display:inline-block}.lg-left{-webkit-justify-content:flex-start;-ms-justify-content:flex-start;justify-content:flex-start;text-align:left}.lg-center{-webkit-justify-content:center;-ms-justify-content:center;justify-content:center;text-align:center}.lg-right{-webkit-justify-content:flex-end;-ms-justify-content:flex-end;justify-content:flex-end;text-align:right}.lg-top{-webkit-align-items:flex-start;-ms-align-items:flex-start;align-items:flex-start}.lg-top>*{vertical-align:top}.lg-middle{-webkit-align-items:center;-ms-align-items:center;align-items:center}.lg-middle>*{vertical-align:middle}.lg-bottom{-webkit-align-items:flex-end;-ms-align-items:flex-end;align-items:flex-end}.lg-bottom>*{vertical-align:bottom}.lg-stretch{-webkit-align-content:stretch;-ms-align-content:stretch;align-content:stretch;-webkit-align-items:stretch;-ms-align-items:stretch;align-items:stretch}.lg-between{-webkit-justify-content:space-between;-ms-justify-content:space-between;justify-content:space-between;-webkit-align-content:space-between;-ms-align-content:space-between;align-content:space-between}.lg-around{-webkit-justify-content:space-around;-ms-justify-content:space-around;justify-content:space-around;-webkit-align-content:space-around;-ms-align-content:space-around;align-content:space-around}.lg-baseline{-webkit-align-items:baseline;-ms-align-items:baseline;align-items:baseline}.lg-reverse{-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-flex-wrap:wrap-reverse;-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}.lg-not-reverse{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.lg-1-1{width:100%}.lg-1-2{width:50%}.lg-1-3{width:33.33333%}.lg-2-3{width:66.66667%}.lg-1-4{width:25%}.lg-2-4{width:50%}.lg-3-4{width:75%}.lg-1-5{width:20%}.lg-2-5{width:40%}.lg-3-5{width:60%}.lg-4-5{width:80%}.lg-1-6{width:16.66667%}.lg-2-6{width:33.33333%}.lg-3-6{width:50%}.lg-4-6{width:66.66667%}.lg-5-6{width:83.33333%}.lg-1-7{width:14.28571%}.lg-2-7{width:28.57143%}.lg-3-7{width:42.85714%}.lg-4-7{width:57.14286%}.lg-5-7{width:71.42857%}.lg-6-7{width:85.71429%}.lg-1-8{width:12.5%}.lg-2-8{width:25%}.lg-3-8{width:37.5%}.lg-4-8{width:50%}.lg-5-8{width:62.5%}.lg-6-8{width:75%}.lg-7-8{width:87.5%}.lg-1-9{width:11.11111%}.lg-2-9{width:22.22222%}.lg-3-9{width:33.33333%}.lg-4-9{width:44.44444%}.lg-5-9{width:55.55556%}.lg-6-9{width:66.66667%}.lg-7-9{width:77.77778%}.lg-8-9{width:88.88889%}.lg-1-10{width:10%}.lg-2-10{width:20%}.lg-3-10{width:30%}.lg-4-10{width:40%}.lg-5-10{width:50%}.lg-6-10{width:60%}.lg-7-10{width:70%}.lg-8-10{width:80%}.lg-9-10{width:90%}.lg-1-11{width:9.09091%}.lg-2-11{width:18.18182%}.lg-3-11{width:27.27273%}.lg-4-11{width:36.36364%}.lg-5-11{width:45.45455%}.lg-6-11{width:54.54545%}.lg-7-11{width:63.63636%}.lg-8-11{width:72.72727%}.lg-9-11{width:81.81818%}.lg-10-11{width:90.90909%}.lg-1-12{width:8.33333%}.lg-2-12{width:16.66667%}.lg-3-12{width:25%}.lg-4-12{width:33.33333%}.lg-5-12{width:41.66667%}.lg-6-12{width:50%}.lg-7-12{width:58.33333%}.lg-8-12{width:66.66667%}.lg-9-12{width:75%}.lg-10-12{width:83.33333%}.lg-11-12{width:91.66667%}.lg-hidden{display:none}.lg-not-hidden{display:inline-block}.lg-first{-ms-flex-order:-1;-webkit-order:-1;order:-1}.lg-not-first{-ms-flex-order:0;-webkit-order:0;order:0}.lg-last{-ms-flex-order:1;-webkit-order:1;order:1}.lg-not-last{-ms-flex-order:0;-webkit-order:0;order:0}.lg-gutter-0{width:calc(100% + 0px);margin-left:-0px;margin-right:-0px;padding-left:0;padding-right:0}.lg-gutter-0>*{padding-left:0px;padding-right:0px}.lg-gutter-8{width:calc(100% + 8px);margin-left:-4px;margin-right:-4px;padding-left:0;padding-right:0}.lg-gutter-8>*{padding-left:4px;padding-right:4px}.lg-gutter-16{width:calc(100% + 16px);margin-left:-8px;margin-right:-8px;padding-left:0;padding-right:0}.lg-gutter-16>*{padding-left:8px;padding-right:8px}.lg-gutter-24{width:calc(100% + 24px);margin-left:-12px;margin-right:-12px;padding-left:0;padding-right:0}.lg-gutter-24>*{padding-left:12px;padding-right:12px}.lg-gutter-40{width:calc(100% + 40px);margin-left:-20px;margin-right:-20px;padding-left:0;padding-right:0}.lg-gutter-40>*{padding-left:20px;padding-right:20px}.lg-outside-0{width:100%;margin-left:0;margin-right:0;padding-left:0px;padding-right:0px}.lg-outside-8{width:100%;margin-left:0;margin-right:0;padding-left:4px;padding-right:4px}.lg-outside-16{width:100%;margin-left:0;margin-right:0;padding-left:8px;padding-right:8px}.lg-outside-24{width:100%;margin-left:0;margin-right:0;padding-left:12px;padding-right:12px}.lg-outside-40{width:100%;margin-left:0;margin-right:0;padding-left:20px;padding-right:20px}}@media (max-width: 768px){.md-auto>*{width:auto}.md-1>*{width:100%}.md-2>*{width:50%}.md-3>*{width:33.33333%}.md-4>*{width:25%}.md-5>*{width:20%}.md-6>*{width:16.66667%}.md-7>*{width:14.28571%}.md-8>*{width:12.5%}.md-9>*{width:11.11111%}.md-10>*{width:10%}.md-11>*{width:9.09091%}.md-12>*{width:8.33333%}.md-table{display:table;table-layout:fixed;-webkit-flex-direction:initial;-ms-flex-direction:initial;flex-direction:initial;-webkit-flex-wrap:initial;-ms-flex-wrap:initial;flex-wrap:initial;-webkit-justify-content:initial;-ms-justify-content:initial;justify-content:initial;-webkit-align-content:initial;-ms-align-content:initial;align-content:initial;-webkit-align-items:initial;-ms-align-items:initial;align-items:initial;-webkit-column-count:auto;-moz-column-count:auto;column-count:auto}.md-table>*{display:table-cell}.md-flexbox{display:-webkit-flex;display:-ms-flexbox;display:flex;table-layout:auto;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:flex-start;-ms-justify-content:flex-start;justify-content:flex-start;-webkit-align-content:center;-ms-align-content:center;align-content:center;-webkit-align-items:center;-ms-align-items:center;align-items:center;-webkit-column-count:auto;-moz-column-count:auto;column-count:auto}.md-flexbox>*{display:inline-block}.md-normal{display:block;table-layout:auto;-webkit-flex-direction:initial;-ms-flex-direction:initial;flex-direction:initial;-webkit-flex-wrap:initial;-ms-flex-wrap:initial;flex-wrap:initial;-webkit-justify-content:initial;-ms-justify-content:initial;justify-content:initial;-webkit-align-content:initial;-ms-align-content:initial;align-content:initial;-webkit-align-items:initial;-ms-align-items:initial;align-items:initial;-webkit-column-count:auto;-moz-column-count:auto;column-count:auto}.md-normal>*{display:inline-block}.md-left{-webkit-justify-content:flex-start;-ms-justify-content:flex-start;justify-content:flex-start;text-align:left}.md-center{-webkit-justify-content:center;-ms-justify-content:center;justify-content:center;text-align:center}.md-right{-webkit-justify-content:flex-end;-ms-justify-content:flex-end;justify-content:flex-end;text-align:right}.md-top{-webkit-align-items:flex-start;-ms-align-items:flex-start;align-items:flex-start}.md-top>*{vertical-align:top}.md-middle{-webkit-align-items:center;-ms-align-items:center;align-items:center}.md-middle>*{vertical-align:middle}.md-bottom{-webkit-align-items:flex-end;-ms-align-items:flex-end;align-items:flex-end}.md-bottom>*{vertical-align:bottom}.md-stretch{-webkit-align-content:stretch;-ms-align-content:stretch;align-content:stretch;-webkit-align-items:stretch;-ms-align-items:stretch;align-items:stretch}.md-between{-webkit-justify-content:space-between;-ms-justify-content:space-between;justify-content:space-between;-webkit-align-content:space-between;-ms-align-content:space-between;align-content:space-between}.md-around{-webkit-justify-content:space-around;-ms-justify-content:space-around;justify-content:space-around;-webkit-align-content:space-around;-ms-align-content:space-around;align-content:space-around}.md-baseline{-webkit-align-items:baseline;-ms-align-items:baseline;align-items:baseline}.md-reverse{-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-flex-wrap:wrap-reverse;-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}.md-not-reverse{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.md-1-1{width:100%}.md-1-2{width:50%}.md-1-3{width:33.33333%}.md-2-3{width:66.66667%}.md-1-4{width:25%}.md-2-4{width:50%}.md-3-4{width:75%}.md-1-5{width:20%}.md-2-5{width:40%}.md-3-5{width:60%}.md-4-5{width:80%}.md-1-6{width:16.66667%}.md-2-6{width:33.33333%}.md-3-6{width:50%}.md-4-6{width:66.66667%}.md-5-6{width:83.33333%}.md-1-7{width:14.28571%}.md-2-7{width:28.57143%}.md-3-7{width:42.85714%}.md-4-7{width:57.14286%}.md-5-7{width:71.42857%}.md-6-7{width:85.71429%}.md-1-8{width:12.5%}.md-2-8{width:25%}.md-3-8{width:37.5%}.md-4-8{width:50%}.md-5-8{width:62.5%}.md-6-8{width:75%}.md-7-8{width:87.5%}.md-1-9{width:11.11111%}.md-2-9{width:22.22222%}.md-3-9{width:33.33333%}.md-4-9{width:44.44444%}.md-5-9{width:55.55556%}.md-6-9{width:66.66667%}.md-7-9{width:77.77778%}.md-8-9{width:88.88889%}.md-1-10{width:10%}.md-2-10{width:20%}.md-3-10{width:30%}.md-4-10{width:40%}.md-5-10{width:50%}.md-6-10{width:60%}.md-7-10{width:70%}.md-8-10{width:80%}.md-9-10{width:90%}.md-1-11{width:9.09091%}.md-2-11{width:18.18182%}.md-3-11{width:27.27273%}.md-4-11{width:36.36364%}.md-5-11{width:45.45455%}.md-6-11{width:54.54545%}.md-7-11{width:63.63636%}.md-8-11{width:72.72727%}.md-9-11{width:81.81818%}.md-10-11{width:90.90909%}.md-1-12{width:8.33333%}.md-2-12{width:16.66667%}.md-3-12{width:25%}.md-4-12{width:33.33333%}.md-5-12{width:41.66667%}.md-6-12{width:50%}.md-7-12{width:58.33333%}.md-8-12{width:66.66667%}.md-9-12{width:75%}.md-10-12{width:83.33333%}.md-11-12{width:91.66667%}.md-hidden{display:none}.md-not-hidden{display:inline-block}.md-first{-ms-flex-order:-1;-webkit-order:-1;order:-1}.md-not-first{-ms-flex-order:0;-webkit-order:0;order:0}.md-last{-ms-flex-order:1;-webkit-order:1;order:1}.md-not-last{-ms-flex-order:0;-webkit-order:0;order:0}.md-gutter-0{width:calc(100% + 0px);margin-left:-0px;margin-right:-0px;padding-left:0;padding-right:0}.md-gutter-0>*{padding-left:0px;padding-right:0px}.md-gutter-8{width:calc(100% + 8px);margin-left:-4px;margin-right:-4px;padding-left:0;padding-right:0}.md-gutter-8>*{padding-left:4px;padding-right:4px}.md-gutter-16{width:calc(100% + 16px);margin-left:-8px;margin-right:-8px;padding-left:0;padding-right:0}.md-gutter-16>*{padding-left:8px;padding-right:8px}.md-gutter-24{width:calc(100% + 24px);margin-left:-12px;margin-right:-12px;padding-left:0;padding-right:0}.md-gutter-24>*{padding-left:12px;padding-right:12px}.md-gutter-40{width:calc(100% + 40px);margin-left:-20px;margin-right:-20px;padding-left:0;padding-right:0}.md-gutter-40>*{padding-left:20px;padding-right:20px}.md-outside-0{width:100%;margin-left:0;margin-right:0;padding-left:0px;padding-right:0px}.md-outside-8{width:100%;margin-left:0;margin-right:0;padding-left:4px;padding-right:4px}.md-outside-16{width:100%;margin-left:0;margin-right:0;padding-left:8px;padding-right:8px}.md-outside-24{width:100%;margin-left:0;margin-right:0;padding-left:12px;padding-right:12px}.md-outside-40{width:100%;margin-left:0;margin-right:0;padding-left:20px;padding-right:20px}}@media (max-width: 667px){.sm-auto>*{width:auto}.sm-1>*{width:100%}.sm-2>*{width:50%}.sm-3>*{width:33.33333%}.sm-4>*{width:25%}.sm-5>*{width:20%}.sm-6>*{width:16.66667%}.sm-7>*{width:14.28571%}.sm-8>*{width:12.5%}.sm-9>*{width:11.11111%}.sm-10>*{width:10%}.sm-11>*{width:9.09091%}.sm-12>*{width:8.33333%}.sm-table{display:table;table-layout:fixed;-webkit-flex-direction:initial;-ms-flex-direction:initial;flex-direction:initial;-webkit-flex-wrap:initial;-ms-flex-wrap:initial;flex-wrap:initial;-webkit-justify-content:initial;-ms-justify-content:initial;justify-content:initial;-webkit-align-content:initial;-ms-align-content:initial;align-content:initial;-webkit-align-items:initial;-ms-align-items:initial;align-items:initial;-webkit-column-count:auto;-moz-column-count:auto;column-count:auto}.sm-table>*{display:table-cell}.sm-flexbox{display:-webkit-flex;display:-ms-flexbox;display:flex;table-layout:auto;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:flex-start;-ms-justify-content:flex-start;justify-content:flex-start;-webkit-align-content:center;-ms-align-content:center;align-content:center;-webkit-align-items:center;-ms-align-items:center;align-items:center;-webkit-column-count:auto;-moz-column-count:auto;column-count:auto}.sm-flexbox>*{display:inline-block}.sm-normal{display:block;table-layout:auto;-webkit-flex-direction:initial;-ms-flex-direction:initial;flex-direction:initial;-webkit-flex-wrap:initial;-ms-flex-wrap:initial;flex-wrap:initial;-webkit-justify-content:initial;-ms-justify-content:initial;justify-content:initial;-webkit-align-content:initial;-ms-align-content:initial;align-content:initial;-webkit-align-items:initial;-ms-align-items:initial;align-items:initial;-webkit-column-count:auto;-moz-column-count:auto;column-count:auto}.sm-normal>*{display:inline-block}.sm-left{-webkit-justify-content:flex-start;-ms-justify-content:flex-start;justify-content:flex-start;text-align:left}.sm-center{-webkit-justify-content:center;-ms-justify-content:center;justify-content:center;text-align:center}.sm-right{-webkit-justify-content:flex-end;-ms-justify-content:flex-end;justify-content:flex-end;text-align:right}.sm-top{-webkit-align-items:flex-start;-ms-align-items:flex-start;align-items:flex-start}.sm-top>*{vertical-align:top}.sm-middle{-webkit-align-items:center;-ms-align-items:center;align-items:center}.sm-middle>*{vertical-align:middle}.sm-bottom{-webkit-align-items:flex-end;-ms-align-items:flex-end;align-items:flex-end}.sm-bottom>*{vertical-align:bottom}.sm-stretch{-webkit-align-content:stretch;-ms-align-content:stretch;align-content:stretch;-webkit-align-items:stretch;-ms-align-items:stretch;align-items:stretch}.sm-between{-webkit-justify-content:space-between;-ms-justify-content:space-between;justify-content:space-between;-webkit-align-content:space-between;-ms-align-content:space-between;align-content:space-between}.sm-around{-webkit-justify-content:space-around;-ms-justify-content:space-around;justify-content:space-around;-webkit-align-content:space-around;-ms-align-content:space-around;align-content:space-around}.sm-baseline{-webkit-align-items:baseline;-ms-align-items:baseline;align-items:baseline}.sm-reverse{-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-flex-wrap:wrap-reverse;-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}.sm-not-reverse{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.sm-1-1{width:100%}.sm-1-2{width:50%}.sm-1-3{width:33.33333%}.sm-2-3{width:66.66667%}.sm-1-4{width:25%}.sm-2-4{width:50%}.sm-3-4{width:75%}.sm-1-5{width:20%}.sm-2-5{width:40%}.sm-3-5{width:60%}.sm-4-5{width:80%}.sm-1-6{width:16.66667%}.sm-2-6{width:33.33333%}.sm-3-6{width:50%}.sm-4-6{width:66.66667%}.sm-5-6{width:83.33333%}.sm-1-7{width:14.28571%}.sm-2-7{width:28.57143%}.sm-3-7{width:42.85714%}.sm-4-7{width:57.14286%}.sm-5-7{width:71.42857%}.sm-6-7{width:85.71429%}.sm-1-8{width:12.5%}.sm-2-8{width:25%}.sm-3-8{width:37.5%}.sm-4-8{width:50%}.sm-5-8{width:62.5%}.sm-6-8{width:75%}.sm-7-8{width:87.5%}.sm-1-9{width:11.11111%}.sm-2-9{width:22.22222%}.sm-3-9{width:33.33333%}.sm-4-9{width:44.44444%}.sm-5-9{width:55.55556%}.sm-6-9{width:66.66667%}.sm-7-9{width:77.77778%}.sm-8-9{width:88.88889%}.sm-1-10{width:10%}.sm-2-10{width:20%}.sm-3-10{width:30%}.sm-4-10{width:40%}.sm-5-10{width:50%}.sm-6-10{width:60%}.sm-7-10{width:70%}.sm-8-10{width:80%}.sm-9-10{width:90%}.sm-1-11{width:9.09091%}.sm-2-11{width:18.18182%}.sm-3-11{width:27.27273%}.sm-4-11{width:36.36364%}.sm-5-11{width:45.45455%}.sm-6-11{width:54.54545%}.sm-7-11{width:63.63636%}.sm-8-11{width:72.72727%}.sm-9-11{width:81.81818%}.sm-10-11{width:90.90909%}.sm-1-12{width:8.33333%}.sm-2-12{width:16.66667%}.sm-3-12{width:25%}.sm-4-12{width:33.33333%}.sm-5-12{width:41.66667%}.sm-6-12{width:50%}.sm-7-12{width:58.33333%}.sm-8-12{width:66.66667%}.sm-9-12{width:75%}.sm-10-12{width:83.33333%}.sm-11-12{width:91.66667%}.sm-hidden{display:none}.sm-not-hidden{display:inline-block}.sm-first{-ms-flex-order:-1;-webkit-order:-1;order:-1}.sm-not-first{-ms-flex-order:0;-webkit-order:0;order:0}.sm-last{-ms-flex-order:1;-webkit-order:1;order:1}.sm-not-last{-ms-flex-order:0;-webkit-order:0;order:0}.sm-gutter-0{width:calc(100% + 0px);margin-left:-0px;margin-right:-0px;padding-left:0;padding-right:0}.sm-gutter-0>*{padding-left:0px;padding-right:0px}.sm-gutter-8{width:calc(100% + 8px);margin-left:-4px;margin-right:-4px;padding-left:0;padding-right:0}.sm-gutter-8>*{padding-left:4px;padding-right:4px}.sm-gutter-16{width:calc(100% + 16px);margin-left:-8px;margin-right:-8px;padding-left:0;padding-right:0}.sm-gutter-16>*{padding-left:8px;padding-right:8px}.sm-gutter-24{width:calc(100% + 24px);margin-left:-12px;margin-right:-12px;padding-left:0;padding-right:0}.sm-gutter-24>*{padding-left:12px;padding-right:12px}.sm-gutter-40{width:calc(100% + 40px);margin-left:-20px;margin-right:-20px;padding-left:0;padding-right:0}.sm-gutter-40>*{padding-left:20px;padding-right:20px}.sm-outside-0{width:100%;margin-left:0;margin-right:0;padding-left:0px;padding-right:0px}.sm-outside-8{width:100%;margin-left:0;margin-right:0;padding-left:4px;padding-right:4px}.sm-outside-16{width:100%;margin-left:0;margin-right:0;padding-left:8px;padding-right:8px}.sm-outside-24{width:100%;margin-left:0;margin-right:0;padding-left:12px;padding-right:12px}.sm-outside-40{width:100%;margin-left:0;margin-right:0;padding-left:20px;padding-right:20px}} 2 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "flexiblegs-css", 3 | "version": "5.6.0", 4 | "homepage": "https://dnomak.com/flexiblegs/", 5 | "description": "Flexible Grid System CSS", 6 | "author": "@dnomak ", 7 | "license": "MIT", 8 | "main": "flexiblegs-css.css", 9 | "keywords": [ 10 | "css" 11 | ], 12 | "repository": { 13 | "type": "git", 14 | "url": "git+https://github.com/flexiblegs/flexiblegs-css.git" 15 | } 16 | } 17 | --------------------------------------------------------------------------------