├── .gitignore ├── .sass-cache └── 2e022ca7c106c8854a4432bb5c16be6b4767939a │ ├── modestgrid-16.scssc │ ├── modestgrid-fp.scssc │ └── modestgrid.scssc ├── README.md ├── css ├── modestgrid-fp.css ├── modestgrid-fp.css.map ├── modestgrid.css ├── modestgrid.css.map └── styles.css ├── examples ├── modest-grid-15.html └── modest-grid-16.html ├── modest-grid-fp.html ├── modest-grid.html ├── sass.gitignore └── sass ├── .sass-cache └── 27d6f5ad5f14ca4d5b4119e44828f82363463519 │ ├── modestgrid-fp.scssc │ └── modestgrid.scssc ├── modestgrid-fp.scss └── modestgrid.scss /.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | .DS_Store 3 | -------------------------------------------------------------------------------- /.sass-cache/2e022ca7c106c8854a4432bb5c16be6b4767939a/modestgrid-16.scssc: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamesgeorgedunn/Modest-Grid/c11ba02adb13deea27fa80c5ea2c2b90a9c36aa9/.sass-cache/2e022ca7c106c8854a4432bb5c16be6b4767939a/modestgrid-16.scssc -------------------------------------------------------------------------------- /.sass-cache/2e022ca7c106c8854a4432bb5c16be6b4767939a/modestgrid-fp.scssc: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamesgeorgedunn/Modest-Grid/c11ba02adb13deea27fa80c5ea2c2b90a9c36aa9/.sass-cache/2e022ca7c106c8854a4432bb5c16be6b4767939a/modestgrid-fp.scssc -------------------------------------------------------------------------------- /.sass-cache/2e022ca7c106c8854a4432bb5c16be6b4767939a/modestgrid.scssc: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamesgeorgedunn/Modest-Grid/c11ba02adb13deea27fa80c5ea2c2b90a9c36aa9/.sass-cache/2e022ca7c106c8854a4432bb5c16be6b4767939a/modestgrid.scssc -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | #Modest Grid 2 | 3 | Modest Grid is a super lightweight grid system developed to create responsive prototypes. With the CSS weighing in at under 2kB, it truly is a super lightweight. 4 | 5 | What really sets Modest Grid apart are its naming conventions for the column classes it uses. As well as the ability to choose how many columns you would like to use for your projects. 6 | 7 | ###.dt-[1 to 12/16] Desktop (1024px and up). 8 | 9 | ###.tl-[1 to 12/16] Tablet landscape (1024px). 10 | 11 | ###.tp-[1 to 12/16] Tablet portrait (768px). 12 | 13 | ###.ml-[1 to 12/16] Mobile landscape (568px). 14 | 15 | ###.mp-[1 to 12/16] Mobile portrait (320px). 16 | 17 | A great option that comes with Modest Grid is the ability to change the gutter width using the gutter variable written in SASS. This way you don't have to worry if you have set the correct padding and margins. This is much more reliable than the find and replace method is it won't replace any code that you may want left such as the width of an element. 18 | 19 | ##Set your own columns 20 | Using a bit of SASS magic you can now set how many columns you would like to use for your project. Simply set the number within the $columns variable and the rest will be taken care of. 21 | 22 | Alternatively you can use the 12 and 16 CSS files that have already been created within Modest Grid. 23 | 24 | modestgrid-12.css 25 | modestgrid-16.css 26 | 27 | #Compatibility 28 | Modest Grid is still in its early stages and thus hasn't been fully tested. It will however work fine in more up to date web browsers. -------------------------------------------------------------------------------- /css/modestgrid-fp.css: -------------------------------------------------------------------------------- 1 | * { 2 | box-sizing: border-box; 3 | -webkit-box-sizing: border-box; 4 | -moz-box-sizing: border-box; 5 | } 6 | 7 | *:before, *:after { 8 | box-sizing: border-box; 9 | -webkit-box-sizing: border-box; 10 | -moz-box-sizing: border-box; 11 | } 12 | 13 | html, body { 14 | height: 100%; 15 | width: 100%; 16 | } 17 | 18 | body { 19 | margin: 0; 20 | } 21 | 22 | .wrapper { 23 | max-width: 1280px; 24 | width: 100%; 25 | height: 100%; 26 | margin-left: auto; 27 | margin-right: auto; 28 | padding-left: 20px; 29 | padding-right: 20px; 30 | } 31 | 32 | .wrapper.full { 33 | max-width: none; 34 | padding-left: 0; 35 | padding-right: 0; 36 | } 37 | 38 | section { 39 | background: #eee; 40 | width: 100%; 41 | height: 100%; 42 | } 43 | 44 | .row-1 { 45 | height: 8.3333333333%; 46 | width: 100%; 47 | } 48 | 49 | .row-2 { 50 | height: 16.6666666667%; 51 | width: 100%; 52 | } 53 | 54 | .row-3 { 55 | height: 25%; 56 | width: 100%; 57 | } 58 | 59 | .row-4 { 60 | height: 33.3333333333%; 61 | width: 100%; 62 | } 63 | 64 | .row-5 { 65 | height: 41.6666666667%; 66 | width: 100%; 67 | } 68 | 69 | .row-6 { 70 | height: 50%; 71 | width: 100%; 72 | } 73 | 74 | .row-7 { 75 | height: 58.3333333333%; 76 | width: 100%; 77 | } 78 | 79 | .row-8 { 80 | height: 66.6666666667%; 81 | width: 100%; 82 | } 83 | 84 | .row-9 { 85 | height: 75%; 86 | width: 100%; 87 | } 88 | 89 | .row-10 { 90 | height: 83.3333333333%; 91 | width: 100%; 92 | } 93 | 94 | .row-11 { 95 | height: 91.6666666667%; 96 | width: 100%; 97 | } 98 | 99 | .row-12 { 100 | height: 100%; 101 | width: 100%; 102 | } 103 | 104 | .wrapper:before, 105 | .row:before { 106 | display: table; 107 | content: " "; 108 | } 109 | 110 | .wrapper:after, 111 | .row:after { 112 | clear: both; 113 | content: " "; 114 | } 115 | 116 | .dt-1, .tl-1, .tp-1, .ml-1, .mp-1, 117 | .dt-2, .tl-2, .tp-2, .ml-2, .mp-2, 118 | .dt-3, .tl-3, .tp-3, .ml-3, .mp-3, 119 | .dt-4, .tl-4, .tp-4, .ml-4, .mp-4, 120 | .dt-5, .tl-5, .tp-5, .ml-5, .mp-5, 121 | .dt-6, .tl-6, .tp-6, .ml-6, .mp-6, 122 | .dt-7, .tl-7, .tp-7, .ml-7, .mp-7, 123 | .dt-8, .tl-8, .tp-8, .ml-8, .mp-8, 124 | .dt-9, .tl-9, .tp-9, .ml-9, .mp-9, 125 | .dt-10, .tl-10, .tp-10, .ml-10, .mp-10, 126 | .dt-11, .tl-11, .tp-11, .ml-11, .mp-11, 127 | .dt-12, .tl-12, .tp-12, .ml-12, .mp-12, 128 | .dt-13, .tl-13, .tp-13, .ml-13, .mp-13, 129 | .dt-14, .tl-14, .tp-14, .ml-14, .mp-14, 130 | .dt-15, .tl-15, .tp-15, .ml-15, .mp-15, 131 | .dt-16, .tl-16, .tp-16, .ml-16, .mp-16, 132 | .dt-17, .tl-17, .tp-17, .ml-17, .mp-17, 133 | .dt-18, .tl-18, .tp-18, .ml-18, .mp-18, 134 | .dt-19, .tl-19, .tp-19, .ml-19, .mp-19, 135 | .dt-20, .tl-20, .tp-20, .ml-20, .mp-20, 136 | .dt-21, .tl-21, .tp-21, .ml-21, .mp-21, 137 | .dt-22, .tl-22, .tp-22, .ml-22, .mp-22, 138 | .dt-23, .tl-23, .tp-23, .ml-23, .mp-23, 139 | .dt-24, .tl-24, .tp-24, .ml-24, .mp-24 { 140 | float: left; 141 | min-height: 1px; 142 | } 143 | 144 | .mp-1 { 145 | width: 8.3333333333%; 146 | } 147 | 148 | .mp-2 { 149 | width: 16.6666666667%; 150 | } 151 | 152 | .mp-3 { 153 | width: 25%; 154 | } 155 | 156 | .mp-4 { 157 | width: 33.3333333333%; 158 | } 159 | 160 | .mp-5 { 161 | width: 41.6666666667%; 162 | } 163 | 164 | .mp-6 { 165 | width: 50%; 166 | } 167 | 168 | .mp-7 { 169 | width: 58.3333333333%; 170 | } 171 | 172 | .mp-8 { 173 | width: 66.6666666667%; 174 | } 175 | 176 | .mp-9 { 177 | width: 75%; 178 | } 179 | 180 | .mp-10 { 181 | width: 83.3333333333%; 182 | } 183 | 184 | .mp-11 { 185 | width: 91.6666666667%; 186 | } 187 | 188 | .mp-12 { 189 | width: 100%; 190 | } 191 | 192 | .mp-13 { 193 | width: 108.3333333333%; 194 | } 195 | 196 | .mp-14 { 197 | width: 116.6666666667%; 198 | } 199 | 200 | .mp-15 { 201 | width: 125.0%; 202 | } 203 | 204 | .mp-16 { 205 | width: 133.3333333333%; 206 | } 207 | 208 | .mp-17 { 209 | width: 141.6666666667%; 210 | } 211 | 212 | .mp-18 { 213 | width: 150%; 214 | } 215 | 216 | .mp-19 { 217 | width: 158.3333333333%; 218 | } 219 | 220 | .mp-20 { 221 | width: 166.6666666667%; 222 | } 223 | 224 | .mp-21 { 225 | width: 175%; 226 | } 227 | 228 | .mp-22 { 229 | width: 183.3333333333%; 230 | } 231 | 232 | .mp-23 { 233 | width: 191.6666666667%; 234 | } 235 | 236 | .mp-24 { 237 | width: 200%; 238 | } 239 | 240 | .ml-1 { 241 | width: 8.3333333333%; 242 | } 243 | 244 | .ml-2 { 245 | width: 16.6666666667%; 246 | } 247 | 248 | .ml-3 { 249 | width: 25%; 250 | } 251 | 252 | .ml-4 { 253 | width: 33.3333333333%; 254 | } 255 | 256 | .ml-5 { 257 | width: 41.6666666667%; 258 | } 259 | 260 | .ml-6 { 261 | width: 50%; 262 | } 263 | 264 | .ml-7 { 265 | width: 58.3333333333%; 266 | } 267 | 268 | .ml-8 { 269 | width: 66.6666666667%; 270 | } 271 | 272 | .ml-9 { 273 | width: 75%; 274 | } 275 | 276 | .ml-10 { 277 | width: 83.3333333333%; 278 | } 279 | 280 | .ml-11 { 281 | width: 91.6666666667%; 282 | } 283 | 284 | .ml-12 { 285 | width: 100%; 286 | } 287 | 288 | .ml-13 { 289 | width: 108.3333333333%; 290 | } 291 | 292 | .ml-14 { 293 | width: 116.6666666667%; 294 | } 295 | 296 | .ml-15 { 297 | width: 125.0%; 298 | } 299 | 300 | .ml-16 { 301 | width: 133.3333333333%; 302 | } 303 | 304 | .ml-17 { 305 | width: 141.6666666667%; 306 | } 307 | 308 | .ml-18 { 309 | width: 150%; 310 | } 311 | 312 | .ml-19 { 313 | width: 158.3333333333%; 314 | } 315 | 316 | .ml-20 { 317 | width: 166.6666666667%; 318 | } 319 | 320 | .ml-21 { 321 | width: 175%; 322 | } 323 | 324 | .ml-22 { 325 | width: 183.3333333333%; 326 | } 327 | 328 | .ml-23 { 329 | width: 191.6666666667%; 330 | } 331 | 332 | .ml-24 { 333 | width: 200%; 334 | } 335 | 336 | .tp-1 { 337 | width: 8.3333333333%; 338 | } 339 | 340 | .tp-2 { 341 | width: 16.6666666667%; 342 | } 343 | 344 | .tp-3 { 345 | width: 25%; 346 | } 347 | 348 | .tp-4 { 349 | width: 33.3333333333%; 350 | } 351 | 352 | .tp-5 { 353 | width: 41.6666666667%; 354 | } 355 | 356 | .tp-6 { 357 | width: 50%; 358 | } 359 | 360 | .tp-7 { 361 | width: 58.3333333333%; 362 | } 363 | 364 | .tp-8 { 365 | width: 66.6666666667%; 366 | } 367 | 368 | .tp-9 { 369 | width: 75%; 370 | } 371 | 372 | .tp-10 { 373 | width: 83.3333333333%; 374 | } 375 | 376 | .tp-11 { 377 | width: 91.6666666667%; 378 | } 379 | 380 | .tp-12 { 381 | width: 100%; 382 | } 383 | 384 | .tp-13 { 385 | width: 108.3333333333%; 386 | } 387 | 388 | .tp-14 { 389 | width: 116.6666666667%; 390 | } 391 | 392 | .tp-15 { 393 | width: 125.0%; 394 | } 395 | 396 | .tp-16 { 397 | width: 133.3333333333%; 398 | } 399 | 400 | .tp-17 { 401 | width: 141.6666666667%; 402 | } 403 | 404 | .tp-18 { 405 | width: 150%; 406 | } 407 | 408 | .tp-19 { 409 | width: 158.3333333333%; 410 | } 411 | 412 | .tp-20 { 413 | width: 166.6666666667%; 414 | } 415 | 416 | .tp-21 { 417 | width: 175%; 418 | } 419 | 420 | .tp-22 { 421 | width: 183.3333333333%; 422 | } 423 | 424 | .tp-23 { 425 | width: 191.6666666667%; 426 | } 427 | 428 | .tp-24 { 429 | width: 200%; 430 | } 431 | 432 | .tl-1 { 433 | width: 8.3333333333%; 434 | } 435 | 436 | .tl-2 { 437 | width: 16.6666666667%; 438 | } 439 | 440 | .tl-3 { 441 | width: 25%; 442 | } 443 | 444 | .tl-4 { 445 | width: 33.3333333333%; 446 | } 447 | 448 | .tl-5 { 449 | width: 41.6666666667%; 450 | } 451 | 452 | .tl-6 { 453 | width: 50%; 454 | } 455 | 456 | .tl-7 { 457 | width: 58.3333333333%; 458 | } 459 | 460 | .tl-8 { 461 | width: 66.6666666667%; 462 | } 463 | 464 | .tl-9 { 465 | width: 75%; 466 | } 467 | 468 | .tl-10 { 469 | width: 83.3333333333%; 470 | } 471 | 472 | .tl-11 { 473 | width: 91.6666666667%; 474 | } 475 | 476 | .tl-12 { 477 | width: 100%; 478 | } 479 | 480 | .tl-13 { 481 | width: 108.3333333333%; 482 | } 483 | 484 | .tl-14 { 485 | width: 116.6666666667%; 486 | } 487 | 488 | .tl-15 { 489 | width: 125.0%; 490 | } 491 | 492 | .tl-16 { 493 | width: 133.3333333333%; 494 | } 495 | 496 | .tl-17 { 497 | width: 141.6666666667%; 498 | } 499 | 500 | .tl-18 { 501 | width: 150%; 502 | } 503 | 504 | .tl-19 { 505 | width: 158.3333333333%; 506 | } 507 | 508 | .tl-20 { 509 | width: 166.6666666667%; 510 | } 511 | 512 | .tl-21 { 513 | width: 175%; 514 | } 515 | 516 | .tl-22 { 517 | width: 183.3333333333%; 518 | } 519 | 520 | .tl-23 { 521 | width: 191.6666666667%; 522 | } 523 | 524 | .tl-24 { 525 | width: 200%; 526 | } 527 | 528 | .dt-1 { 529 | width: 8.3333333333%; 530 | } 531 | 532 | .dt-2 { 533 | width: 16.6666666667%; 534 | } 535 | 536 | .dt-3 { 537 | width: 25%; 538 | } 539 | 540 | .dt-4 { 541 | width: 33.3333333333%; 542 | } 543 | 544 | .dt-5 { 545 | width: 41.6666666667%; 546 | } 547 | 548 | .dt-6 { 549 | width: 50%; 550 | } 551 | 552 | .dt-7 { 553 | width: 58.3333333333%; 554 | } 555 | 556 | .dt-8 { 557 | width: 66.6666666667%; 558 | } 559 | 560 | .dt-9 { 561 | width: 75%; 562 | } 563 | 564 | .dt-10 { 565 | width: 83.3333333333%; 566 | } 567 | 568 | .dt-11 { 569 | width: 91.6666666667%; 570 | } 571 | 572 | .dt-12 { 573 | width: 100%; 574 | } 575 | 576 | .dt-13 { 577 | width: 108.3333333333%; 578 | } 579 | 580 | .dt-14 { 581 | width: 116.6666666667%; 582 | } 583 | 584 | .dt-15 { 585 | width: 125.0%; 586 | } 587 | 588 | .dt-16 { 589 | width: 133.3333333333%; 590 | } 591 | 592 | .dt-17 { 593 | width: 141.6666666667%; 594 | } 595 | 596 | .dt-18 { 597 | width: 150%; 598 | } 599 | 600 | .dt-19 { 601 | width: 158.3333333333%; 602 | } 603 | 604 | .dt-20 { 605 | width: 166.6666666667%; 606 | } 607 | 608 | .dt-21 { 609 | width: 175%; 610 | } 611 | 612 | .dt-22 { 613 | width: 183.3333333333%; 614 | } 615 | 616 | .dt-23 { 617 | width: 191.6666666667%; 618 | } 619 | 620 | .dt-24 { 621 | width: 200%; 622 | } 623 | 624 | @media (max-width: 1280px) { 625 | .wrapper { 626 | max-width: 1170px; 627 | } 628 | } 629 | @media (max-width: 1170px) { 630 | .wrapper { 631 | max-width: 1024px; 632 | } 633 | } 634 | @media (max-width: 1024px) { 635 | .wrapper { 636 | max-width: 1024px; 637 | } 638 | 639 | .dt-1, 640 | .dt-2, 641 | .dt-3, 642 | .dt-4, 643 | .dt-5, 644 | .dt-6, 645 | .dt-7, 646 | .dt-8, 647 | .dt-9, 648 | .dt-10, 649 | .dt-11, 650 | .dt-12, 651 | .dt-13, 652 | .dt-14, 653 | .dt-15, 654 | .dt-16, 655 | .dt-17, 656 | .dt-18, 657 | .dt-19, 658 | .dt-20, 659 | .dt-21, 660 | .dt-22, 661 | .dt-23, 662 | .dt-24 { 663 | width: 100%; 664 | } 665 | 666 | .mp-1 { 667 | width: 8.3333333333%; 668 | } 669 | 670 | .mp-2 { 671 | width: 16.6666666667%; 672 | } 673 | 674 | .mp-3 { 675 | width: 25%; 676 | } 677 | 678 | .mp-4 { 679 | width: 33.3333333333%; 680 | } 681 | 682 | .mp-5 { 683 | width: 41.6666666667%; 684 | } 685 | 686 | .mp-6 { 687 | width: 50%; 688 | } 689 | 690 | .mp-7 { 691 | width: 58.3333333333%; 692 | } 693 | 694 | .mp-8 { 695 | width: 66.6666666667%; 696 | } 697 | 698 | .mp-9 { 699 | width: 75%; 700 | } 701 | 702 | .mp-10 { 703 | width: 83.3333333333%; 704 | } 705 | 706 | .mp-11 { 707 | width: 91.6666666667%; 708 | } 709 | 710 | .mp-12 { 711 | width: 100%; 712 | } 713 | 714 | .mp-13 { 715 | width: 108.3333333333%; 716 | } 717 | 718 | .mp-14 { 719 | width: 116.6666666667%; 720 | } 721 | 722 | .mp-15 { 723 | width: 125.0%; 724 | } 725 | 726 | .mp-16 { 727 | width: 133.3333333333%; 728 | } 729 | 730 | .mp-17 { 731 | width: 141.6666666667%; 732 | } 733 | 734 | .mp-18 { 735 | width: 150%; 736 | } 737 | 738 | .mp-19 { 739 | width: 158.3333333333%; 740 | } 741 | 742 | .mp-20 { 743 | width: 166.6666666667%; 744 | } 745 | 746 | .mp-21 { 747 | width: 175%; 748 | } 749 | 750 | .mp-22 { 751 | width: 183.3333333333%; 752 | } 753 | 754 | .mp-23 { 755 | width: 191.6666666667%; 756 | } 757 | 758 | .mp-24 { 759 | width: 200%; 760 | } 761 | 762 | .ml-1 { 763 | width: 8.3333333333%; 764 | } 765 | 766 | .ml-2 { 767 | width: 16.6666666667%; 768 | } 769 | 770 | .ml-3 { 771 | width: 25%; 772 | } 773 | 774 | .ml-4 { 775 | width: 33.3333333333%; 776 | } 777 | 778 | .ml-5 { 779 | width: 41.6666666667%; 780 | } 781 | 782 | .ml-6 { 783 | width: 50%; 784 | } 785 | 786 | .ml-7 { 787 | width: 58.3333333333%; 788 | } 789 | 790 | .ml-8 { 791 | width: 66.6666666667%; 792 | } 793 | 794 | .ml-9 { 795 | width: 75%; 796 | } 797 | 798 | .ml-10 { 799 | width: 83.3333333333%; 800 | } 801 | 802 | .ml-11 { 803 | width: 91.6666666667%; 804 | } 805 | 806 | .ml-12 { 807 | width: 100%; 808 | } 809 | 810 | .ml-13 { 811 | width: 108.3333333333%; 812 | } 813 | 814 | .ml-14 { 815 | width: 116.6666666667%; 816 | } 817 | 818 | .ml-15 { 819 | width: 125.0%; 820 | } 821 | 822 | .ml-16 { 823 | width: 133.3333333333%; 824 | } 825 | 826 | .ml-17 { 827 | width: 141.6666666667%; 828 | } 829 | 830 | .ml-18 { 831 | width: 150%; 832 | } 833 | 834 | .ml-19 { 835 | width: 158.3333333333%; 836 | } 837 | 838 | .ml-20 { 839 | width: 166.6666666667%; 840 | } 841 | 842 | .ml-21 { 843 | width: 175%; 844 | } 845 | 846 | .ml-22 { 847 | width: 183.3333333333%; 848 | } 849 | 850 | .ml-23 { 851 | width: 191.6666666667%; 852 | } 853 | 854 | .ml-24 { 855 | width: 200%; 856 | } 857 | 858 | .tp-1 { 859 | width: 8.3333333333%; 860 | } 861 | 862 | .tp-2 { 863 | width: 16.6666666667%; 864 | } 865 | 866 | .tp-3 { 867 | width: 25%; 868 | } 869 | 870 | .tp-4 { 871 | width: 33.3333333333%; 872 | } 873 | 874 | .tp-5 { 875 | width: 41.6666666667%; 876 | } 877 | 878 | .tp-6 { 879 | width: 50%; 880 | } 881 | 882 | .tp-7 { 883 | width: 58.3333333333%; 884 | } 885 | 886 | .tp-8 { 887 | width: 66.6666666667%; 888 | } 889 | 890 | .tp-9 { 891 | width: 75%; 892 | } 893 | 894 | .tp-10 { 895 | width: 83.3333333333%; 896 | } 897 | 898 | .tp-11 { 899 | width: 91.6666666667%; 900 | } 901 | 902 | .tp-12 { 903 | width: 100%; 904 | } 905 | 906 | .tp-13 { 907 | width: 108.3333333333%; 908 | } 909 | 910 | .tp-14 { 911 | width: 116.6666666667%; 912 | } 913 | 914 | .tp-15 { 915 | width: 125.0%; 916 | } 917 | 918 | .tp-16 { 919 | width: 133.3333333333%; 920 | } 921 | 922 | .tp-17 { 923 | width: 141.6666666667%; 924 | } 925 | 926 | .tp-18 { 927 | width: 150%; 928 | } 929 | 930 | .tp-19 { 931 | width: 158.3333333333%; 932 | } 933 | 934 | .tp-20 { 935 | width: 166.6666666667%; 936 | } 937 | 938 | .tp-21 { 939 | width: 175%; 940 | } 941 | 942 | .tp-22 { 943 | width: 183.3333333333%; 944 | } 945 | 946 | .tp-23 { 947 | width: 191.6666666667%; 948 | } 949 | 950 | .tp-24 { 951 | width: 200%; 952 | } 953 | 954 | .tl-1 { 955 | width: 8.3333333333%; 956 | } 957 | 958 | .tl-2 { 959 | width: 16.6666666667%; 960 | } 961 | 962 | .tl-3 { 963 | width: 25%; 964 | } 965 | 966 | .tl-4 { 967 | width: 33.3333333333%; 968 | } 969 | 970 | .tl-5 { 971 | width: 41.6666666667%; 972 | } 973 | 974 | .tl-6 { 975 | width: 50%; 976 | } 977 | 978 | .tl-7 { 979 | width: 58.3333333333%; 980 | } 981 | 982 | .tl-8 { 983 | width: 66.6666666667%; 984 | } 985 | 986 | .tl-9 { 987 | width: 75%; 988 | } 989 | 990 | .tl-10 { 991 | width: 83.3333333333%; 992 | } 993 | 994 | .tl-11 { 995 | width: 91.6666666667%; 996 | } 997 | 998 | .tl-12 { 999 | width: 100%; 1000 | } 1001 | 1002 | .tl-13 { 1003 | width: 108.3333333333%; 1004 | } 1005 | 1006 | .tl-14 { 1007 | width: 116.6666666667%; 1008 | } 1009 | 1010 | .tl-15 { 1011 | width: 125.0%; 1012 | } 1013 | 1014 | .tl-16 { 1015 | width: 133.3333333333%; 1016 | } 1017 | 1018 | .tl-17 { 1019 | width: 141.6666666667%; 1020 | } 1021 | 1022 | .tl-18 { 1023 | width: 150%; 1024 | } 1025 | 1026 | .tl-19 { 1027 | width: 158.3333333333%; 1028 | } 1029 | 1030 | .tl-20 { 1031 | width: 166.6666666667%; 1032 | } 1033 | 1034 | .tl-21 { 1035 | width: 175%; 1036 | } 1037 | 1038 | .tl-22 { 1039 | width: 183.3333333333%; 1040 | } 1041 | 1042 | .tl-23 { 1043 | width: 191.6666666667%; 1044 | } 1045 | 1046 | .tl-24 { 1047 | width: 200%; 1048 | } 1049 | } 1050 | @media (max-width: 768px) { 1051 | .tl-1, 1052 | .tl-2, 1053 | .tl-3, 1054 | .tl-4, 1055 | .tl-5, 1056 | .tl-6, 1057 | .tl-7, 1058 | .tl-8, 1059 | .tl-9, 1060 | .tl-10, 1061 | .tl-11, 1062 | .tl-12, 1063 | .tl-13, 1064 | .tl-14, 1065 | .tl-15, 1066 | .tl-16, 1067 | .tl-17, 1068 | .tl-18, 1069 | .tl-19, 1070 | .tl-20, 1071 | .tl-21, 1072 | .tl-22, 1073 | .tl-23, 1074 | .tl-24 { 1075 | width: 100%; 1076 | } 1077 | 1078 | .mp-1 { 1079 | width: 8.3333333333%; 1080 | } 1081 | 1082 | .mp-2 { 1083 | width: 16.6666666667%; 1084 | } 1085 | 1086 | .mp-3 { 1087 | width: 25%; 1088 | } 1089 | 1090 | .mp-4 { 1091 | width: 33.3333333333%; 1092 | } 1093 | 1094 | .mp-5 { 1095 | width: 41.6666666667%; 1096 | } 1097 | 1098 | .mp-6 { 1099 | width: 50%; 1100 | } 1101 | 1102 | .mp-7 { 1103 | width: 58.3333333333%; 1104 | } 1105 | 1106 | .mp-8 { 1107 | width: 66.6666666667%; 1108 | } 1109 | 1110 | .mp-9 { 1111 | width: 75%; 1112 | } 1113 | 1114 | .mp-10 { 1115 | width: 83.3333333333%; 1116 | } 1117 | 1118 | .mp-11 { 1119 | width: 91.6666666667%; 1120 | } 1121 | 1122 | .mp-12 { 1123 | width: 100%; 1124 | } 1125 | 1126 | .mp-13 { 1127 | width: 108.3333333333%; 1128 | } 1129 | 1130 | .mp-14 { 1131 | width: 116.6666666667%; 1132 | } 1133 | 1134 | .mp-15 { 1135 | width: 125.0%; 1136 | } 1137 | 1138 | .mp-16 { 1139 | width: 133.3333333333%; 1140 | } 1141 | 1142 | .mp-17 { 1143 | width: 141.6666666667%; 1144 | } 1145 | 1146 | .mp-18 { 1147 | width: 150%; 1148 | } 1149 | 1150 | .mp-19 { 1151 | width: 158.3333333333%; 1152 | } 1153 | 1154 | .mp-20 { 1155 | width: 166.6666666667%; 1156 | } 1157 | 1158 | .mp-21 { 1159 | width: 175%; 1160 | } 1161 | 1162 | .mp-22 { 1163 | width: 183.3333333333%; 1164 | } 1165 | 1166 | .mp-23 { 1167 | width: 191.6666666667%; 1168 | } 1169 | 1170 | .mp-24 { 1171 | width: 200%; 1172 | } 1173 | 1174 | .ml-1 { 1175 | width: 8.3333333333%; 1176 | } 1177 | 1178 | .ml-2 { 1179 | width: 16.6666666667%; 1180 | } 1181 | 1182 | .ml-3 { 1183 | width: 25%; 1184 | } 1185 | 1186 | .ml-4 { 1187 | width: 33.3333333333%; 1188 | } 1189 | 1190 | .ml-5 { 1191 | width: 41.6666666667%; 1192 | } 1193 | 1194 | .ml-6 { 1195 | width: 50%; 1196 | } 1197 | 1198 | .ml-7 { 1199 | width: 58.3333333333%; 1200 | } 1201 | 1202 | .ml-8 { 1203 | width: 66.6666666667%; 1204 | } 1205 | 1206 | .ml-9 { 1207 | width: 75%; 1208 | } 1209 | 1210 | .ml-10 { 1211 | width: 83.3333333333%; 1212 | } 1213 | 1214 | .ml-11 { 1215 | width: 91.6666666667%; 1216 | } 1217 | 1218 | .ml-12 { 1219 | width: 100%; 1220 | } 1221 | 1222 | .ml-13 { 1223 | width: 108.3333333333%; 1224 | } 1225 | 1226 | .ml-14 { 1227 | width: 116.6666666667%; 1228 | } 1229 | 1230 | .ml-15 { 1231 | width: 125.0%; 1232 | } 1233 | 1234 | .ml-16 { 1235 | width: 133.3333333333%; 1236 | } 1237 | 1238 | .ml-17 { 1239 | width: 141.6666666667%; 1240 | } 1241 | 1242 | .ml-18 { 1243 | width: 150%; 1244 | } 1245 | 1246 | .ml-19 { 1247 | width: 158.3333333333%; 1248 | } 1249 | 1250 | .ml-20 { 1251 | width: 166.6666666667%; 1252 | } 1253 | 1254 | .ml-21 { 1255 | width: 175%; 1256 | } 1257 | 1258 | .ml-22 { 1259 | width: 183.3333333333%; 1260 | } 1261 | 1262 | .ml-23 { 1263 | width: 191.6666666667%; 1264 | } 1265 | 1266 | .ml-24 { 1267 | width: 200%; 1268 | } 1269 | 1270 | .tp-1 { 1271 | width: 8.3333333333%; 1272 | } 1273 | 1274 | .tp-2 { 1275 | width: 16.6666666667%; 1276 | } 1277 | 1278 | .tp-3 { 1279 | width: 25%; 1280 | } 1281 | 1282 | .tp-4 { 1283 | width: 33.3333333333%; 1284 | } 1285 | 1286 | .tp-5 { 1287 | width: 41.6666666667%; 1288 | } 1289 | 1290 | .tp-6 { 1291 | width: 50%; 1292 | } 1293 | 1294 | .tp-7 { 1295 | width: 58.3333333333%; 1296 | } 1297 | 1298 | .tp-8 { 1299 | width: 66.6666666667%; 1300 | } 1301 | 1302 | .tp-9 { 1303 | width: 75%; 1304 | } 1305 | 1306 | .tp-10 { 1307 | width: 83.3333333333%; 1308 | } 1309 | 1310 | .tp-11 { 1311 | width: 91.6666666667%; 1312 | } 1313 | 1314 | .tp-12 { 1315 | width: 100%; 1316 | } 1317 | 1318 | .tp-13 { 1319 | width: 108.3333333333%; 1320 | } 1321 | 1322 | .tp-14 { 1323 | width: 116.6666666667%; 1324 | } 1325 | 1326 | .tp-15 { 1327 | width: 125.0%; 1328 | } 1329 | 1330 | .tp-16 { 1331 | width: 133.3333333333%; 1332 | } 1333 | 1334 | .tp-17 { 1335 | width: 141.6666666667%; 1336 | } 1337 | 1338 | .tp-18 { 1339 | width: 150%; 1340 | } 1341 | 1342 | .tp-19 { 1343 | width: 158.3333333333%; 1344 | } 1345 | 1346 | .tp-20 { 1347 | width: 166.6666666667%; 1348 | } 1349 | 1350 | .tp-21 { 1351 | width: 175%; 1352 | } 1353 | 1354 | .tp-22 { 1355 | width: 183.3333333333%; 1356 | } 1357 | 1358 | .tp-23 { 1359 | width: 191.6666666667%; 1360 | } 1361 | 1362 | .tp-24 { 1363 | width: 200%; 1364 | } 1365 | } 1366 | @media (max-width: 568px) { 1367 | .tp-1, 1368 | .tp-2, 1369 | .tp-3, 1370 | .tp-4, 1371 | .tp-5, 1372 | .tp-6, 1373 | .tp-7, 1374 | .tp-8, 1375 | .tp-9, 1376 | .tp-10, 1377 | .tp-11, 1378 | .tp-12, 1379 | .tp-13, 1380 | .tp-14, 1381 | .tp-15, 1382 | .tp-16, 1383 | .tp-17, 1384 | .tp-18, 1385 | .tp-19, 1386 | .tp-20, 1387 | .tp-21, 1388 | .tp-22, 1389 | .tp-23, 1390 | .tp-24 { 1391 | width: 100%; 1392 | } 1393 | 1394 | .mp-1 { 1395 | width: 8.3333333333%; 1396 | } 1397 | 1398 | .mp-2 { 1399 | width: 16.6666666667%; 1400 | } 1401 | 1402 | .mp-3 { 1403 | width: 25%; 1404 | } 1405 | 1406 | .mp-4 { 1407 | width: 33.3333333333%; 1408 | } 1409 | 1410 | .mp-5 { 1411 | width: 41.6666666667%; 1412 | } 1413 | 1414 | .mp-6 { 1415 | width: 50%; 1416 | } 1417 | 1418 | .mp-7 { 1419 | width: 58.3333333333%; 1420 | } 1421 | 1422 | .mp-8 { 1423 | width: 66.6666666667%; 1424 | } 1425 | 1426 | .mp-9 { 1427 | width: 75%; 1428 | } 1429 | 1430 | .mp-10 { 1431 | width: 83.3333333333%; 1432 | } 1433 | 1434 | .mp-11 { 1435 | width: 91.6666666667%; 1436 | } 1437 | 1438 | .mp-12 { 1439 | width: 100%; 1440 | } 1441 | 1442 | .mp-13 { 1443 | width: 108.3333333333%; 1444 | } 1445 | 1446 | .mp-14 { 1447 | width: 116.6666666667%; 1448 | } 1449 | 1450 | .mp-15 { 1451 | width: 125.0%; 1452 | } 1453 | 1454 | .mp-16 { 1455 | width: 133.3333333333%; 1456 | } 1457 | 1458 | .mp-17 { 1459 | width: 141.6666666667%; 1460 | } 1461 | 1462 | .mp-18 { 1463 | width: 150%; 1464 | } 1465 | 1466 | .mp-19 { 1467 | width: 158.3333333333%; 1468 | } 1469 | 1470 | .mp-20 { 1471 | width: 166.6666666667%; 1472 | } 1473 | 1474 | .mp-21 { 1475 | width: 175%; 1476 | } 1477 | 1478 | .mp-22 { 1479 | width: 183.3333333333%; 1480 | } 1481 | 1482 | .mp-23 { 1483 | width: 191.6666666667%; 1484 | } 1485 | 1486 | .mp-24 { 1487 | width: 200%; 1488 | } 1489 | 1490 | .ml-1 { 1491 | width: 8.3333333333%; 1492 | } 1493 | 1494 | .ml-2 { 1495 | width: 16.6666666667%; 1496 | } 1497 | 1498 | .ml-3 { 1499 | width: 25%; 1500 | } 1501 | 1502 | .ml-4 { 1503 | width: 33.3333333333%; 1504 | } 1505 | 1506 | .ml-5 { 1507 | width: 41.6666666667%; 1508 | } 1509 | 1510 | .ml-6 { 1511 | width: 50%; 1512 | } 1513 | 1514 | .ml-7 { 1515 | width: 58.3333333333%; 1516 | } 1517 | 1518 | .ml-8 { 1519 | width: 66.6666666667%; 1520 | } 1521 | 1522 | .ml-9 { 1523 | width: 75%; 1524 | } 1525 | 1526 | .ml-10 { 1527 | width: 83.3333333333%; 1528 | } 1529 | 1530 | .ml-11 { 1531 | width: 91.6666666667%; 1532 | } 1533 | 1534 | .ml-12 { 1535 | width: 100%; 1536 | } 1537 | 1538 | .ml-13 { 1539 | width: 108.3333333333%; 1540 | } 1541 | 1542 | .ml-14 { 1543 | width: 116.6666666667%; 1544 | } 1545 | 1546 | .ml-15 { 1547 | width: 125.0%; 1548 | } 1549 | 1550 | .ml-16 { 1551 | width: 133.3333333333%; 1552 | } 1553 | 1554 | .ml-17 { 1555 | width: 141.6666666667%; 1556 | } 1557 | 1558 | .ml-18 { 1559 | width: 150%; 1560 | } 1561 | 1562 | .ml-19 { 1563 | width: 158.3333333333%; 1564 | } 1565 | 1566 | .ml-20 { 1567 | width: 166.6666666667%; 1568 | } 1569 | 1570 | .ml-21 { 1571 | width: 175%; 1572 | } 1573 | 1574 | .ml-22 { 1575 | width: 183.3333333333%; 1576 | } 1577 | 1578 | .ml-23 { 1579 | width: 191.6666666667%; 1580 | } 1581 | 1582 | .ml-24 { 1583 | width: 200%; 1584 | } 1585 | } 1586 | @media (max-width: 320px) { 1587 | .ml-1, 1588 | .ml-2, 1589 | .ml-3, 1590 | .ml-4, 1591 | .ml-5, 1592 | .ml-6, 1593 | .ml-7, 1594 | .ml-8, 1595 | .ml-9, 1596 | .ml-10, 1597 | .ml-11, 1598 | .ml-12, 1599 | .ml-13, 1600 | .ml-14, 1601 | .ml-15, 1602 | .ml-16, 1603 | .ml-17, 1604 | .ml-18, 1605 | .ml-19, 1606 | .ml-20, 1607 | .ml-21, 1608 | .ml-22, 1609 | .ml-23, 1610 | .ml-24 { 1611 | width: 100%; 1612 | } 1613 | 1614 | .mp-1 { 1615 | width: 8.3333333333%; 1616 | } 1617 | 1618 | .mp-2 { 1619 | width: 16.6666666667%; 1620 | } 1621 | 1622 | .mp-3 { 1623 | width: 25%; 1624 | } 1625 | 1626 | .mp-4 { 1627 | width: 33.3333333333%; 1628 | } 1629 | 1630 | .mp-5 { 1631 | width: 41.6666666667%; 1632 | } 1633 | 1634 | .mp-6 { 1635 | width: 50%; 1636 | } 1637 | 1638 | .mp-7 { 1639 | width: 58.3333333333%; 1640 | } 1641 | 1642 | .mp-8 { 1643 | width: 66.6666666667%; 1644 | } 1645 | 1646 | .mp-9 { 1647 | width: 75%; 1648 | } 1649 | 1650 | .mp-10 { 1651 | width: 83.3333333333%; 1652 | } 1653 | 1654 | .mp-11 { 1655 | width: 91.6666666667%; 1656 | } 1657 | 1658 | .mp-12 { 1659 | width: 100%; 1660 | } 1661 | 1662 | .mp-13 { 1663 | width: 108.3333333333%; 1664 | } 1665 | 1666 | .mp-14 { 1667 | width: 116.6666666667%; 1668 | } 1669 | 1670 | .mp-15 { 1671 | width: 125.0%; 1672 | } 1673 | 1674 | .mp-16 { 1675 | width: 133.3333333333%; 1676 | } 1677 | 1678 | .mp-17 { 1679 | width: 141.6666666667%; 1680 | } 1681 | 1682 | .mp-18 { 1683 | width: 150%; 1684 | } 1685 | 1686 | .mp-19 { 1687 | width: 158.3333333333%; 1688 | } 1689 | 1690 | .mp-20 { 1691 | width: 166.6666666667%; 1692 | } 1693 | 1694 | .mp-21 { 1695 | width: 175%; 1696 | } 1697 | 1698 | .mp-22 { 1699 | width: 183.3333333333%; 1700 | } 1701 | 1702 | .mp-23 { 1703 | width: 191.6666666667%; 1704 | } 1705 | 1706 | .mp-24 { 1707 | width: 200%; 1708 | } 1709 | } 1710 | @media (max-width: 567px) { 1711 | .mp-hide { 1712 | display: none !important; 1713 | } 1714 | 1715 | .ml-hide { 1716 | display: none !important; 1717 | } 1718 | 1719 | .tp-hide { 1720 | display: none !important; 1721 | } 1722 | 1723 | .tl-hide { 1724 | display: none !important; 1725 | } 1726 | 1727 | .dt-hide { 1728 | display: none !important; 1729 | } 1730 | } 1731 | @media (min-width: 568px) and (max-width: 767px) { 1732 | .ml-hide { 1733 | display: none !important; 1734 | } 1735 | 1736 | .tp-hide { 1737 | display: none !important; 1738 | } 1739 | 1740 | .tl-hide { 1741 | display: none !important; 1742 | } 1743 | 1744 | .dt-hide { 1745 | display: none !important; 1746 | } 1747 | } 1748 | @media (min-width: 768px) and (max-width: 1023px) { 1749 | .tp-hide { 1750 | display: none !important; 1751 | } 1752 | 1753 | .tl-hide { 1754 | display: none !important; 1755 | } 1756 | 1757 | .dt-hide { 1758 | display: none !important; 1759 | } 1760 | } 1761 | @media (max-width: 1024px) { 1762 | .tl-hide { 1763 | display: none !important; 1764 | } 1765 | 1766 | .dt-hide { 1767 | display: none !important; 1768 | } 1769 | } 1770 | @media (min-width: 1025px) { 1771 | .dt-hide { 1772 | display: none !important; 1773 | } 1774 | } 1775 | -------------------------------------------------------------------------------- /css/modestgrid-fp.css.map: -------------------------------------------------------------------------------- 1 | { 2 | "version": 3, 3 | "mappings": "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", 4 | "sources": ["../sass/modestgrid-fp.scss"], 5 | "names": [], 6 | "file": "modestgrid-fp.css" 7 | } 8 | -------------------------------------------------------------------------------- /css/modestgrid.css: -------------------------------------------------------------------------------- 1 | * { 2 | box-sizing: border-box; 3 | -webkit-box-sizing: border-box; 4 | -moz-box-sizing: border-box; } 5 | 6 | *:before, *:after { 7 | box-sizing: border-box; 8 | -webkit-box-sizing: border-box; 9 | -moz-box-sizing: border-box; } 10 | 11 | body { 12 | margin: 0; } 13 | 14 | .wrapper { 15 | max-width: 1280px; 16 | width: 100%; 17 | margin-left: auto; 18 | margin-right: auto; 19 | padding-left: 20px; 20 | padding-right: 20px; } 21 | 22 | .row { 23 | margin-left: -20px; 24 | margin-right: -20px; } 25 | 26 | .nested { 27 | margin-bottom: 0 !important; } 28 | 29 | .wrapper:before, 30 | .row:before { 31 | display: table; 32 | content: " "; } 33 | 34 | .wrapper:after, 35 | .row:after { 36 | clear: both; 37 | display: table; 38 | content: " "; } 39 | 40 | .nested .dt-12, .nested .tl-12, .nested .tp-12, .nested .ml-12, .nested .mp-12 { 41 | margin-bottom: 0; } 42 | 43 | .nested .dt-11, .nested .tl-11, .nested .tp-11, .nested .ml-11, .nested .mp-11 { 44 | margin-bottom: 0; } 45 | 46 | .nested .dt-10, .nested .tl-10, .nested .tp-10, .nested .ml-10, .nested .mp-10 { 47 | margin-bottom: 0; } 48 | 49 | .nested .dt-9, .nested .tl-9, .nested .tp-9, .nested .ml-9, .nested .mp-9 { 50 | margin-bottom: 0; } 51 | 52 | .nested .dt-8, .nested .tl-8, .nested .tp-8, .nested .ml-8, .nested .mp-8 { 53 | margin-bottom: 0; } 54 | 55 | .nested .dt-7, .nested .tl-7, .nested .tp-7, .nested .ml-7, .nested .mp-7 { 56 | margin-bottom: 0; } 57 | 58 | .nested .dt-6, .nested .tl-6, .nested .tp-6, .nested .ml-6, .nested .mp-6 { 59 | margin-bottom: 0; } 60 | 61 | .nested .dt-5, .nested .tl-5, .nested .tp-5, .nested .ml-5, .nested .mp-5 { 62 | margin-bottom: 0; } 63 | 64 | .nested .dt-4, .nested .tl-4, .nested .tp-4, .nested .ml-4, .nested .mp-4 { 65 | margin-bottom: 0; } 66 | 67 | .nested .dt-3, .nested .tl-3, .nested .tp-3, .nested .ml-3, .nested .mp-3 { 68 | margin-bottom: 0; } 69 | 70 | .nested .dt-2, .nested .tl-2, .nested .tp-2, .nested .ml-2, .nested .mp-2 { 71 | margin-bottom: 0; } 72 | 73 | .nested .dt-1, .nested .tl-1, .nested .tp-1, .nested .ml-1, .nested .mp-1 { 74 | margin-bottom: 0; } 75 | 76 | .dt-12, .tl-12, .tp-12, .ml-12, .mp-12 { 77 | float: left; 78 | padding-left: 20px; 79 | padding-right: 20px; 80 | min-height: 1px; 81 | margin-bottom: 20px; } 82 | 83 | .dt-11, .tl-11, .tp-11, .ml-11, .mp-11 { 84 | float: left; 85 | padding-left: 20px; 86 | padding-right: 20px; 87 | min-height: 1px; 88 | margin-bottom: 20px; } 89 | 90 | .dt-10, .tl-10, .tp-10, .ml-10, .mp-10 { 91 | float: left; 92 | padding-left: 20px; 93 | padding-right: 20px; 94 | min-height: 1px; 95 | margin-bottom: 20px; } 96 | 97 | .dt-9, .tl-9, .tp-9, .ml-9, .mp-9 { 98 | float: left; 99 | padding-left: 20px; 100 | padding-right: 20px; 101 | min-height: 1px; 102 | margin-bottom: 20px; } 103 | 104 | .dt-8, .tl-8, .tp-8, .ml-8, .mp-8 { 105 | float: left; 106 | padding-left: 20px; 107 | padding-right: 20px; 108 | min-height: 1px; 109 | margin-bottom: 20px; } 110 | 111 | .dt-7, .tl-7, .tp-7, .ml-7, .mp-7 { 112 | float: left; 113 | padding-left: 20px; 114 | padding-right: 20px; 115 | min-height: 1px; 116 | margin-bottom: 20px; } 117 | 118 | .dt-6, .tl-6, .tp-6, .ml-6, .mp-6 { 119 | float: left; 120 | padding-left: 20px; 121 | padding-right: 20px; 122 | min-height: 1px; 123 | margin-bottom: 20px; } 124 | 125 | .dt-5, .tl-5, .tp-5, .ml-5, .mp-5 { 126 | float: left; 127 | padding-left: 20px; 128 | padding-right: 20px; 129 | min-height: 1px; 130 | margin-bottom: 20px; } 131 | 132 | .dt-4, .tl-4, .tp-4, .ml-4, .mp-4 { 133 | float: left; 134 | padding-left: 20px; 135 | padding-right: 20px; 136 | min-height: 1px; 137 | margin-bottom: 20px; } 138 | 139 | .dt-3, .tl-3, .tp-3, .ml-3, .mp-3 { 140 | float: left; 141 | padding-left: 20px; 142 | padding-right: 20px; 143 | min-height: 1px; 144 | margin-bottom: 20px; } 145 | 146 | .dt-2, .tl-2, .tp-2, .ml-2, .mp-2 { 147 | float: left; 148 | padding-left: 20px; 149 | padding-right: 20px; 150 | min-height: 1px; 151 | margin-bottom: 20px; } 152 | 153 | .dt-1, .tl-1, .tp-1, .ml-1, .mp-1 { 154 | float: left; 155 | padding-left: 20px; 156 | padding-right: 20px; 157 | min-height: 1px; 158 | margin-bottom: 20px; } 159 | 160 | .mp-12 { 161 | width: 100%; } 162 | 163 | .mp-11 { 164 | width: 91.6666666667%; } 165 | 166 | .mp-10 { 167 | width: 83.3333333333%; } 168 | 169 | .mp-9 { 170 | width: 75%; } 171 | 172 | .mp-8 { 173 | width: 66.6666666667%; } 174 | 175 | .mp-7 { 176 | width: 58.3333333333%; } 177 | 178 | .mp-6 { 179 | width: 50%; } 180 | 181 | .mp-5 { 182 | width: 41.6666666667%; } 183 | 184 | .mp-4 { 185 | width: 33.3333333333%; } 186 | 187 | .mp-3 { 188 | width: 25%; } 189 | 190 | .mp-2 { 191 | width: 16.6666666667%; } 192 | 193 | .mp-1 { 194 | width: 8.3333333333%; } 195 | 196 | .ml-12 { 197 | width: 100%; } 198 | 199 | .ml-11 { 200 | width: 91.6666666667%; } 201 | 202 | .ml-10 { 203 | width: 83.3333333333%; } 204 | 205 | .ml-9 { 206 | width: 75%; } 207 | 208 | .ml-8 { 209 | width: 66.6666666667%; } 210 | 211 | .ml-7 { 212 | width: 58.3333333333%; } 213 | 214 | .ml-6 { 215 | width: 50%; } 216 | 217 | .ml-5 { 218 | width: 41.6666666667%; } 219 | 220 | .ml-4 { 221 | width: 33.3333333333%; } 222 | 223 | .ml-3 { 224 | width: 25%; } 225 | 226 | .ml-2 { 227 | width: 16.6666666667%; } 228 | 229 | .ml-1 { 230 | width: 8.3333333333%; } 231 | 232 | .tp-12 { 233 | width: 100%; } 234 | 235 | .tp-11 { 236 | width: 91.6666666667%; } 237 | 238 | .tp-10 { 239 | width: 83.3333333333%; } 240 | 241 | .tp-9 { 242 | width: 75%; } 243 | 244 | .tp-8 { 245 | width: 66.6666666667%; } 246 | 247 | .tp-7 { 248 | width: 58.3333333333%; } 249 | 250 | .tp-6 { 251 | width: 50%; } 252 | 253 | .tp-5 { 254 | width: 41.6666666667%; } 255 | 256 | .tp-4 { 257 | width: 33.3333333333%; } 258 | 259 | .tp-3 { 260 | width: 25%; } 261 | 262 | .tp-2 { 263 | width: 16.6666666667%; } 264 | 265 | .tp-1 { 266 | width: 8.3333333333%; } 267 | 268 | .tl-12 { 269 | width: 100%; } 270 | 271 | .tl-11 { 272 | width: 91.6666666667%; } 273 | 274 | .tl-10 { 275 | width: 83.3333333333%; } 276 | 277 | .tl-9 { 278 | width: 75%; } 279 | 280 | .tl-8 { 281 | width: 66.6666666667%; } 282 | 283 | .tl-7 { 284 | width: 58.3333333333%; } 285 | 286 | .tl-6 { 287 | width: 50%; } 288 | 289 | .tl-5 { 290 | width: 41.6666666667%; } 291 | 292 | .tl-4 { 293 | width: 33.3333333333%; } 294 | 295 | .tl-3 { 296 | width: 25%; } 297 | 298 | .tl-2 { 299 | width: 16.6666666667%; } 300 | 301 | .tl-1 { 302 | width: 8.3333333333%; } 303 | 304 | .dt-12 { 305 | width: 100%; } 306 | 307 | .dt-11 { 308 | width: 91.6666666667%; } 309 | 310 | .dt-10 { 311 | width: 83.3333333333%; } 312 | 313 | .dt-9 { 314 | width: 75%; } 315 | 316 | .dt-8 { 317 | width: 66.6666666667%; } 318 | 319 | .dt-7 { 320 | width: 58.3333333333%; } 321 | 322 | .dt-6 { 323 | width: 50%; } 324 | 325 | .dt-5 { 326 | width: 41.6666666667%; } 327 | 328 | .dt-4 { 329 | width: 33.3333333333%; } 330 | 331 | .dt-3 { 332 | width: 25%; } 333 | 334 | .dt-2 { 335 | width: 16.6666666667%; } 336 | 337 | .dt-1 { 338 | width: 8.3333333333%; } 339 | 340 | .wrapper:after, 341 | .row:after { 342 | clear: both; 343 | display: table; 344 | content: " "; } 345 | 346 | .dt-12, .tl-12, .tp-12, .ml-12, .mp-12 { 347 | float: left; 348 | padding-left: 20px; 349 | padding-right: 20px; 350 | min-height: 1px; 351 | margin-bottom: 20px; } 352 | 353 | .dt-11, .tl-11, .tp-11, .ml-11, .mp-11 { 354 | float: left; 355 | padding-left: 20px; 356 | padding-right: 20px; 357 | min-height: 1px; 358 | margin-bottom: 20px; } 359 | 360 | .dt-10, .tl-10, .tp-10, .ml-10, .mp-10 { 361 | float: left; 362 | padding-left: 20px; 363 | padding-right: 20px; 364 | min-height: 1px; 365 | margin-bottom: 20px; } 366 | 367 | .dt-9, .tl-9, .tp-9, .ml-9, .mp-9 { 368 | float: left; 369 | padding-left: 20px; 370 | padding-right: 20px; 371 | min-height: 1px; 372 | margin-bottom: 20px; } 373 | 374 | .dt-8, .tl-8, .tp-8, .ml-8, .mp-8 { 375 | float: left; 376 | padding-left: 20px; 377 | padding-right: 20px; 378 | min-height: 1px; 379 | margin-bottom: 20px; } 380 | 381 | .dt-7, .tl-7, .tp-7, .ml-7, .mp-7 { 382 | float: left; 383 | padding-left: 20px; 384 | padding-right: 20px; 385 | min-height: 1px; 386 | margin-bottom: 20px; } 387 | 388 | .dt-6, .tl-6, .tp-6, .ml-6, .mp-6 { 389 | float: left; 390 | padding-left: 20px; 391 | padding-right: 20px; 392 | min-height: 1px; 393 | margin-bottom: 20px; } 394 | 395 | .dt-5, .tl-5, .tp-5, .ml-5, .mp-5 { 396 | float: left; 397 | padding-left: 20px; 398 | padding-right: 20px; 399 | min-height: 1px; 400 | margin-bottom: 20px; } 401 | 402 | .dt-4, .tl-4, .tp-4, .ml-4, .mp-4 { 403 | float: left; 404 | padding-left: 20px; 405 | padding-right: 20px; 406 | min-height: 1px; 407 | margin-bottom: 20px; } 408 | 409 | .dt-3, .tl-3, .tp-3, .ml-3, .mp-3 { 410 | float: left; 411 | padding-left: 20px; 412 | padding-right: 20px; 413 | min-height: 1px; 414 | margin-bottom: 20px; } 415 | 416 | .dt-2, .tl-2, .tp-2, .ml-2, .mp-2 { 417 | float: left; 418 | padding-left: 20px; 419 | padding-right: 20px; 420 | min-height: 1px; 421 | margin-bottom: 20px; } 422 | 423 | .dt-1, .tl-1, .tp-1, .ml-1, .mp-1 { 424 | float: left; 425 | padding-left: 20px; 426 | padding-right: 20px; 427 | min-height: 1px; 428 | margin-bottom: 20px; } 429 | 430 | .mp-12, .ml-12, .tp-12, .tl-12, .dt-12 { 431 | width: 100%; } 432 | 433 | .mp-11, .ml-11, .tp-11, .tl-11, .dt-11 { 434 | width: 91.6666666667%; } 435 | 436 | .mp-10, .ml-10, .tp-10, .tl-10, .dt-10 { 437 | width: 83.3333333333%; } 438 | 439 | .mp-9, .ml-9, .tp-9, .tl-9, .dt-9 { 440 | width: 75%; } 441 | 442 | .mp-8, .ml-8, .tp-8, .tl-8, .dt-8 { 443 | width: 66.6666666667%; } 444 | 445 | .mp-7, .ml-7, .tp-7, .tl-7, .dt-7 { 446 | width: 58.3333333333%; } 447 | 448 | .mp-6, .ml-6, .tp-6, .tl-6, .dt-6 { 449 | width: 50%; } 450 | 451 | .mp-5, .ml-5, .tp-5, .tl-5, .dt-5 { 452 | width: 41.6666666667%; } 453 | 454 | .mp-4, .ml-4, .tp-4, .tl-4, .dt-4 { 455 | width: 33.3333333333%; } 456 | 457 | .mp-3, .ml-3, .tp-3, .tl-3, .dt-3 { 458 | width: 25%; } 459 | 460 | .mp-2, .ml-2, .tp-2, .tl-2, .dt-2 { 461 | width: 16.6666666667%; } 462 | 463 | .mp-1, .ml-1, .tp-1, .tl-1, .dt-1 { 464 | width: 8.3333333333%; } 465 | 466 | .indent-mp-12, .indent-ml-12, .indent-tp-12, .indent-tl-12, .indent-dt-12 { 467 | margin-left: 100%; } 468 | 469 | .indent-mp-11, .indent-ml-11, .indent-tp-11, .indent-tl-11, .indent-dt-11 { 470 | margin-left: 91.6666666667%; } 471 | 472 | .indent-mp-10, .indent-ml-10, .indent-tp-10, .indent-tl-10, .indent-dt-10 { 473 | margin-left: 83.3333333333%; } 474 | 475 | .indent-mp-9, .indent-ml-9, .indent-tp-9, .indent-tl-9, .indent-dt-9 { 476 | margin-left: 75%; } 477 | 478 | .indent-mp-8, .indent-ml-8, .indent-tp-8, .indent-tl-8, .indent-dt-8 { 479 | margin-left: 66.6666666667%; } 480 | 481 | .indent-mp-7, .indent-ml-7, .indent-tp-7, .indent-tl-7, .indent-dt-7 { 482 | margin-left: 58.3333333333%; } 483 | 484 | .indent-mp-6, .indent-ml-6, .indent-tp-6, .indent-tl-6, .indent-dt-6 { 485 | margin-left: 50%; } 486 | 487 | .indent-mp-5, .indent-ml-5, .indent-tp-5, .indent-tl-5, .indent-dt-5 { 488 | margin-left: 41.6666666667%; } 489 | 490 | .indent-mp-4, .indent-ml-4, .indent-tp-4, .indent-tl-4, .indent-dt-4 { 491 | margin-left: 33.3333333333%; } 492 | 493 | .indent-mp-3, .indent-ml-3, .indent-tp-3, .indent-tl-3, .indent-dt-3 { 494 | margin-left: 25%; } 495 | 496 | .indent-mp-2, .indent-ml-2, .indent-tp-2, .indent-tl-2, .indent-dt-2 { 497 | margin-left: 16.6666666667%; } 498 | 499 | .indent-mp-1, .indent-ml-1, .indent-tp-1, .indent-tl-1, .indent-dt-1 { 500 | margin-left: 8.3333333333%; } 501 | 502 | @media (min-width: 1170px) and (max-width: 1440px) { 503 | .wrapper { 504 | max-width: 1170px; } } 505 | @media (max-width: 1169px) { 506 | .wrapper { 507 | max-width: 1024px; } 508 | 509 | .dt-12 { 510 | width: 100%; } 511 | 512 | .dt-11 { 513 | width: 100%; } 514 | 515 | .dt-10 { 516 | width: 100%; } 517 | 518 | .dt-9 { 519 | width: 100%; } 520 | 521 | .dt-8 { 522 | width: 100%; } 523 | 524 | .dt-7 { 525 | width: 100%; } 526 | 527 | .dt-6 { 528 | width: 100%; } 529 | 530 | .dt-5 { 531 | width: 100%; } 532 | 533 | .dt-4 { 534 | width: 100%; } 535 | 536 | .dt-3 { 537 | width: 100%; } 538 | 539 | .dt-2 { 540 | width: 100%; } 541 | 542 | .dt-1 { 543 | width: 100%; } 544 | 545 | .indent-dt-12 { 546 | margin-left: 0; } 547 | 548 | .indent-dt-11 { 549 | margin-left: 0; } 550 | 551 | .indent-dt-10 { 552 | margin-left: 0; } 553 | 554 | .indent-dt-9 { 555 | margin-left: 0; } 556 | 557 | .indent-dt-8 { 558 | margin-left: 0; } 559 | 560 | .indent-dt-7 { 561 | margin-left: 0; } 562 | 563 | .indent-dt-6 { 564 | margin-left: 0; } 565 | 566 | .indent-dt-5 { 567 | margin-left: 0; } 568 | 569 | .indent-dt-4 { 570 | margin-left: 0; } 571 | 572 | .indent-dt-3 { 573 | margin-left: 0; } 574 | 575 | .indent-dt-2 { 576 | margin-left: 0; } 577 | 578 | .indent-dt-1 { 579 | margin-left: 0; } 580 | 581 | .mp-12 { 582 | width: 100%; } 583 | 584 | .mp-11 { 585 | width: 91.6666666667%; } 586 | 587 | .mp-10 { 588 | width: 83.3333333333%; } 589 | 590 | .mp-9 { 591 | width: 75%; } 592 | 593 | .mp-8 { 594 | width: 66.6666666667%; } 595 | 596 | .mp-7 { 597 | width: 58.3333333333%; } 598 | 599 | .mp-6 { 600 | width: 50%; } 601 | 602 | .mp-5 { 603 | width: 41.6666666667%; } 604 | 605 | .mp-4 { 606 | width: 33.3333333333%; } 607 | 608 | .mp-3 { 609 | width: 25%; } 610 | 611 | .mp-2 { 612 | width: 16.6666666667%; } 613 | 614 | .mp-1 { 615 | width: 8.3333333333%; } 616 | 617 | .ml-12 { 618 | width: 100%; } 619 | 620 | .ml-11 { 621 | width: 91.6666666667%; } 622 | 623 | .ml-10 { 624 | width: 83.3333333333%; } 625 | 626 | .ml-9 { 627 | width: 75%; } 628 | 629 | .ml-8 { 630 | width: 66.6666666667%; } 631 | 632 | .ml-7 { 633 | width: 58.3333333333%; } 634 | 635 | .ml-6 { 636 | width: 50%; } 637 | 638 | .ml-5 { 639 | width: 41.6666666667%; } 640 | 641 | .ml-4 { 642 | width: 33.3333333333%; } 643 | 644 | .ml-3 { 645 | width: 25%; } 646 | 647 | .ml-2 { 648 | width: 16.6666666667%; } 649 | 650 | .ml-1 { 651 | width: 8.3333333333%; } 652 | 653 | .tp-12 { 654 | width: 100%; } 655 | 656 | .tp-11 { 657 | width: 91.6666666667%; } 658 | 659 | .tp-10 { 660 | width: 83.3333333333%; } 661 | 662 | .tp-9 { 663 | width: 75%; } 664 | 665 | .tp-8 { 666 | width: 66.6666666667%; } 667 | 668 | .tp-7 { 669 | width: 58.3333333333%; } 670 | 671 | .tp-6 { 672 | width: 50%; } 673 | 674 | .tp-5 { 675 | width: 41.6666666667%; } 676 | 677 | .tp-4 { 678 | width: 33.3333333333%; } 679 | 680 | .tp-3 { 681 | width: 25%; } 682 | 683 | .tp-2 { 684 | width: 16.6666666667%; } 685 | 686 | .tp-1 { 687 | width: 8.3333333333%; } 688 | 689 | .tl-12 { 690 | width: 100%; } 691 | 692 | .tl-11 { 693 | width: 91.6666666667%; } 694 | 695 | .tl-10 { 696 | width: 83.3333333333%; } 697 | 698 | .tl-9 { 699 | width: 75%; } 700 | 701 | .tl-8 { 702 | width: 66.6666666667%; } 703 | 704 | .tl-7 { 705 | width: 58.3333333333%; } 706 | 707 | .tl-6 { 708 | width: 50%; } 709 | 710 | .tl-5 { 711 | width: 41.6666666667%; } 712 | 713 | .tl-4 { 714 | width: 33.3333333333%; } 715 | 716 | .tl-3 { 717 | width: 25%; } 718 | 719 | .tl-2 { 720 | width: 16.6666666667%; } 721 | 722 | .tl-1 { 723 | width: 8.3333333333%; } } 724 | @media (max-width: 1023px) { 725 | .tl-12 { 726 | width: 100%; } 727 | 728 | .tl-11 { 729 | width: 100%; } 730 | 731 | .tl-10 { 732 | width: 100%; } 733 | 734 | .tl-9 { 735 | width: 100%; } 736 | 737 | .tl-8 { 738 | width: 100%; } 739 | 740 | .tl-7 { 741 | width: 100%; } 742 | 743 | .tl-6 { 744 | width: 100%; } 745 | 746 | .tl-5 { 747 | width: 100%; } 748 | 749 | .tl-4 { 750 | width: 100%; } 751 | 752 | .tl-3 { 753 | width: 100%; } 754 | 755 | .tl-2 { 756 | width: 100%; } 757 | 758 | .tl-1 { 759 | width: 100%; } 760 | 761 | .indent-tl-12 { 762 | margin-left: 0; } 763 | 764 | .indent-tl-11 { 765 | margin-left: 0; } 766 | 767 | .indent-tl-10 { 768 | margin-left: 0; } 769 | 770 | .indent-tl-9 { 771 | margin-left: 0; } 772 | 773 | .indent-tl-8 { 774 | margin-left: 0; } 775 | 776 | .indent-tl-7 { 777 | margin-left: 0; } 778 | 779 | .indent-tl-6 { 780 | margin-left: 0; } 781 | 782 | .indent-tl-5 { 783 | margin-left: 0; } 784 | 785 | .indent-tl-4 { 786 | margin-left: 0; } 787 | 788 | .indent-tl-3 { 789 | margin-left: 0; } 790 | 791 | .indent-tl-2 { 792 | margin-left: 0; } 793 | 794 | .indent-tl-1 { 795 | margin-left: 0; } 796 | 797 | .mp-12 { 798 | width: 100%; } 799 | 800 | .mp-11 { 801 | width: 91.6666666667%; } 802 | 803 | .mp-10 { 804 | width: 83.3333333333%; } 805 | 806 | .mp-9 { 807 | width: 75%; } 808 | 809 | .mp-8 { 810 | width: 66.6666666667%; } 811 | 812 | .mp-7 { 813 | width: 58.3333333333%; } 814 | 815 | .mp-6 { 816 | width: 50%; } 817 | 818 | .mp-5 { 819 | width: 41.6666666667%; } 820 | 821 | .mp-4 { 822 | width: 33.3333333333%; } 823 | 824 | .mp-3 { 825 | width: 25%; } 826 | 827 | .mp-2 { 828 | width: 16.6666666667%; } 829 | 830 | .mp-1 { 831 | width: 8.3333333333%; } 832 | 833 | .ml-12 { 834 | width: 100%; } 835 | 836 | .ml-11 { 837 | width: 91.6666666667%; } 838 | 839 | .ml-10 { 840 | width: 83.3333333333%; } 841 | 842 | .ml-9 { 843 | width: 75%; } 844 | 845 | .ml-8 { 846 | width: 66.6666666667%; } 847 | 848 | .ml-7 { 849 | width: 58.3333333333%; } 850 | 851 | .ml-6 { 852 | width: 50%; } 853 | 854 | .ml-5 { 855 | width: 41.6666666667%; } 856 | 857 | .ml-4 { 858 | width: 33.3333333333%; } 859 | 860 | .ml-3 { 861 | width: 25%; } 862 | 863 | .ml-2 { 864 | width: 16.6666666667%; } 865 | 866 | .ml-1 { 867 | width: 8.3333333333%; } 868 | 869 | .tp-12 { 870 | width: 100%; } 871 | 872 | .tp-11 { 873 | width: 91.6666666667%; } 874 | 875 | .tp-10 { 876 | width: 83.3333333333%; } 877 | 878 | .tp-9 { 879 | width: 75%; } 880 | 881 | .tp-8 { 882 | width: 66.6666666667%; } 883 | 884 | .tp-7 { 885 | width: 58.3333333333%; } 886 | 887 | .tp-6 { 888 | width: 50%; } 889 | 890 | .tp-5 { 891 | width: 41.6666666667%; } 892 | 893 | .tp-4 { 894 | width: 33.3333333333%; } 895 | 896 | .tp-3 { 897 | width: 25%; } 898 | 899 | .tp-2 { 900 | width: 16.6666666667%; } 901 | 902 | .tp-1 { 903 | width: 8.3333333333%; } } 904 | @media (max-width: 767px) { 905 | .tp-12 { 906 | width: 100%; } 907 | 908 | .tp-11 { 909 | width: 100%; } 910 | 911 | .tp-10 { 912 | width: 100%; } 913 | 914 | .tp-9 { 915 | width: 100%; } 916 | 917 | .tp-8 { 918 | width: 100%; } 919 | 920 | .tp-7 { 921 | width: 100%; } 922 | 923 | .tp-6 { 924 | width: 100%; } 925 | 926 | .tp-5 { 927 | width: 100%; } 928 | 929 | .tp-4 { 930 | width: 100%; } 931 | 932 | .tp-3 { 933 | width: 100%; } 934 | 935 | .tp-2 { 936 | width: 100%; } 937 | 938 | .tp-1 { 939 | width: 100%; } 940 | 941 | .indent-tp-12 { 942 | margin-left: 0; } 943 | 944 | .indent-tp-11 { 945 | margin-left: 0; } 946 | 947 | .indent-tp-10 { 948 | margin-left: 0; } 949 | 950 | .indent-tp-9 { 951 | margin-left: 0; } 952 | 953 | .indent-tp-8 { 954 | margin-left: 0; } 955 | 956 | .indent-tp-7 { 957 | margin-left: 0; } 958 | 959 | .indent-tp-6 { 960 | margin-left: 0; } 961 | 962 | .indent-tp-5 { 963 | margin-left: 0; } 964 | 965 | .indent-tp-4 { 966 | margin-left: 0; } 967 | 968 | .indent-tp-3 { 969 | margin-left: 0; } 970 | 971 | .indent-tp-2 { 972 | margin-left: 0; } 973 | 974 | .indent-tp-1 { 975 | margin-left: 0; } 976 | 977 | .mp-12 { 978 | width: 100%; } 979 | 980 | .mp-11 { 981 | width: 91.6666666667%; } 982 | 983 | .mp-10 { 984 | width: 83.3333333333%; } 985 | 986 | .mp-9 { 987 | width: 75%; } 988 | 989 | .mp-8 { 990 | width: 66.6666666667%; } 991 | 992 | .mp-7 { 993 | width: 58.3333333333%; } 994 | 995 | .mp-6 { 996 | width: 50%; } 997 | 998 | .mp-5 { 999 | width: 41.6666666667%; } 1000 | 1001 | .mp-4 { 1002 | width: 33.3333333333%; } 1003 | 1004 | .mp-3 { 1005 | width: 25%; } 1006 | 1007 | .mp-2 { 1008 | width: 16.6666666667%; } 1009 | 1010 | .mp-1 { 1011 | width: 8.3333333333%; } 1012 | 1013 | .ml-12 { 1014 | width: 100%; } 1015 | 1016 | .ml-11 { 1017 | width: 91.6666666667%; } 1018 | 1019 | .ml-10 { 1020 | width: 83.3333333333%; } 1021 | 1022 | .ml-9 { 1023 | width: 75%; } 1024 | 1025 | .ml-8 { 1026 | width: 66.6666666667%; } 1027 | 1028 | .ml-7 { 1029 | width: 58.3333333333%; } 1030 | 1031 | .ml-6 { 1032 | width: 50%; } 1033 | 1034 | .ml-5 { 1035 | width: 41.6666666667%; } 1036 | 1037 | .ml-4 { 1038 | width: 33.3333333333%; } 1039 | 1040 | .ml-3 { 1041 | width: 25%; } 1042 | 1043 | .ml-2 { 1044 | width: 16.6666666667%; } 1045 | 1046 | .ml-1 { 1047 | width: 8.3333333333%; } } 1048 | @media (max-width: 567px) { 1049 | .ml-12 { 1050 | width: 100%; } 1051 | 1052 | .ml-11 { 1053 | width: 100%; } 1054 | 1055 | .ml-10 { 1056 | width: 100%; } 1057 | 1058 | .ml-9 { 1059 | width: 100%; } 1060 | 1061 | .ml-8 { 1062 | width: 100%; } 1063 | 1064 | .ml-7 { 1065 | width: 100%; } 1066 | 1067 | .ml-6 { 1068 | width: 100%; } 1069 | 1070 | .ml-5 { 1071 | width: 100%; } 1072 | 1073 | .ml-4 { 1074 | width: 100%; } 1075 | 1076 | .ml-3 { 1077 | width: 100%; } 1078 | 1079 | .ml-2 { 1080 | width: 100%; } 1081 | 1082 | .ml-1 { 1083 | width: 100%; } 1084 | 1085 | .indent-ml-12 { 1086 | margin-left: 0; } 1087 | 1088 | .indent-ml-11 { 1089 | margin-left: 0; } 1090 | 1091 | .indent-ml-10 { 1092 | margin-left: 0; } 1093 | 1094 | .indent-ml-9 { 1095 | margin-left: 0; } 1096 | 1097 | .indent-ml-8 { 1098 | margin-left: 0; } 1099 | 1100 | .indent-ml-7 { 1101 | margin-left: 0; } 1102 | 1103 | .indent-ml-6 { 1104 | margin-left: 0; } 1105 | 1106 | .indent-ml-5 { 1107 | margin-left: 0; } 1108 | 1109 | .indent-ml-4 { 1110 | margin-left: 0; } 1111 | 1112 | .indent-ml-3 { 1113 | margin-left: 0; } 1114 | 1115 | .indent-ml-2 { 1116 | margin-left: 0; } 1117 | 1118 | .indent-ml-1 { 1119 | margin-left: 0; } 1120 | 1121 | .mp-12 { 1122 | width: 100%; } 1123 | 1124 | .mp-11 { 1125 | width: 91.6666666667%; } 1126 | 1127 | .mp-10 { 1128 | width: 83.3333333333%; } 1129 | 1130 | .mp-9 { 1131 | width: 75%; } 1132 | 1133 | .mp-8 { 1134 | width: 66.6666666667%; } 1135 | 1136 | .mp-7 { 1137 | width: 58.3333333333%; } 1138 | 1139 | .mp-6 { 1140 | width: 50%; } 1141 | 1142 | .mp-5 { 1143 | width: 41.6666666667%; } 1144 | 1145 | .mp-4 { 1146 | width: 33.3333333333%; } 1147 | 1148 | .mp-3 { 1149 | width: 25%; } 1150 | 1151 | .mp-2 { 1152 | width: 16.6666666667%; } 1153 | 1154 | .mp-1 { 1155 | width: 8.3333333333%; } } 1156 | .force { 1157 | float: right; } 1158 | 1159 | @media (max-width: 567px) { 1160 | .mp-hide { 1161 | display: none !important; } 1162 | 1163 | .ml-hide { 1164 | display: none !important; } 1165 | 1166 | .tp-hide { 1167 | display: none !important; } 1168 | 1169 | .tl-hide { 1170 | display: none !important; } 1171 | 1172 | .dt-hide { 1173 | display: none !important; } } 1174 | @media (min-width: 568px) and (max-width: 767px) { 1175 | .ml-hide { 1176 | display: none !important; } 1177 | 1178 | .tp-hide { 1179 | display: none !important; } 1180 | 1181 | .tl-hide { 1182 | display: none !important; } 1183 | 1184 | .dt-hide { 1185 | display: none !important; } } 1186 | @media (min-width: 768px) and (max-width: 1023px) { 1187 | .tp-hide { 1188 | display: none !important; } 1189 | 1190 | .tl-hide { 1191 | display: none !important; } 1192 | 1193 | .dt-hide { 1194 | display: none !important; } } 1195 | @media (max-width: 1024px) { 1196 | .tl-hide { 1197 | display: none !important; } 1198 | 1199 | .dt-hide { 1200 | display: none !important; } } 1201 | @media (min-width: 1025px) { 1202 | .dt-hide { 1203 | display: none !important; } } 1204 | -------------------------------------------------------------------------------- /css/modestgrid.css.map: -------------------------------------------------------------------------------- 1 | { 2 | "version": 3, 3 | "mappings": "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", 4 | "sources": ["../sass/modestgrid.scss"], 5 | "names": [], 6 | "file": "modestgrid.css" 7 | } 8 | -------------------------------------------------------------------------------- /css/styles.css: -------------------------------------------------------------------------------- 1 | body { 2 | font-family: Georgia, Times, serif; 3 | font-size: 14px; 4 | line-height: 21px; 5 | } 6 | 7 | hr { 8 | border: 0; 9 | height: 1px; 10 | background: #999999; 11 | background-image: -webkit-linear-gradient(left, #ffffff, #999999, #ffffff); 12 | background-image: -moz-linear-gradient(left, #ffffff, #999999, #ffffff); 13 | background-image: -ms-linear-gradient(left, #ffffff, #999999, #ffffff); 14 | background-image: -o-linear-gradient(left, #ffffff, #999999, #ffffff); 15 | width: 25%; 16 | margin: 30px auto; 17 | } -------------------------------------------------------------------------------- /examples/modest-grid-15.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Modest Grid 15 8 | 9 | 10 | 11 | 12 | 13 |
14 |
15 |
16 |

Modest Grid 15

17 |
18 |
19 |
20 |
21 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vitae tempor metus, dictum vehicula quam. Quisque lobortis augue vel est malesuada pharetra. In dictum odio gravida, scelerisque risus quis, rhoncus velit. Proin nec iaculis est. Phasellus a erat in augue placerat ullamcorper. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Etiam cursus pellentesque lorem, at porta risus bibendum vel. Integer ac libero tincidunt, elementum neque id, bibendum purus. Duis cursus lectus nunc. Fusce leo mauris, pulvinar et arcu at, tempor aliquet turpis. Nulla ut sodales arcu, non consectetur ex. Proin iaculis bibendum mi vitae vehicula. Phasellus at ornare felis, quis pharetra eros. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vitae tempor metus, dictum vehicula quam. Quisque lobortis augue vel est malesuada pharetra. In dictum odio gravida, scelerisque risus quis, rhoncus velit. Proin nec iaculis est. Phasellus a erat in augue placerat ullamcorper. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Etiam cursus pellentesque lorem, at porta risus bibendum vel. Integer ac libero tincidunt, elementum neque id, bibendum purus. Duis cursus lectus nunc. Fusce leo mauris, pulvinar et arcu at, tempor aliquet turpis. Nulla ut sodales arcu, non consectetur ex. Proin iaculis bibendum mi vitae vehicula. Phasellus at ornare felis, quis pharetra eros. 22 |
23 |
24 |
25 |
26 |
27 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vitae tempor metus, dictum vehicula quam. Quisque lobortis augue vel est malesuada pharetra. In dictum odio gravida, scelerisque risus quis, rhoncus velit. Proin nec iaculis est. Phasellus a erat in augue placerat ullamcorper. 28 |
29 |
30 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vitae tempor metus, dictum vehicula quam. Quisque lobortis augue vel est malesuada pharetra. In dictum odio gravida, scelerisque risus quis, rhoncus velit. Proin nec iaculis est. Phasellus a erat in augue placerat ullamcorper. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Etiam cursus pellentesque lorem, at porta risus bibendum vel. Integer ac libero tincidunt, elementum neque id, bibendum purus. Duis cursus lectus nunc. Fusce leo mauris, pulvinar et arcu at, tempor aliquet turpis. Nulla ut sodales arcu, non consectetur ex. Proin iaculis bibendum mi vitae vehicula. Phasellus at ornare felis, quis pharetra eros. 31 |
32 |
33 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vitae tempor metus, dictum vehicula quam. Quisque lobortis augue vel est malesuada pharetra. In dictum odio gravida, scelerisque risus quis, rhoncus velit. Proin nec iaculis est. Phasellus a erat in augue placerat ullamcorper. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Etiam cursus pellentesque lorem, at porta risus bibendum vel. Integer ac libero tincidunt, elementum neque id, bibendum purus. Duis cursus lectus nunc. Fusce leo mauris, pulvinar et arcu at, tempor aliquet turpis. Nulla ut sodales arcu, non consectetur ex. Proin iaculis bibendum mi vitae vehicula. Phasellus at ornare felis, quis pharetra eros. 34 |
35 |
36 |
37 |
38 |
39 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vitae tempor metus, dictum vehicula quam. Quisque lobortis augue vel est malesuada pharetra. In dictum odio gravida, scelerisque risus quis, rhoncus velit. Proin nec iaculis est. Phasellus a erat in augue placerat ullamcorper. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Etiam cursus pellentesque lorem, at porta risus bibendum vel. Integer ac libero tincidunt, elementum neque id, bibendum purus. Duis cursus lectus nunc. Fusce leo mauris, pulvinar et arcu at, tempor aliquet turpis. Nulla ut sodales arcu, non consectetur ex. Proin iaculis bibendum mi vitae vehicula. Phasellus at ornare felis, quis pharetra eros. 40 |
41 |
42 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vitae tempor metus, dictum vehicula quam. Quisque lobortis augue vel est malesuada pharetra. In dictum odio gravida, scelerisque risus quis, rhoncus velit. Proin nec iaculis est. Phasellus a erat in augue placerat ullamcorper. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Etiam cursus pellentesque lorem, at porta risus bibendum vel. Integer ac libero tincidunt, elementum neque id, bibendum purus. Duis cursus lectus nunc. Fusce leo mauris, pulvinar et arcu at, tempor aliquet turpis. Nulla ut sodales arcu, non consectetur ex. Proin iaculis bibendum mi vitae vehicula. Phasellus at ornare felis, quis pharetra eros. 43 |
44 |
45 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vitae tempor metus, dictum vehicula quam. Quisque lobortis augue vel est malesuada pharetra. In dictum odio gravida, scelerisque risus quis, rhoncus velit. Proin nec iaculis est. Phasellus a erat in augue placerat ullamcorper. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Etiam cursus pellentesque lorem, at porta risus bibendum vel. Integer ac libero tincidunt, elementum neque id, bibendum purus. Duis cursus lectus nunc. Fusce leo mauris, pulvinar et arcu at, tempor aliquet turpis. Nulla ut sodales arcu, non consectetur ex. Proin iaculis bibendum mi vitae vehicula. Phasellus at ornare felis, quis pharetra eros. 46 |
47 |
48 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vitae tempor metus, dictum vehicula quam. Quisque lobortis augue vel est malesuada pharetra. In dictum odio gravida, scelerisque risus quis, rhoncus velit. Proin nec iaculis est. Phasellus a erat in augue placerat ullamcorper. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Etiam cursus pellentesque lorem, at porta risus bibendum vel. Integer ac libero tincidunt, elementum neque id, bibendum purus. Duis cursus lectus nunc. Fusce leo mauris, pulvinar et arcu at, tempor aliquet turpis. Nulla ut sodales arcu, non consectetur ex. Proin iaculis bibendum mi vitae vehicula. Phasellus at ornare felis, quis pharetra eros. 49 |
50 |
51 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vitae tempor metus, dictum vehicula quam. Quisque lobortis augue vel est malesuada pharetra. In dictum odio gravida, scelerisque risus quis, rhoncus velit. Proin nec iaculis est. Phasellus a erat in augue placerat ullamcorper. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Etiam cursus pellentesque lorem, at porta risus bibendum vel. Integer ac libero tincidunt, elementum neque id, bibendum purus. Duis cursus lectus nunc. Fusce leo mauris, pulvinar et arcu at, tempor aliquet turpis. Nulla ut sodales arcu, non consectetur ex. Proin iaculis bibendum mi vitae vehicula. Phasellus at ornare felis, quis pharetra eros. 52 |
53 |
54 |
55 |
56 |
57 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vitae tempor metus, dictum vehicula quam. Quisque lobortis augue vel est malesuada pharetra. In dictum odio gravida, scelerisque risus quis, rhoncus velit. Proin nec iaculis est. Phasellus a erat in augue placerat ullamcorper. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Etiam cursus pellentesque lorem, at porta risus bibendum vel. Integer ac libero tincidunt, elementum neque id, bibendum purus. Duis cursus lectus nunc. Fusce leo mauris, pulvinar et arcu at, tempor aliquet turpis. Nulla ut sodales arcu, non consectetur ex. Proin iaculis bibendum mi vitae vehicula. Phasellus at ornare felis, quis pharetra eros. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vitae tempor metus, dictum vehicula quam. Quisque lobortis augue vel est malesuada pharetra. In dictum odio gravida, scelerisque risus quis, rhoncus velit. Proin nec iaculis est. Phasellus a erat in augue placerat ullamcorper. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Etiam cursus pellentesque lorem, at porta risus bibendum vel. Integer ac libero tincidunt, elementum neque id, bibendum purus. Duis cursus lectus nunc. Fusce leo mauris, pulvinar et arcu at, tempor aliquet turpis. Nulla ut sodales arcu, non consectetur ex. Proin iaculis bibendum mi vitae vehicula. Phasellus at ornare felis, quis pharetra eros. 58 |
59 |
60 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vitae tempor metus, dictum vehicula quam. Quisque lobortis augue vel est malesuada pharetra. In dictum odio gravida, scelerisque risus quis, rhoncus velit. Proin nec iaculis est. Phasellus a erat in augue placerat ullamcorper. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Etiam cursus pellentesque lorem, at porta risus bibendum vel. Integer ac libero tincidunt, elementum neque id, bibendum purus. Duis cursus lectus nunc. Fusce leo mauris, pulvinar et arcu at, tempor aliquet turpis. Nulla ut sodales arcu, non consectetur ex. Proin iaculis bibendum mi vitae vehicula. Phasellus at ornare felis, quis pharetra eros. 61 |
62 |
63 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vitae tempor metus, dictum vehicula quam. Quisque lobortis augue vel est malesuada pharetra. In dictum odio gravida, scelerisque risus quis, rhoncus velit. Proin nec iaculis est. Phasellus a erat in augue placerat ullamcorper. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Etiam cursus pellentesque lorem, at porta risus bibendum vel. Integer ac libero tincidunt, elementum neque id, bibendum purus. Duis cursus lectus nunc. Fusce leo mauris, pulvinar et arcu at, tempor aliquet turpis. Nulla ut sodales arcu, non consectetur ex. Proin iaculis bibendum mi vitae vehicula. Phasellus at ornare felis, quis pharetra eros. 64 |
65 |
66 |
67 | 68 | -------------------------------------------------------------------------------- /examples/modest-grid-16.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Modest Grid 16 8 | 9 | 10 | 11 | 12 | 13 |
14 |
15 |
16 |

Modest Grid 16

17 |
18 |
19 |
20 |
21 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vitae tempor metus, dictum vehicula quam. Quisque lobortis augue vel est malesuada pharetra. In dictum odio gravida, scelerisque risus quis, rhoncus velit. Proin nec iaculis est. Phasellus a erat in augue placerat ullamcorper. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Etiam cursus pellentesque lorem, at porta risus bibendum vel. Integer ac libero tincidunt, elementum neque id, bibendum purus. Duis cursus lectus nunc. Fusce leo mauris, pulvinar et arcu at, tempor aliquet turpis. Nulla ut sodales arcu, non consectetur ex. Proin iaculis bibendum mi vitae vehicula. Phasellus at ornare felis, quis pharetra eros. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vitae tempor metus, dictum vehicula quam. Quisque lobortis augue vel est malesuada pharetra. In dictum odio gravida, scelerisque risus quis, rhoncus velit. Proin nec iaculis est. Phasellus a erat in augue placerat ullamcorper. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Etiam cursus pellentesque lorem, at porta risus bibendum vel. Integer ac libero tincidunt, elementum neque id, bibendum purus. Duis cursus lectus nunc. Fusce leo mauris, pulvinar et arcu at, tempor aliquet turpis. Nulla ut sodales arcu, non consectetur ex. Proin iaculis bibendum mi vitae vehicula. Phasellus at ornare felis, quis pharetra eros. 22 |
23 |
24 |
25 |
26 |
27 | [dt-8] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vitae tempor metus, dictum vehicula quam. Quisque lobortis augue vel est malesuada pharetra. In dictum odio gravida, scelerisque risus quis, rhoncus velit. Proin nec iaculis est. Phasellus a erat in augue placerat ullamcorper. 28 |
29 |
30 |
31 |
32 | [dt-16] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vitae tempor metus, dictum vehicula quam. Quisque lobortis augue vel est malesuada pharetra. In dictum odio gravida, scelerisque risus quis, rhoncus velit. Proin nec iaculis est. Phasellus a erat in augue placerat ullamcorper. 33 |
34 |
35 | [dt-5] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vitae tempor metus, dictum vehicula quam. Quisque lobortis augue vel est malesuada pharetra. 36 |
37 |
38 | [dt-11] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vitae tempor metus, dictum vehicula quam. Quisque lobortis augue vel est malesuada pharetra. 39 |
40 |
41 |
42 |
43 | [dt-2] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vitae tempor metus, dictum vehicula quam. Quisque lobortis augue vel est malesuada pharetra. 44 |
45 |
46 |
47 |
48 |
49 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vitae tempor metus, dictum vehicula quam. Quisque lobortis augue vel est malesuada pharetra. In dictum odio gravida, scelerisque risus quis, rhoncus velit. Proin nec iaculis est. Phasellus a erat in augue placerat ullamcorper. 50 |
51 |
52 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vitae tempor metus, dictum vehicula quam. Quisque lobortis augue vel est malesuada pharetra. In dictum odio gravida, scelerisque risus quis, rhoncus velit. Proin nec iaculis est. Phasellus a erat in augue placerat ullamcorper. 53 |
54 |
55 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vitae tempor metus, dictum vehicula quam. Quisque lobortis augue vel est malesuada pharetra. In dictum odio gravida, scelerisque risus quis, rhoncus velit. Proin nec iaculis est. Phasellus a erat in augue placerat ullamcorper. 56 |
57 |
58 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vitae tempor metus, dictum vehicula quam. Quisque lobortis augue vel est malesuada pharetra. In dictum odio gravida, scelerisque risus quis, rhoncus velit. Proin nec iaculis est. Phasellus a erat in augue placerat ullamcorper. 59 |
60 |
61 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vitae tempor metus, dictum vehicula quam. Quisque lobortis augue vel est malesuada pharetra. In dictum odio gravida, scelerisque risus quis, rhoncus velit. Proin nec iaculis est. Phasellus a erat in augue placerat ullamcorper. 62 |
63 |
64 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vitae tempor metus, dictum vehicula quam. Quisque lobortis augue vel est malesuada pharetra. In dictum odio gravida, scelerisque risus quis, rhoncus velit. Proin nec iaculis est. Phasellus a erat in augue placerat ullamcorper. 65 |
66 |
67 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vitae tempor metus, dictum vehicula quam. Quisque lobortis augue vel est malesuada pharetra. In dictum odio gravida, scelerisque risus quis, rhoncus velit. Proin nec iaculis est. Phasellus a erat in augue placerat ullamcorper. 68 |
69 |
70 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vitae tempor metus, dictum vehicula quam. Quisque lobortis augue vel est malesuada pharetra. In dictum odio gravida, scelerisque risus quis, rhoncus velit. Proin nec iaculis est. Phasellus a erat in augue placerat ullamcorper. 71 |
72 |
73 |
74 |
75 |
76 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vitae tempor metus, dictum vehicula quam. Quisque lobortis augue vel est malesuada pharetra. In dictum odio gravida, scelerisque risus quis, rhoncus velit. Proin nec iaculis est. Phasellus a erat in augue placerat ullamcorper. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Etiam cursus pellentesque lorem, at porta risus bibendum vel. Integer ac libero tincidunt, elementum neque id, bibendum purus. Duis cursus lectus nunc. Fusce leo mauris, pulvinar et arcu at, tempor aliquet turpis. Nulla ut sodales arcu, non consectetur ex. Proin iaculis bibendum mi vitae vehicula. Phasellus at ornare felis, quis pharetra eros. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vitae tempor metus, dictum vehicula quam. Quisque lobortis augue vel est malesuada pharetra. In dictum odio gravida, scelerisque risus quis, rhoncus velit. Proin nec iaculis est. Phasellus a erat in augue placerat ullamcorper. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Etiam cursus pellentesque lorem, at porta risus bibendum vel. Integer ac libero tincidunt, elementum neque id, bibendum purus. Duis cursus lectus nunc. Fusce leo mauris, pulvinar et arcu at, tempor aliquet turpis. Nulla ut sodales arcu, non consectetur ex. Proin iaculis bibendum mi vitae vehicula. Phasellus at ornare felis, quis pharetra eros. 77 |
78 |
79 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vitae tempor metus, dictum vehicula quam. Quisque lobortis augue vel est malesuada pharetra. In dictum odio gravida, scelerisque risus quis, rhoncus velit. Proin nec iaculis est. Phasellus a erat in augue placerat ullamcorper. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Etiam cursus pellentesque lorem, at porta risus bibendum vel. 80 |
81 |
82 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vitae tempor metus, dictum vehicula quam. Quisque lobortis augue vel est malesuada pharetra. In dictum odio gravida, scelerisque risus quis, rhoncus velit. Proin nec iaculis est. Phasellus a erat in augue placerat ullamcorper. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Etiam cursus pellentesque lorem, at porta risus bibendum vel. Integer ac libero tincidunt, elementum neque id, bibendum purus. Duis cursus lectus nunc. Fusce leo mauris, pulvinar et arcu at, tempor aliquet turpis. Nulla ut sodales arcu, non consectetur ex. Proin iaculis bibendum mi vitae vehicula. Phasellus at ornare felis, quis pharetra eros. 83 |
84 |
85 |
86 | 87 | -------------------------------------------------------------------------------- /modest-grid-fp.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Modest Grid 8 | 9 | 10 | 11 | 12 |
13 |
14 |
15 |
16 |
17 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. 18 |
19 |
20 |
21 |
22 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. 23 |
24 |
25 |
26 |
27 | 28 | -------------------------------------------------------------------------------- /modest-grid.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Modest Grid 9 | 10 | 11 | 12 | 13 |
14 |
15 |
16 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam vulputate eget nisi in ultrices. In sit amet elit lorem. Sed convallis ac mi ut consectetur. Sed lacinia, orci dapibus tincidunt bibendum, quam magna tincidunt erat, vel consectetur felis lacus et odio. In elementum dui purus, sagittis mattis arcu molestie in. Nulla pretium nibh felis, vitae fringilla ante auctor quis. Curabitur a dolor at risus fermentum congue. Etiam lectus mauris, vehicula non lectus pharetra, vehicula hendrerit lorem. Nullam tincidunt porta euismod. In non faucibus odio, vitae consectetur turpis. Donec id gravida augue. Sed gravida quam eu semper ornare. 17 |
18 |
19 |
20 | 21 | -------------------------------------------------------------------------------- /sass.gitignore: -------------------------------------------------------------------------------- 1 | .sass-cache 2 | <<<<<<< Updated upstream:sass.gitignore 3 | *.css.map 4 | ======= 5 | .DS_Store 6 | >>>>>>> Stashed changes:.gitignore 7 | -------------------------------------------------------------------------------- /sass/.sass-cache/27d6f5ad5f14ca4d5b4119e44828f82363463519/modestgrid-fp.scssc: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamesgeorgedunn/Modest-Grid/c11ba02adb13deea27fa80c5ea2c2b90a9c36aa9/sass/.sass-cache/27d6f5ad5f14ca4d5b4119e44828f82363463519/modestgrid-fp.scssc -------------------------------------------------------------------------------- /sass/.sass-cache/27d6f5ad5f14ca4d5b4119e44828f82363463519/modestgrid.scssc: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jamesgeorgedunn/Modest-Grid/c11ba02adb13deea27fa80c5ea2c2b90a9c36aa9/sass/.sass-cache/27d6f5ad5f14ca4d5b4119e44828f82363463519/modestgrid.scssc -------------------------------------------------------------------------------- /sass/modestgrid-fp.scss: -------------------------------------------------------------------------------- 1 | // Number of columns 2 | $columns: 12; 3 | 4 | // Gutter width 5 | $gutter: 40px; // This needs to be an even number. 6 | 7 | // Breakpoints 8 | $maxwidth: 1280px; 9 | $dt: 1170px; 10 | $tl: 1024px; 11 | $tp: 768px; 12 | $ml: 568px; 13 | $mp: 320px; 14 | 15 | * { 16 | box-sizing: border-box; 17 | -webkit-box-sizing: border-box; 18 | -moz-box-sizing: border-box; 19 | } 20 | 21 | *:before, *:after { 22 | box-sizing: border-box; 23 | -webkit-box-sizing: border-box; 24 | -moz-box-sizing: border-box; 25 | } 26 | 27 | html, body { 28 | height: 100%; 29 | width: 100%; 30 | } 31 | 32 | body { 33 | margin: 0; 34 | } 35 | 36 | .wrapper { 37 | max-width: $maxwidth; 38 | width: 100%; 39 | height: 100%; 40 | margin-left: auto; 41 | margin-right: auto; 42 | padding-left: $gutter / 2; 43 | padding-right: $gutter / 2; 44 | } 45 | 46 | .wrapper.full { 47 | max-width: none; 48 | padding-left: 0; 49 | padding-right: 0; 50 | } 51 | 52 | section { 53 | background: #eee; 54 | width: 100%; 55 | height: 100%; 56 | } 57 | 58 | .row-1 { 59 | height: (100% / 12) * 1; 60 | width: 100%; 61 | } 62 | 63 | .row-2 { 64 | height: (100% / 12) * 2; 65 | width: 100%; 66 | } 67 | 68 | .row-3 { 69 | height: (100% / 12) * 3; 70 | width: 100%; 71 | } 72 | 73 | .row-4 { 74 | height: (100% / 12) * 4; 75 | width: 100%; 76 | } 77 | 78 | .row-5 { 79 | height: (100% / 12) * 5; 80 | width: 100%; 81 | } 82 | 83 | .row-6 { 84 | height: (100% / 12) * 6; 85 | width: 100%; 86 | } 87 | 88 | .row-7 { 89 | height: (100% / 12) * 7; 90 | width: 100%; 91 | } 92 | 93 | .row-8 { 94 | height: (100% / 12) * 8; 95 | width: 100%; 96 | } 97 | 98 | .row-9 { 99 | height: (100% / 12) * 9; 100 | width: 100%; 101 | } 102 | 103 | .row-10 { 104 | height: (100% / 12) * 10; 105 | width: 100%; 106 | } 107 | 108 | .row-11 { 109 | height: (100% / 12) * 11; 110 | width: 100%; 111 | } 112 | 113 | .row-12 { 114 | height: (100% / 12) * 12; 115 | width: 100%; 116 | } 117 | 118 | .wrapper:before, 119 | .row:before { 120 | display: table; 121 | content: " "; 122 | } 123 | 124 | .wrapper:after, 125 | .row:after { 126 | clear: both; 127 | content: " "; 128 | } 129 | 130 | .dt-1, .tl-1, .tp-1, .ml-1, .mp-1, 131 | .dt-2, .tl-2, .tp-2, .ml-2, .mp-2, 132 | .dt-3, .tl-3, .tp-3, .ml-3, .mp-3, 133 | .dt-4, .tl-4, .tp-4, .ml-4, .mp-4, 134 | .dt-5, .tl-5, .tp-5, .ml-5, .mp-5, 135 | .dt-6, .tl-6, .tp-6, .ml-6, .mp-6, 136 | .dt-7, .tl-7, .tp-7, .ml-7, .mp-7, 137 | .dt-8, .tl-8, .tp-8, .ml-8, .mp-8, 138 | .dt-9, .tl-9, .tp-9, .ml-9, .mp-9, 139 | .dt-10, .tl-10, .tp-10, .ml-10, .mp-10, 140 | .dt-11, .tl-11, .tp-11, .ml-11, .mp-11, 141 | .dt-12, .tl-12, .tp-12, .ml-12, .mp-12, 142 | .dt-13, .tl-13, .tp-13, .ml-13, .mp-13, 143 | .dt-14, .tl-14, .tp-14, .ml-14, .mp-14, 144 | .dt-15, .tl-15, .tp-15, .ml-15, .mp-15, 145 | .dt-16, .tl-16, .tp-16, .ml-16, .mp-16, 146 | .dt-17, .tl-17, .tp-17, .ml-17, .mp-17, 147 | .dt-18, .tl-18, .tp-18, .ml-18, .mp-18, 148 | .dt-19, .tl-19, .tp-19, .ml-19, .mp-19, 149 | .dt-20, .tl-20, .tp-20, .ml-20, .mp-20, 150 | .dt-21, .tl-21, .tp-21, .ml-21, .mp-21, 151 | .dt-22, .tl-22, .tp-22, .ml-22, .mp-22, 152 | .dt-23, .tl-23, .tp-23, .ml-23, .mp-23, 153 | .dt-24, .tl-24, .tp-24, .ml-24, .mp-24 154 | { 155 | float: left; 156 | min-height: 1px; 157 | } 158 | 159 | .mp-1 { 160 | width: (100% / $columns) * 1; 161 | } 162 | 163 | .mp-2 { 164 | width: (100% / $columns) * 2; 165 | } 166 | 167 | .mp-3 { 168 | width: (100% / $columns) * 3; 169 | } 170 | 171 | .mp-4 { 172 | width: (100% / $columns) * 4; 173 | } 174 | 175 | .mp-5 { 176 | width: (100% / $columns) * 5; 177 | } 178 | 179 | .mp-6 { 180 | width: (100% / $columns) * 6; 181 | } 182 | 183 | .mp-7 { 184 | width: (100% / $columns) * 7; 185 | } 186 | 187 | .mp-8 { 188 | width: (100% / $columns) * 8; 189 | } 190 | 191 | .mp-9 { 192 | width: (100% / $columns) * 9; 193 | } 194 | 195 | .mp-10 { 196 | width: (100% / $columns) * 10; 197 | } 198 | 199 | .mp-11 { 200 | width: (100% / $columns) * 11; 201 | } 202 | 203 | .mp-12 { 204 | width: (100% / $columns) * 12; 205 | } 206 | 207 | .mp-13 { 208 | width: (100% / $columns) * 13; 209 | } 210 | 211 | .mp-14 { 212 | width: (100% / $columns) * 14; 213 | } 214 | 215 | .mp-15 { 216 | width: (100% / $columns) * 15; 217 | } 218 | 219 | .mp-16 { 220 | width: (100% / $columns) * 16; 221 | } 222 | 223 | .mp-17 { 224 | width: (100% / $columns) * 17; 225 | } 226 | 227 | .mp-18 { 228 | width: (100% / $columns) * 18; 229 | } 230 | 231 | .mp-19 { 232 | width: (100% / $columns) * 19; 233 | } 234 | 235 | .mp-20 { 236 | width: (100% / $columns) * 20; 237 | } 238 | 239 | .mp-21 { 240 | width: (100% / $columns) * 21; 241 | } 242 | 243 | .mp-22 { 244 | width: (100% / $columns) * 22; 245 | } 246 | 247 | .mp-23 { 248 | width: (100% / $columns) * 23; 249 | } 250 | 251 | .mp-24 { 252 | width: (100% / $columns) * 24; 253 | } 254 | 255 | .ml-1 { 256 | width: (100% / $columns) * 1; 257 | } 258 | 259 | .ml-2 { 260 | width: (100% / $columns) * 2; 261 | } 262 | 263 | .ml-3 { 264 | width: (100% / $columns) * 3; 265 | } 266 | 267 | .ml-4 { 268 | width: (100% / $columns) * 4; 269 | } 270 | 271 | .ml-5 { 272 | width: (100% / $columns) * 5; 273 | } 274 | 275 | .ml-6 { 276 | width: (100% / $columns) * 6; 277 | } 278 | 279 | .ml-7 { 280 | width: (100% / $columns) * 7; 281 | } 282 | 283 | .ml-8 { 284 | width: (100% / $columns) * 8; 285 | } 286 | 287 | .ml-9 { 288 | width: (100% / $columns) * 9; 289 | } 290 | 291 | .ml-10 { 292 | width: (100% / $columns) * 10; 293 | } 294 | 295 | .ml-11 { 296 | width: (100% / $columns) * 11; 297 | } 298 | 299 | .ml-12 { 300 | width: (100% / $columns) * 12; 301 | } 302 | 303 | .ml-13 { 304 | width: (100% / $columns) * 13; 305 | } 306 | 307 | .ml-14 { 308 | width: (100% / $columns) * 14; 309 | } 310 | 311 | .ml-15 { 312 | width: (100% / $columns) * 15; 313 | } 314 | 315 | .ml-16 { 316 | width: (100% / $columns) * 16; 317 | } 318 | 319 | .ml-17 { 320 | width: (100% / $columns) * 17; 321 | } 322 | 323 | .ml-18 { 324 | width: (100% / $columns) * 18; 325 | } 326 | 327 | .ml-19 { 328 | width: (100% / $columns) * 19; 329 | } 330 | 331 | .ml-20 { 332 | width: (100% / $columns) * 20; 333 | } 334 | 335 | .ml-21 { 336 | width: (100% / $columns) * 21; 337 | } 338 | 339 | .ml-22 { 340 | width: (100% / $columns) * 22; 341 | } 342 | 343 | .ml-23 { 344 | width: (100% / $columns) * 23; 345 | } 346 | 347 | .ml-24 { 348 | width: (100% / $columns) * 24; 349 | } 350 | 351 | .tp-1 { 352 | width: (100% / $columns) * 1; 353 | } 354 | 355 | .tp-2 { 356 | width: (100% / $columns) * 2; 357 | } 358 | 359 | .tp-3 { 360 | width: (100% / $columns) * 3; 361 | } 362 | 363 | .tp-4 { 364 | width: (100% / $columns) * 4; 365 | } 366 | 367 | .tp-5 { 368 | width: (100% / $columns) * 5; 369 | } 370 | 371 | .tp-6 { 372 | width: (100% / $columns) * 6; 373 | } 374 | 375 | .tp-7 { 376 | width: (100% / $columns) * 7; 377 | } 378 | 379 | .tp-8 { 380 | width: (100% / $columns) * 8; 381 | } 382 | 383 | .tp-9 { 384 | width: (100% / $columns) * 9; 385 | } 386 | 387 | .tp-10 { 388 | width: (100% / $columns) * 10; 389 | } 390 | 391 | .tp-11 { 392 | width: (100% / $columns) * 11; 393 | } 394 | 395 | .tp-12 { 396 | width: (100% / $columns) * 12; 397 | } 398 | 399 | .tp-13 { 400 | width: (100% / $columns) * 13; 401 | } 402 | 403 | .tp-14 { 404 | width: (100% / $columns) * 14; 405 | } 406 | 407 | .tp-15 { 408 | width: (100% / $columns) * 15; 409 | } 410 | 411 | .tp-16 { 412 | width: (100% / $columns) * 16; 413 | } 414 | 415 | .tp-17 { 416 | width: (100% / $columns) * 17; 417 | } 418 | 419 | .tp-18 { 420 | width: (100% / $columns) * 18; 421 | } 422 | 423 | .tp-19 { 424 | width: (100% / $columns) * 19; 425 | } 426 | 427 | .tp-20 { 428 | width: (100% / $columns) * 20; 429 | } 430 | 431 | .tp-21 { 432 | width: (100% / $columns) * 21; 433 | } 434 | 435 | .tp-22 { 436 | width: (100% / $columns) * 22; 437 | } 438 | 439 | .tp-23 { 440 | width: (100% / $columns) * 23; 441 | } 442 | 443 | .tp-24 { 444 | width: (100% / $columns) * 24; 445 | } 446 | 447 | .tl-1 { 448 | width: (100% / $columns) * 1; 449 | } 450 | 451 | .tl-2 { 452 | width: (100% / $columns) * 2; 453 | } 454 | 455 | .tl-3 { 456 | width: (100% / $columns) * 3; 457 | } 458 | 459 | .tl-4 { 460 | width: (100% / $columns) * 4; 461 | } 462 | 463 | .tl-5 { 464 | width: (100% / $columns) * 5; 465 | } 466 | 467 | .tl-6 { 468 | width: (100% / $columns) * 6; 469 | } 470 | 471 | .tl-7 { 472 | width: (100% / $columns) * 7; 473 | } 474 | 475 | .tl-8 { 476 | width: (100% / $columns) * 8; 477 | } 478 | 479 | .tl-9 { 480 | width: (100% / $columns) * 9; 481 | } 482 | 483 | .tl-10 { 484 | width: (100% / $columns) * 10; 485 | } 486 | 487 | .tl-11 { 488 | width: (100% / $columns) * 11; 489 | } 490 | 491 | .tl-12 { 492 | width: (100% / $columns) * 12; 493 | } 494 | 495 | .tl-13 { 496 | width: (100% / $columns) * 13; 497 | } 498 | 499 | .tl-14 { 500 | width: (100% / $columns) * 14; 501 | } 502 | 503 | .tl-15 { 504 | width: (100% / $columns) * 15; 505 | } 506 | 507 | .tl-16 { 508 | width: (100% / $columns) * 16; 509 | } 510 | 511 | .tl-17 { 512 | width: (100% / $columns) * 17; 513 | } 514 | 515 | .tl-18 { 516 | width: (100% / $columns) * 18; 517 | } 518 | 519 | .tl-19 { 520 | width: (100% / $columns) * 19; 521 | } 522 | 523 | .tl-20 { 524 | width: (100% / $columns) * 20; 525 | } 526 | 527 | .tl-21 { 528 | width: (100% / $columns) * 21; 529 | } 530 | 531 | .tl-22 { 532 | width: (100% / $columns) * 22; 533 | } 534 | 535 | .tl-23 { 536 | width: (100% / $columns) * 23; 537 | } 538 | 539 | .tl-24 { 540 | width: (100% / $columns) * 24; 541 | } 542 | 543 | .dt-1 { 544 | width: (100% / $columns) * 1; 545 | } 546 | 547 | .dt-2 { 548 | width: (100% / $columns) * 2; 549 | } 550 | 551 | .dt-3 { 552 | width: (100% / $columns) * 3; 553 | } 554 | 555 | .dt-4 { 556 | width: (100% / $columns) * 4; 557 | } 558 | 559 | .dt-5 { 560 | width: (100% / $columns) * 5; 561 | } 562 | 563 | .dt-6 { 564 | width: (100% / $columns) * 6; 565 | } 566 | 567 | .dt-7 { 568 | width: (100% / $columns) * 7; 569 | } 570 | 571 | .dt-8 { 572 | width: (100% / $columns) * 8; 573 | } 574 | 575 | .dt-9 { 576 | width: (100% / $columns) * 9; 577 | } 578 | 579 | .dt-10 { 580 | width: (100% / $columns) * 10; 581 | } 582 | 583 | .dt-11 { 584 | width: (100% / $columns) * 11; 585 | } 586 | 587 | .dt-12 { 588 | width: (100% / $columns) * 12; 589 | } 590 | 591 | .dt-13 { 592 | width: (100% / $columns) * 13; 593 | } 594 | 595 | .dt-14 { 596 | width: (100% / $columns) * 14; 597 | } 598 | 599 | .dt-15 { 600 | width: (100% / $columns) * 15; 601 | } 602 | 603 | .dt-16 { 604 | width: (100% / $columns) * 16; 605 | } 606 | 607 | .dt-17 { 608 | width: (100% / $columns) * 17; 609 | } 610 | 611 | .dt-18 { 612 | width: (100% / $columns) * 18; 613 | } 614 | 615 | .dt-19 { 616 | width: (100% / $columns) * 19; 617 | } 618 | 619 | .dt-20 { 620 | width: (100% / $columns) * 20; 621 | } 622 | 623 | .dt-21 { 624 | width: (100% / $columns) * 21; 625 | } 626 | 627 | .dt-22 { 628 | width: (100% / $columns) * 22; 629 | } 630 | 631 | .dt-23 { 632 | width: (100% / $columns) * 23; 633 | } 634 | 635 | .dt-24 { 636 | width: (100% / $columns) * 24; 637 | } 638 | 639 | @media (max-width: $maxwidth) { 640 | .wrapper { 641 | max-width: $dt; 642 | } 643 | } 644 | 645 | @media (max-width: $dt) { 646 | .wrapper { 647 | max-width: $tl; 648 | } 649 | } 650 | 651 | @media (max-width : $tl) { 652 | .wrapper { 653 | max-width: $tl; 654 | } 655 | 656 | .dt-1, 657 | .dt-2, 658 | .dt-3, 659 | .dt-4, 660 | .dt-5, 661 | .dt-6, 662 | .dt-7, 663 | .dt-8, 664 | .dt-9, 665 | .dt-10, 666 | .dt-11, 667 | .dt-12, 668 | .dt-13, 669 | .dt-14, 670 | .dt-15, 671 | .dt-16, 672 | .dt-17, 673 | .dt-18, 674 | .dt-19, 675 | .dt-20, 676 | .dt-21, 677 | .dt-22, 678 | .dt-23, 679 | .dt-24, { 680 | width: 100%; 681 | } 682 | 683 | .mp-1 { 684 | width: (100% / $columns) * 1; 685 | } 686 | 687 | .mp-2 { 688 | width: (100% / $columns) * 2; 689 | } 690 | 691 | .mp-3 { 692 | width: (100% / $columns) * 3; 693 | } 694 | 695 | .mp-4 { 696 | width: (100% / $columns) * 4; 697 | } 698 | 699 | .mp-5 { 700 | width: (100% / $columns) * 5; 701 | } 702 | 703 | .mp-6 { 704 | width: (100% / $columns) * 6; 705 | } 706 | 707 | .mp-7 { 708 | width: (100% / $columns) * 7; 709 | } 710 | 711 | .mp-8 { 712 | width: (100% / $columns) * 8; 713 | } 714 | 715 | .mp-9 { 716 | width: (100% / $columns) * 9; 717 | } 718 | 719 | .mp-10 { 720 | width: (100% / $columns) * 10; 721 | } 722 | 723 | .mp-11 { 724 | width: (100% / $columns) * 11; 725 | } 726 | 727 | .mp-12 { 728 | width: (100% / $columns) * 12; 729 | } 730 | 731 | .mp-13 { 732 | width: (100% / $columns) * 13; 733 | } 734 | 735 | .mp-14 { 736 | width: (100% / $columns) * 14; 737 | } 738 | 739 | .mp-15 { 740 | width: (100% / $columns) * 15; 741 | } 742 | 743 | .mp-16 { 744 | width: (100% / $columns) * 16; 745 | } 746 | 747 | .mp-17 { 748 | width: (100% / $columns) * 17; 749 | } 750 | 751 | .mp-18 { 752 | width: (100% / $columns) * 18; 753 | } 754 | 755 | .mp-19 { 756 | width: (100% / $columns) * 19; 757 | } 758 | 759 | .mp-20 { 760 | width: (100% / $columns) * 20; 761 | } 762 | 763 | .mp-21 { 764 | width: (100% / $columns) * 21; 765 | } 766 | 767 | .mp-22 { 768 | width: (100% / $columns) * 22; 769 | } 770 | 771 | .mp-23 { 772 | width: (100% / $columns) * 23; 773 | } 774 | 775 | .mp-24 { 776 | width: (100% / $columns) * 24; 777 | } 778 | 779 | .ml-1 { 780 | width: (100% / $columns) * 1; 781 | } 782 | 783 | .ml-2 { 784 | width: (100% / $columns) * 2; 785 | } 786 | 787 | .ml-3 { 788 | width: (100% / $columns) * 3; 789 | } 790 | 791 | .ml-4 { 792 | width: (100% / $columns) * 4; 793 | } 794 | 795 | .ml-5 { 796 | width: (100% / $columns) * 5; 797 | } 798 | 799 | .ml-6 { 800 | width: (100% / $columns) * 6; 801 | } 802 | 803 | .ml-7 { 804 | width: (100% / $columns) * 7; 805 | } 806 | 807 | .ml-8 { 808 | width: (100% / $columns) * 8; 809 | } 810 | 811 | .ml-9 { 812 | width: (100% / $columns) * 9; 813 | } 814 | 815 | .ml-10 { 816 | width: (100% / $columns) * 10; 817 | } 818 | 819 | .ml-11 { 820 | width: (100% / $columns) * 11; 821 | } 822 | 823 | .ml-12 { 824 | width: (100% / $columns) * 12; 825 | } 826 | 827 | .ml-13 { 828 | width: (100% / $columns) * 13; 829 | } 830 | 831 | .ml-14 { 832 | width: (100% / $columns) * 14; 833 | } 834 | 835 | .ml-15 { 836 | width: (100% / $columns) * 15; 837 | } 838 | 839 | .ml-16 { 840 | width: (100% / $columns) * 16; 841 | } 842 | 843 | .ml-17 { 844 | width: (100% / $columns) * 17; 845 | } 846 | 847 | .ml-18 { 848 | width: (100% / $columns) * 18; 849 | } 850 | 851 | .ml-19 { 852 | width: (100% / $columns) * 19; 853 | } 854 | 855 | .ml-20 { 856 | width: (100% / $columns) * 20; 857 | } 858 | 859 | .ml-21 { 860 | width: (100% / $columns) * 21; 861 | } 862 | 863 | .ml-22 { 864 | width: (100% / $columns) * 22; 865 | } 866 | 867 | .ml-23 { 868 | width: (100% / $columns) * 23; 869 | } 870 | 871 | .ml-24 { 872 | width: (100% / $columns) * 24; 873 | } 874 | 875 | .tp-1 { 876 | width: (100% / $columns) * 1; 877 | } 878 | 879 | .tp-2 { 880 | width: (100% / $columns) * 2; 881 | } 882 | 883 | .tp-3 { 884 | width: (100% / $columns) * 3; 885 | } 886 | 887 | .tp-4 { 888 | width: (100% / $columns) * 4; 889 | } 890 | 891 | .tp-5 { 892 | width: (100% / $columns) * 5; 893 | } 894 | 895 | .tp-6 { 896 | width: (100% / $columns) * 6; 897 | } 898 | 899 | .tp-7 { 900 | width: (100% / $columns) * 7; 901 | } 902 | 903 | .tp-8 { 904 | width: (100% / $columns) * 8; 905 | } 906 | 907 | .tp-9 { 908 | width: (100% / $columns) * 9; 909 | } 910 | 911 | .tp-10 { 912 | width: (100% / $columns) * 10; 913 | } 914 | 915 | .tp-11 { 916 | width: (100% / $columns) * 11; 917 | } 918 | 919 | .tp-12 { 920 | width: (100% / $columns) * 12; 921 | } 922 | 923 | .tp-13 { 924 | width: (100% / $columns) * 13; 925 | } 926 | 927 | .tp-14 { 928 | width: (100% / $columns) * 14; 929 | } 930 | 931 | .tp-15 { 932 | width: (100% / $columns) * 15; 933 | } 934 | 935 | .tp-16 { 936 | width: (100% / $columns) * 16; 937 | } 938 | 939 | .tp-17 { 940 | width: (100% / $columns) * 17; 941 | } 942 | 943 | .tp-18 { 944 | width: (100% / $columns) * 18; 945 | } 946 | 947 | .tp-19 { 948 | width: (100% / $columns) * 19; 949 | } 950 | 951 | .tp-20 { 952 | width: (100% / $columns) * 20; 953 | } 954 | 955 | .tp-21 { 956 | width: (100% / $columns) * 21; 957 | } 958 | 959 | .tp-22 { 960 | width: (100% / $columns) * 22; 961 | } 962 | 963 | .tp-23 { 964 | width: (100% / $columns) * 23; 965 | } 966 | 967 | .tp-24 { 968 | width: (100% / $columns) * 24; 969 | } 970 | 971 | .tl-1 { 972 | width: (100% / $columns) * 1; 973 | } 974 | 975 | .tl-2 { 976 | width: (100% / $columns) * 2; 977 | } 978 | 979 | .tl-3 { 980 | width: (100% / $columns) * 3; 981 | } 982 | 983 | .tl-4 { 984 | width: (100% / $columns) * 4; 985 | } 986 | 987 | .tl-5 { 988 | width: (100% / $columns) * 5; 989 | } 990 | 991 | .tl-6 { 992 | width: (100% / $columns) * 6; 993 | } 994 | 995 | .tl-7 { 996 | width: (100% / $columns) * 7; 997 | } 998 | 999 | .tl-8 { 1000 | width: (100% / $columns) * 8; 1001 | } 1002 | 1003 | .tl-9 { 1004 | width: (100% / $columns) * 9; 1005 | } 1006 | 1007 | .tl-10 { 1008 | width: (100% / $columns) * 10; 1009 | } 1010 | 1011 | .tl-11 { 1012 | width: (100% / $columns) * 11; 1013 | } 1014 | 1015 | .tl-12 { 1016 | width: (100% / $columns) * 12; 1017 | } 1018 | 1019 | .tl-13 { 1020 | width: (100% / $columns) * 13; 1021 | } 1022 | 1023 | .tl-14 { 1024 | width: (100% / $columns) * 14; 1025 | } 1026 | 1027 | .tl-15 { 1028 | width: (100% / $columns) * 15; 1029 | } 1030 | 1031 | .tl-16 { 1032 | width: (100% / $columns) * 16; 1033 | } 1034 | 1035 | .tl-17 { 1036 | width: (100% / $columns) * 17; 1037 | } 1038 | 1039 | .tl-18 { 1040 | width: (100% / $columns) * 18; 1041 | } 1042 | 1043 | .tl-19 { 1044 | width: (100% / $columns) * 19; 1045 | } 1046 | 1047 | .tl-20 { 1048 | width: (100% / $columns) * 20; 1049 | } 1050 | 1051 | .tl-21 { 1052 | width: (100% / $columns) * 21; 1053 | } 1054 | 1055 | .tl-22 { 1056 | width: (100% / $columns) * 22; 1057 | } 1058 | 1059 | .tl-23 { 1060 | width: (100% / $columns) * 23; 1061 | } 1062 | 1063 | .tl-24 { 1064 | width: (100% / $columns) * 24; 1065 | } 1066 | } 1067 | 1068 | @media (max-width: $tp) { 1069 | .tl-1, 1070 | .tl-2, 1071 | .tl-3, 1072 | .tl-4, 1073 | .tl-5, 1074 | .tl-6, 1075 | .tl-7, 1076 | .tl-8, 1077 | .tl-9, 1078 | .tl-10, 1079 | .tl-11, 1080 | .tl-12, 1081 | .tl-13, 1082 | .tl-14, 1083 | .tl-15, 1084 | .tl-16, 1085 | .tl-17, 1086 | .tl-18, 1087 | .tl-19, 1088 | .tl-20, 1089 | .tl-21, 1090 | .tl-22, 1091 | .tl-23, 1092 | .tl-24, { 1093 | width: 100%; 1094 | } 1095 | 1096 | .mp-1 { 1097 | width: (100% / $columns) * 1; 1098 | } 1099 | 1100 | .mp-2 { 1101 | width: (100% / $columns) * 2; 1102 | } 1103 | 1104 | .mp-3 { 1105 | width: (100% / $columns) * 3; 1106 | } 1107 | 1108 | .mp-4 { 1109 | width: (100% / $columns) * 4; 1110 | } 1111 | 1112 | .mp-5 { 1113 | width: (100% / $columns) * 5; 1114 | } 1115 | 1116 | .mp-6 { 1117 | width: (100% / $columns) * 6; 1118 | } 1119 | 1120 | .mp-7 { 1121 | width: (100% / $columns) * 7; 1122 | } 1123 | 1124 | .mp-8 { 1125 | width: (100% / $columns) * 8; 1126 | } 1127 | 1128 | .mp-9 { 1129 | width: (100% / $columns) * 9; 1130 | } 1131 | 1132 | .mp-10 { 1133 | width: (100% / $columns) * 10; 1134 | } 1135 | 1136 | .mp-11 { 1137 | width: (100% / $columns) * 11; 1138 | } 1139 | 1140 | .mp-12 { 1141 | width: (100% / $columns) * 12; 1142 | } 1143 | 1144 | .mp-13 { 1145 | width: (100% / $columns) * 13; 1146 | } 1147 | 1148 | .mp-14 { 1149 | width: (100% / $columns) * 14; 1150 | } 1151 | 1152 | .mp-15 { 1153 | width: (100% / $columns) * 15; 1154 | } 1155 | 1156 | .mp-16 { 1157 | width: (100% / $columns) * 16; 1158 | } 1159 | 1160 | .mp-17 { 1161 | width: (100% / $columns) * 17; 1162 | } 1163 | 1164 | .mp-18 { 1165 | width: (100% / $columns) * 18; 1166 | } 1167 | 1168 | .mp-19 { 1169 | width: (100% / $columns) * 19; 1170 | } 1171 | 1172 | .mp-20 { 1173 | width: (100% / $columns) * 20; 1174 | } 1175 | 1176 | .mp-21 { 1177 | width: (100% / $columns) * 21; 1178 | } 1179 | 1180 | .mp-22 { 1181 | width: (100% / $columns) * 22; 1182 | } 1183 | 1184 | .mp-23 { 1185 | width: (100% / $columns) * 23; 1186 | } 1187 | 1188 | .mp-24 { 1189 | width: (100% / $columns) * 24; 1190 | } 1191 | 1192 | .ml-1 { 1193 | width: (100% / $columns) * 1; 1194 | } 1195 | 1196 | .ml-2 { 1197 | width: (100% / $columns) * 2; 1198 | } 1199 | 1200 | .ml-3 { 1201 | width: (100% / $columns) * 3; 1202 | } 1203 | 1204 | .ml-4 { 1205 | width: (100% / $columns) * 4; 1206 | } 1207 | 1208 | .ml-5 { 1209 | width: (100% / $columns) * 5; 1210 | } 1211 | 1212 | .ml-6 { 1213 | width: (100% / $columns) * 6; 1214 | } 1215 | 1216 | .ml-7 { 1217 | width: (100% / $columns) * 7; 1218 | } 1219 | 1220 | .ml-8 { 1221 | width: (100% / $columns) * 8; 1222 | } 1223 | 1224 | .ml-9 { 1225 | width: (100% / $columns) * 9; 1226 | } 1227 | 1228 | .ml-10 { 1229 | width: (100% / $columns) * 10; 1230 | } 1231 | 1232 | .ml-11 { 1233 | width: (100% / $columns) * 11; 1234 | } 1235 | 1236 | .ml-12 { 1237 | width: (100% / $columns) * 12; 1238 | } 1239 | 1240 | .ml-13 { 1241 | width: (100% / $columns) * 13; 1242 | } 1243 | 1244 | .ml-14 { 1245 | width: (100% / $columns) * 14; 1246 | } 1247 | 1248 | .ml-15 { 1249 | width: (100% / $columns) * 15; 1250 | } 1251 | 1252 | .ml-16 { 1253 | width: (100% / $columns) * 16; 1254 | } 1255 | 1256 | .ml-17 { 1257 | width: (100% / $columns) * 17; 1258 | } 1259 | 1260 | .ml-18 { 1261 | width: (100% / $columns) * 18; 1262 | } 1263 | 1264 | .ml-19 { 1265 | width: (100% / $columns) * 19; 1266 | } 1267 | 1268 | .ml-20 { 1269 | width: (100% / $columns) * 20; 1270 | } 1271 | 1272 | .ml-21 { 1273 | width: (100% / $columns) * 21; 1274 | } 1275 | 1276 | .ml-22 { 1277 | width: (100% / $columns) * 22; 1278 | } 1279 | 1280 | .ml-23 { 1281 | width: (100% / $columns) * 23; 1282 | } 1283 | 1284 | .ml-24 { 1285 | width: (100% / $columns) * 24; 1286 | } 1287 | 1288 | .tp-1 { 1289 | width: (100% / $columns) * 1; 1290 | } 1291 | 1292 | .tp-2 { 1293 | width: (100% / $columns) * 2; 1294 | } 1295 | 1296 | .tp-3 { 1297 | width: (100% / $columns) * 3; 1298 | } 1299 | 1300 | .tp-4 { 1301 | width: (100% / $columns) * 4; 1302 | } 1303 | 1304 | .tp-5 { 1305 | width: (100% / $columns) * 5; 1306 | } 1307 | 1308 | .tp-6 { 1309 | width: (100% / $columns) * 6; 1310 | } 1311 | 1312 | .tp-7 { 1313 | width: (100% / $columns) * 7; 1314 | } 1315 | 1316 | .tp-8 { 1317 | width: (100% / $columns) * 8; 1318 | } 1319 | 1320 | .tp-9 { 1321 | width: (100% / $columns) * 9; 1322 | } 1323 | 1324 | .tp-10 { 1325 | width: (100% / $columns) * 10; 1326 | } 1327 | 1328 | .tp-11 { 1329 | width: (100% / $columns) * 11; 1330 | } 1331 | 1332 | .tp-12 { 1333 | width: (100% / $columns) * 12; 1334 | } 1335 | 1336 | .tp-13 { 1337 | width: (100% / $columns) * 13; 1338 | } 1339 | 1340 | .tp-14 { 1341 | width: (100% / $columns) * 14; 1342 | } 1343 | 1344 | .tp-15 { 1345 | width: (100% / $columns) * 15; 1346 | } 1347 | 1348 | .tp-16 { 1349 | width: (100% / $columns) * 16; 1350 | } 1351 | 1352 | .tp-17 { 1353 | width: (100% / $columns) * 17; 1354 | } 1355 | 1356 | .tp-18 { 1357 | width: (100% / $columns) * 18; 1358 | } 1359 | 1360 | .tp-19 { 1361 | width: (100% / $columns) * 19; 1362 | } 1363 | 1364 | .tp-20 { 1365 | width: (100% / $columns) * 20; 1366 | } 1367 | 1368 | .tp-21 { 1369 | width: (100% / $columns) * 21; 1370 | } 1371 | 1372 | .tp-22 { 1373 | width: (100% / $columns) * 22; 1374 | } 1375 | 1376 | .tp-23 { 1377 | width: (100% / $columns) * 23; 1378 | } 1379 | 1380 | .tp-24 { 1381 | width: (100% / $columns) * 24; 1382 | } 1383 | } 1384 | 1385 | @media (max-width: $ml) { 1386 | .tp-1, 1387 | .tp-2, 1388 | .tp-3, 1389 | .tp-4, 1390 | .tp-5, 1391 | .tp-6, 1392 | .tp-7, 1393 | .tp-8, 1394 | .tp-9, 1395 | .tp-10, 1396 | .tp-11, 1397 | .tp-12, 1398 | .tp-13, 1399 | .tp-14, 1400 | .tp-15, 1401 | .tp-16, 1402 | .tp-17, 1403 | .tp-18, 1404 | .tp-19, 1405 | .tp-20, 1406 | .tp-21, 1407 | .tp-22, 1408 | .tp-23, 1409 | .tp-24, { 1410 | width: 100%; 1411 | } 1412 | 1413 | .mp-1 { 1414 | width: (100% / $columns) * 1; 1415 | } 1416 | 1417 | .mp-2 { 1418 | width: (100% / $columns) * 2; 1419 | } 1420 | 1421 | .mp-3 { 1422 | width: (100% / $columns) * 3; 1423 | } 1424 | 1425 | .mp-4 { 1426 | width: (100% / $columns) * 4; 1427 | } 1428 | 1429 | .mp-5 { 1430 | width: (100% / $columns) * 5; 1431 | } 1432 | 1433 | .mp-6 { 1434 | width: (100% / $columns) * 6; 1435 | } 1436 | 1437 | .mp-7 { 1438 | width: (100% / $columns) * 7; 1439 | } 1440 | 1441 | .mp-8 { 1442 | width: (100% / $columns) * 8; 1443 | } 1444 | 1445 | .mp-9 { 1446 | width: (100% / $columns) * 9; 1447 | } 1448 | 1449 | .mp-10 { 1450 | width: (100% / $columns) * 10; 1451 | } 1452 | 1453 | .mp-11 { 1454 | width: (100% / $columns) * 11; 1455 | } 1456 | 1457 | .mp-12 { 1458 | width: (100% / $columns) * 12; 1459 | } 1460 | 1461 | .mp-13 { 1462 | width: (100% / $columns) * 13; 1463 | } 1464 | 1465 | .mp-14 { 1466 | width: (100% / $columns) * 14; 1467 | } 1468 | 1469 | .mp-15 { 1470 | width: (100% / $columns) * 15; 1471 | } 1472 | 1473 | .mp-16 { 1474 | width: (100% / $columns) * 16; 1475 | } 1476 | 1477 | .mp-17 { 1478 | width: (100% / $columns) * 17; 1479 | } 1480 | 1481 | .mp-18 { 1482 | width: (100% / $columns) * 18; 1483 | } 1484 | 1485 | .mp-19 { 1486 | width: (100% / $columns) * 19; 1487 | } 1488 | 1489 | .mp-20 { 1490 | width: (100% / $columns) * 20; 1491 | } 1492 | 1493 | .mp-21 { 1494 | width: (100% / $columns) * 21; 1495 | } 1496 | 1497 | .mp-22 { 1498 | width: (100% / $columns) * 22; 1499 | } 1500 | 1501 | .mp-23 { 1502 | width: (100% / $columns) * 23; 1503 | } 1504 | 1505 | .mp-24 { 1506 | width: (100% / $columns) * 24; 1507 | } 1508 | 1509 | .ml-1 { 1510 | width: (100% / $columns) * 1; 1511 | } 1512 | 1513 | .ml-2 { 1514 | width: (100% / $columns) * 2; 1515 | } 1516 | 1517 | .ml-3 { 1518 | width: (100% / $columns) * 3; 1519 | } 1520 | 1521 | .ml-4 { 1522 | width: (100% / $columns) * 4; 1523 | } 1524 | 1525 | .ml-5 { 1526 | width: (100% / $columns) * 5; 1527 | } 1528 | 1529 | .ml-6 { 1530 | width: (100% / $columns) * 6; 1531 | } 1532 | 1533 | .ml-7 { 1534 | width: (100% / $columns) * 7; 1535 | } 1536 | 1537 | .ml-8 { 1538 | width: (100% / $columns) * 8; 1539 | } 1540 | 1541 | .ml-9 { 1542 | width: (100% / $columns) * 9; 1543 | } 1544 | 1545 | .ml-10 { 1546 | width: (100% / $columns) * 10; 1547 | } 1548 | 1549 | .ml-11 { 1550 | width: (100% / $columns) * 11; 1551 | } 1552 | 1553 | .ml-12 { 1554 | width: (100% / $columns) * 12; 1555 | } 1556 | 1557 | .ml-13 { 1558 | width: (100% / $columns) * 13; 1559 | } 1560 | 1561 | .ml-14 { 1562 | width: (100% / $columns) * 14; 1563 | } 1564 | 1565 | .ml-15 { 1566 | width: (100% / $columns) * 15; 1567 | } 1568 | 1569 | .ml-16 { 1570 | width: (100% / $columns) * 16; 1571 | } 1572 | 1573 | .ml-17 { 1574 | width: (100% / $columns) * 17; 1575 | } 1576 | 1577 | .ml-18 { 1578 | width: (100% / $columns) * 18; 1579 | } 1580 | 1581 | .ml-19 { 1582 | width: (100% / $columns) * 19; 1583 | } 1584 | 1585 | .ml-20 { 1586 | width: (100% / $columns) * 20; 1587 | } 1588 | 1589 | .ml-21 { 1590 | width: (100% / $columns) * 21; 1591 | } 1592 | 1593 | .ml-22 { 1594 | width: (100% / $columns) * 22; 1595 | } 1596 | 1597 | .ml-23 { 1598 | width: (100% / $columns) * 23; 1599 | } 1600 | 1601 | .ml-24 { 1602 | width: (100% / $columns) * 24; 1603 | } 1604 | } 1605 | 1606 | @media (max-width: $mp) { 1607 | .ml-1, 1608 | .ml-2, 1609 | .ml-3, 1610 | .ml-4, 1611 | .ml-5, 1612 | .ml-6, 1613 | .ml-7, 1614 | .ml-8, 1615 | .ml-9, 1616 | .ml-10, 1617 | .ml-11, 1618 | .ml-12, 1619 | .ml-13, 1620 | .ml-14, 1621 | .ml-15, 1622 | .ml-16, 1623 | .ml-17, 1624 | .ml-18, 1625 | .ml-19, 1626 | .ml-20, 1627 | .ml-21, 1628 | .ml-22, 1629 | .ml-23, 1630 | .ml-24, { 1631 | width: 100%; 1632 | } 1633 | 1634 | .mp-1 { 1635 | width: (100% / $columns) * 1; 1636 | } 1637 | 1638 | .mp-2 { 1639 | width: (100% / $columns) * 2; 1640 | } 1641 | 1642 | .mp-3 { 1643 | width: (100% / $columns) * 3; 1644 | } 1645 | 1646 | .mp-4 { 1647 | width: (100% / $columns) * 4; 1648 | } 1649 | 1650 | .mp-5 { 1651 | width: (100% / $columns) * 5; 1652 | } 1653 | 1654 | .mp-6 { 1655 | width: (100% / $columns) * 6; 1656 | } 1657 | 1658 | .mp-7 { 1659 | width: (100% / $columns) * 7; 1660 | } 1661 | 1662 | .mp-8 { 1663 | width: (100% / $columns) * 8; 1664 | } 1665 | 1666 | .mp-9 { 1667 | width: (100% / $columns) * 9; 1668 | } 1669 | 1670 | .mp-10 { 1671 | width: (100% / $columns) * 10; 1672 | } 1673 | 1674 | .mp-11 { 1675 | width: (100% / $columns) * 11; 1676 | } 1677 | 1678 | .mp-12 { 1679 | width: (100% / $columns) * 12; 1680 | } 1681 | 1682 | .mp-13 { 1683 | width: (100% / $columns) * 13; 1684 | } 1685 | 1686 | .mp-14 { 1687 | width: (100% / $columns) * 14; 1688 | } 1689 | 1690 | .mp-15 { 1691 | width: (100% / $columns) * 15; 1692 | } 1693 | 1694 | .mp-16 { 1695 | width: (100% / $columns) * 16; 1696 | } 1697 | 1698 | .mp-17 { 1699 | width: (100% / $columns) * 17; 1700 | } 1701 | 1702 | .mp-18 { 1703 | width: (100% / $columns) * 18; 1704 | } 1705 | 1706 | .mp-19 { 1707 | width: (100% / $columns) * 19; 1708 | } 1709 | 1710 | .mp-20 { 1711 | width: (100% / $columns) * 20; 1712 | } 1713 | 1714 | .mp-21 { 1715 | width: (100% / $columns) * 21; 1716 | } 1717 | 1718 | .mp-22 { 1719 | width: (100% / $columns) * 22; 1720 | } 1721 | 1722 | .mp-23 { 1723 | width: (100% / $columns) * 23; 1724 | } 1725 | 1726 | .mp-24 { 1727 | width: (100% / $columns) * 24; 1728 | } 1729 | } 1730 | 1731 | // Hide columns 1732 | @media (max-width: $ml - 1) { 1733 | .mp-hide { 1734 | display: none !important; 1735 | } 1736 | 1737 | .ml-hide { 1738 | display: none !important; 1739 | } 1740 | 1741 | .tp-hide { 1742 | display: none !important; 1743 | } 1744 | 1745 | .tl-hide { 1746 | display: none !important; 1747 | } 1748 | 1749 | .dt-hide { 1750 | display: none !important; 1751 | } 1752 | } 1753 | 1754 | @media (min-width: $ml) and (max-width: $tp - 1) { 1755 | .ml-hide { 1756 | display: none !important; 1757 | } 1758 | 1759 | .tp-hide { 1760 | display: none !important; 1761 | } 1762 | 1763 | .tl-hide { 1764 | display: none !important; 1765 | } 1766 | 1767 | .dt-hide { 1768 | display: none !important; 1769 | } 1770 | } 1771 | 1772 | @media (min-width: $tp) and (max-width: $tl - 1) { 1773 | .tp-hide { 1774 | display: none !important; 1775 | } 1776 | 1777 | .tl-hide { 1778 | display: none !important; 1779 | } 1780 | 1781 | .dt-hide { 1782 | display: none !important; 1783 | } 1784 | } 1785 | 1786 | @media (max-width: $tl) { 1787 | .tl-hide { 1788 | display: none !important; 1789 | } 1790 | 1791 | .dt-hide { 1792 | display: none !important; 1793 | } 1794 | } 1795 | 1796 | @media (min-width: $tl + 1) { 1797 | .dt-hide { 1798 | display: none !important; 1799 | } 1800 | } -------------------------------------------------------------------------------- /sass/modestgrid.scss: -------------------------------------------------------------------------------- 1 | // Number of columns 2 | $columns: 12; 3 | 4 | // Gutter width 5 | $gutter: 40px; // This needs to be an even number. 6 | 7 | // Breakpoints 8 | $maxwidth: 1440px; 9 | $wrapperwidth: 1280px; 10 | $dt: 1170px; 11 | $tl: 1024px; 12 | $tp: 768px; 13 | $ml: 568px; 14 | $mp: 320px; 15 | 16 | * { 17 | box-sizing: border-box; 18 | -webkit-box-sizing: border-box; 19 | -moz-box-sizing: border-box; 20 | } 21 | 22 | *:before, *:after { 23 | box-sizing: border-box; 24 | -webkit-box-sizing: border-box; 25 | -moz-box-sizing: border-box; 26 | } 27 | 28 | body { 29 | margin: 0; 30 | } 31 | 32 | .wrapper { 33 | max-width: $wrapperwidth; 34 | width: 100%; 35 | margin-left: auto; 36 | margin-right: auto; 37 | padding-left: $gutter / 2; 38 | padding-right: $gutter / 2; 39 | } 40 | 41 | .row { 42 | margin-left: -$gutter / 2; 43 | margin-right: -$gutter / 2; 44 | } 45 | 46 | .nested { 47 | margin-bottom: 0 !important; 48 | } 49 | 50 | .wrapper:before, 51 | .row:before { 52 | display: table; 53 | content: " "; 54 | } 55 | 56 | .wrapper:after, 57 | .row:after { 58 | clear: both; 59 | display: table; 60 | content: " "; 61 | } 62 | 63 | $columnsCount: $columns; 64 | @while $columnsCount > 0 { 65 | .nested .dt-#{$columnsCount}, .nested .tl-#{$columnsCount}, .nested .tp-#{$columnsCount}, .nested .ml-#{$columnsCount}, .nested .mp-#{$columnsCount} { 66 | margin-bottom: 0; 67 | } 68 | 69 | $columnsCount: $columnsCount - 1; 70 | } 71 | 72 | $columnsCount: $columns; 73 | @while $columnsCount > 0 { 74 | .dt-#{$columnsCount}, .tl-#{$columnsCount}, .tp-#{$columnsCount}, .ml-#{$columnsCount}, .mp-#{$columnsCount} { 75 | float: left; 76 | padding-left: $gutter / 2; 77 | padding-right: $gutter / 2; 78 | min-height: 1px; 79 | margin-bottom: $gutter / 2; 80 | } 81 | 82 | $columnsCount: $columnsCount - 1; 83 | } 84 | 85 | $columnsCount: $columns; 86 | @while $columnsCount > 0 { 87 | .mp-#{$columnsCount} { 88 | width: (100% / $columns) * $columnsCount; 89 | } 90 | 91 | $columnsCount: $columnsCount - 1; 92 | } 93 | 94 | $columnsCount: $columns; 95 | @while $columnsCount > 0 { 96 | .ml-#{$columnsCount} { 97 | width: (100% / $columns) * $columnsCount; 98 | } 99 | 100 | $columnsCount: $columnsCount - 1; 101 | } 102 | 103 | $columnsCount: $columns; 104 | @while $columnsCount > 0 { 105 | .tp-#{$columnsCount} { 106 | width: (100% / $columns) * $columnsCount; 107 | } 108 | 109 | $columnsCount: $columnsCount - 1; 110 | } 111 | 112 | $columnsCount: $columns; 113 | @while $columnsCount > 0 { 114 | .tl-#{$columnsCount} { 115 | width: (100% / $columns) * $columnsCount; 116 | } 117 | 118 | $columnsCount: $columnsCount - 1; 119 | } 120 | 121 | $columnsCount: $columns; 122 | @while $columnsCount > 0 { 123 | .dt-#{$columnsCount} { 124 | width: (100% / $columns) * $columnsCount; 125 | } 126 | 127 | $columnsCount: $columnsCount - 1; 128 | } 129 | 130 | .wrapper:after, 131 | .row:after { 132 | clear: both; 133 | display: table; 134 | content: " "; 135 | } 136 | 137 | $columnsCount: $columns; 138 | @while $columnsCount > 0 { 139 | .dt-#{$columnsCount}, .tl-#{$columnsCount}, .tp-#{$columnsCount}, .ml-#{$columnsCount}, .mp-#{$columnsCount} { 140 | float: left; 141 | padding-left: $gutter / 2; 142 | padding-right: $gutter / 2; 143 | min-height: 1px; 144 | margin-bottom: $gutter / 2; 145 | } 146 | 147 | $columnsCount: $columnsCount - 1; 148 | } 149 | 150 | $columnsCount: $columns; 151 | @while $columnsCount > 0 { 152 | .mp-#{$columnsCount}, .ml-#{$columnsCount}, .tp-#{$columnsCount}, .tl-#{$columnsCount}, .dt-#{$columnsCount} { 153 | width: (100% / $columns) * $columnsCount; 154 | } 155 | 156 | $columnsCount: $columnsCount - 1; 157 | } 158 | 159 | $columnsCount: $columns; 160 | @while $columnsCount > 0 { 161 | .indent-mp-#{$columnsCount}, .indent-ml-#{$columnsCount}, .indent-tp-#{$columnsCount}, .indent-tl-#{$columnsCount}, .indent-dt-#{$columnsCount} { 162 | margin-left: (100% / $columns) * $columnsCount; 163 | } 164 | 165 | $columnsCount: $columnsCount - 1; 166 | } 167 | 168 | @media (min-width: $dt) and (max-width: $maxwidth) { 169 | .wrapper { 170 | max-width: $dt; 171 | } 172 | } 173 | 174 | @media (max-width: $dt - 1) { 175 | .wrapper { 176 | max-width: $tl; 177 | } 178 | 179 | $columnsCount: $columns; 180 | @while $columnsCount > 0 { 181 | .dt-#{$columnsCount} { 182 | width: 100%; 183 | } 184 | 185 | $columnsCount: $columnsCount - 1; 186 | } 187 | 188 | $columnsCount: $columns; 189 | @while $columnsCount > 0 { 190 | .indent-dt-#{$columnsCount} { 191 | margin-left: 0; 192 | } 193 | 194 | $columnsCount: $columnsCount - 1; 195 | } 196 | 197 | $columnsCount: $columns; 198 | @while $columnsCount > 0 { 199 | .mp-#{$columnsCount} { 200 | width: (100% / $columns) * $columnsCount; 201 | } 202 | 203 | $columnsCount: $columnsCount - 1; 204 | } 205 | 206 | $columnsCount: $columns; 207 | @while $columnsCount > 0 { 208 | .ml-#{$columnsCount} { 209 | width: (100% / $columns) * $columnsCount; 210 | } 211 | 212 | $columnsCount: $columnsCount - 1; 213 | } 214 | 215 | $columnsCount: $columns; 216 | @while $columnsCount > 0 { 217 | .tp-#{$columnsCount} { 218 | width: (100% / $columns) * $columnsCount; 219 | } 220 | 221 | $columnsCount: $columnsCount - 1; 222 | } 223 | 224 | $columnsCount: $columns; 225 | @while $columnsCount > 0 { 226 | .tl-#{$columnsCount} { 227 | width: (100% / $columns) * $columnsCount; 228 | } 229 | 230 | $columnsCount: $columnsCount - 1; 231 | } 232 | } 233 | 234 | @media (max-width: $tl - 1) { 235 | $columnsCount: $columns; 236 | @while $columnsCount > 0 { 237 | .tl-#{$columnsCount} { 238 | width: 100%; 239 | } 240 | 241 | $columnsCount: $columnsCount - 1; 242 | } 243 | 244 | $columnsCount: $columns; 245 | @while $columnsCount > 0 { 246 | .indent-tl-#{$columnsCount} { 247 | margin-left: 0; 248 | } 249 | 250 | $columnsCount: $columnsCount - 1; 251 | } 252 | 253 | $columnsCount: $columns; 254 | @while $columnsCount > 0 { 255 | .mp-#{$columnsCount} { 256 | width: (100% / $columns) * $columnsCount; 257 | } 258 | 259 | $columnsCount: $columnsCount - 1; 260 | } 261 | 262 | $columnsCount: $columns; 263 | @while $columnsCount > 0 { 264 | .ml-#{$columnsCount} { 265 | width: (100% / $columns) * $columnsCount; 266 | } 267 | 268 | $columnsCount: $columnsCount - 1; 269 | } 270 | 271 | $columnsCount: $columns; 272 | @while $columnsCount > 0 { 273 | .tp-#{$columnsCount} { 274 | width: (100% / $columns) * $columnsCount; 275 | } 276 | 277 | $columnsCount: $columnsCount - 1; 278 | } 279 | } 280 | 281 | @media (max-width: $tp - 1) { 282 | $columnsCount: $columns; 283 | @while $columnsCount > 0 { 284 | .tp-#{$columnsCount} { 285 | width: 100%; 286 | } 287 | 288 | $columnsCount: $columnsCount - 1; 289 | } 290 | 291 | $columnsCount: $columns; 292 | @while $columnsCount > 0 { 293 | .indent-tp-#{$columnsCount} { 294 | margin-left: 0; 295 | } 296 | 297 | $columnsCount: $columnsCount - 1; 298 | } 299 | 300 | $columnsCount: $columns; 301 | @while $columnsCount > 0 { 302 | .mp-#{$columnsCount} { 303 | width: (100% / $columns) * $columnsCount; 304 | } 305 | 306 | $columnsCount: $columnsCount - 1; 307 | } 308 | 309 | $columnsCount: $columns; 310 | @while $columnsCount > 0 { 311 | .ml-#{$columnsCount} { 312 | width: (100% / $columns) * $columnsCount; 313 | } 314 | 315 | $columnsCount: $columnsCount - 1; 316 | } 317 | } 318 | 319 | @media (max-width: $ml - 1) { 320 | $columnsCount: $columns; 321 | @while $columnsCount > 0 { 322 | .ml-#{$columnsCount} { 323 | width: 100%; 324 | } 325 | 326 | $columnsCount: $columnsCount - 1; 327 | } 328 | 329 | $columnsCount: $columns; 330 | @while $columnsCount > 0 { 331 | .indent-ml-#{$columnsCount} { 332 | margin-left: 0; 333 | } 334 | 335 | $columnsCount: $columnsCount - 1; 336 | } 337 | 338 | $columnsCount: $columns; 339 | @while $columnsCount > 0 { 340 | .mp-#{$columnsCount} { 341 | width: (100% / $columns) * $columnsCount; 342 | } 343 | 344 | $columnsCount: $columnsCount - 1; 345 | } 346 | } 347 | 348 | // Forces any left positioned element to go to the right 349 | .force { 350 | float: right; 351 | } 352 | 353 | // Hide columns 354 | @media (max-width: $ml - 1) { 355 | .mp-hide { 356 | display: none !important; 357 | } 358 | 359 | .ml-hide { 360 | display: none !important; 361 | } 362 | 363 | .tp-hide { 364 | display: none !important; 365 | } 366 | 367 | .tl-hide { 368 | display: none !important; 369 | } 370 | 371 | .dt-hide { 372 | display: none !important; 373 | } 374 | } 375 | 376 | @media (min-width: $ml) and (max-width: $tp - 1) { 377 | .ml-hide { 378 | display: none !important; 379 | } 380 | 381 | .tp-hide { 382 | display: none !important; 383 | } 384 | 385 | .tl-hide { 386 | display: none !important; 387 | } 388 | 389 | .dt-hide { 390 | display: none !important; 391 | } 392 | } 393 | 394 | @media (min-width: $tp) and (max-width: $tl - 1) { 395 | .tp-hide { 396 | display: none !important; 397 | } 398 | 399 | .tl-hide { 400 | display: none !important; 401 | } 402 | 403 | .dt-hide { 404 | display: none !important; 405 | } 406 | } 407 | 408 | @media (max-width: $tl) { 409 | .tl-hide { 410 | display: none !important; 411 | } 412 | 413 | .dt-hide { 414 | display: none !important; 415 | } 416 | } 417 | 418 | @media (min-width: $tl + 1) { 419 | .dt-hide { 420 | display: none !important; 421 | } 422 | } --------------------------------------------------------------------------------