Created
December 27, 2013 21:17
-
-
Save tilomitra/8152723 to your computer and use it in GitHub Desktop.
Mobile first Pure Grid generated by https://github.com/ericf/rework-pure-grids.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .pure-u-1, | |
| .pure-u-1-1, | |
| .pure-u-1-2, | |
| .pure-u-1-3, | |
| .pure-u-2-3, | |
| .pure-u-1-4, | |
| .pure-u-3-4, | |
| .pure-u-1-6, | |
| .pure-u-5-6, | |
| .pure-u-1-8, | |
| .pure-u-3-8, | |
| .pure-u-5-8, | |
| .pure-u-7-8, | |
| .pure-u-1-12, | |
| .pure-u-5-12, | |
| .pure-u-7-12, | |
| .pure-u-11-12, | |
| .pure-u-1-24, | |
| .pure-u-2-24, | |
| .pure-u-3-24, | |
| .pure-u-4-24, | |
| .pure-u-5-24, | |
| .pure-u-6-24, | |
| .pure-u-7-24, | |
| .pure-u-8-24, | |
| .pure-u-9-24, | |
| .pure-u-10-24, | |
| .pure-u-11-24, | |
| .pure-u-12-24, | |
| .pure-u-13-24, | |
| .pure-u-14-24, | |
| .pure-u-15-24, | |
| .pure-u-16-24, | |
| .pure-u-17-24, | |
| .pure-u-18-24, | |
| .pure-u-19-24, | |
| .pure-u-20-24, | |
| .pure-u-21-24, | |
| .pure-u-22-24, | |
| .pure-u-23-24, | |
| .pure-u-24-24 { | |
| display: inline-block; | |
| *display: inline; | |
| zoom: 1; | |
| letter-spacing: normal; | |
| word-spacing: normal; | |
| vertical-align: top; | |
| text-rendering: auto; | |
| } | |
| .pure-u-1-24 { | |
| width: 4.1667%; | |
| *width: 4.1357%; | |
| } | |
| .pure-u-1-12, | |
| .pure-u-2-24 { | |
| width: 8.3333%; | |
| *width: 8.3023%; | |
| } | |
| .pure-u-1-8, | |
| .pure-u-3-24 { | |
| width: 12.5000%; | |
| *width: 12.4690%; | |
| } | |
| .pure-u-1-6, | |
| .pure-u-4-24 { | |
| width: 16.6667%; | |
| *width: 16.6357%; | |
| } | |
| .pure-u-5-24 { | |
| width: 20.8333%; | |
| *width: 20.8023%; | |
| } | |
| .pure-u-1-4, | |
| .pure-u-6-24 { | |
| width: 25%; | |
| *width: 24.9690%; | |
| } | |
| .pure-u-7-24 { | |
| width: 29.1667%; | |
| *width: 29.1357%; | |
| } | |
| .pure-u-1-3, | |
| .pure-u-8-24 { | |
| width: 33.3333%; | |
| *width: 33.3023%; | |
| } | |
| .pure-u-3-8, | |
| .pure-u-9-24 { | |
| width: 37.5000%; | |
| *width: 37.4690%; | |
| } | |
| .pure-u-5-12, | |
| .pure-u-10-24 { | |
| width: 41.6667%; | |
| *width: 41.6357%; | |
| } | |
| .pure-u-11-24 { | |
| width: 45.8333%; | |
| *width: 45.8023%; | |
| } | |
| .pure-u-1-2, | |
| .pure-u-12-24 { | |
| width: 50%; | |
| *width: 49.9690%; | |
| } | |
| .pure-u-13-24 { | |
| width: 54.1667%; | |
| *width: 54.1357%; | |
| } | |
| .pure-u-7-12, | |
| .pure-u-14-24 { | |
| width: 58.3333%; | |
| *width: 58.3023%; | |
| } | |
| .pure-u-5-8, | |
| .pure-u-15-24 { | |
| width: 62.5000%; | |
| *width: 62.4690%; | |
| } | |
| .pure-u-2-3, | |
| .pure-u-16-24 { | |
| width: 66.6667%; | |
| *width: 66.6357%; | |
| } | |
| .pure-u-17-24 { | |
| width: 70.8333%; | |
| *width: 70.8023%; | |
| } | |
| .pure-u-3-4, | |
| .pure-u-18-24 { | |
| width: 75%; | |
| *width: 74.9690%; | |
| } | |
| .pure-u-19-24 { | |
| width: 79.1667%; | |
| *width: 79.1357%; | |
| } | |
| .pure-u-5-6, | |
| .pure-u-20-24 { | |
| width: 83.3333%; | |
| *width: 83.3023%; | |
| } | |
| .pure-u-7-8, | |
| .pure-u-21-24 { | |
| width: 87.5000%; | |
| *width: 87.4690%; | |
| } | |
| .pure-u-11-12, | |
| .pure-u-22-24 { | |
| width: 91.6667%; | |
| *width: 91.6357%; | |
| } | |
| .pure-u-23-24 { | |
| width: 95.8333%; | |
| *width: 95.8023%; | |
| } | |
| .pure-u-1, | |
| .pure-u-1-1, | |
| .pure-u-24-24 { | |
| width: 100%; | |
| } | |
| @media screen and (min-width: 768px) { | |
| .pure-u-tablet-1, | |
| .pure-u-tablet-1-1, | |
| .pure-u-tablet-1-2, | |
| .pure-u-tablet-1-3, | |
| .pure-u-tablet-2-3, | |
| .pure-u-tablet-1-4, | |
| .pure-u-tablet-3-4, | |
| .pure-u-tablet-1-6, | |
| .pure-u-tablet-5-6, | |
| .pure-u-tablet-1-8, | |
| .pure-u-tablet-3-8, | |
| .pure-u-tablet-5-8, | |
| .pure-u-tablet-7-8, | |
| .pure-u-tablet-1-12, | |
| .pure-u-tablet-5-12, | |
| .pure-u-tablet-7-12, | |
| .pure-u-tablet-11-12, | |
| .pure-u-tablet-1-24, | |
| .pure-u-tablet-2-24, | |
| .pure-u-tablet-3-24, | |
| .pure-u-tablet-4-24, | |
| .pure-u-tablet-5-24, | |
| .pure-u-tablet-6-24, | |
| .pure-u-tablet-7-24, | |
| .pure-u-tablet-8-24, | |
| .pure-u-tablet-9-24, | |
| .pure-u-tablet-10-24, | |
| .pure-u-tablet-11-24, | |
| .pure-u-tablet-12-24, | |
| .pure-u-tablet-13-24, | |
| .pure-u-tablet-14-24, | |
| .pure-u-tablet-15-24, | |
| .pure-u-tablet-16-24, | |
| .pure-u-tablet-17-24, | |
| .pure-u-tablet-18-24, | |
| .pure-u-tablet-19-24, | |
| .pure-u-tablet-20-24, | |
| .pure-u-tablet-21-24, | |
| .pure-u-tablet-22-24, | |
| .pure-u-tablet-23-24, | |
| .pure-u-tablet-24-24 { | |
| display: inline-block; | |
| *display: inline; | |
| zoom: 1; | |
| letter-spacing: normal; | |
| word-spacing: normal; | |
| vertical-align: top; | |
| text-rendering: auto; | |
| } | |
| .pure-u-tablet-1-24 { | |
| width: 4.1667%; | |
| *width: 4.1357%; | |
| } | |
| .pure-u-tablet-1-12, | |
| .pure-u-tablet-2-24 { | |
| width: 8.3333%; | |
| *width: 8.3023%; | |
| } | |
| .pure-u-tablet-1-8, | |
| .pure-u-tablet-3-24 { | |
| width: 12.5000%; | |
| *width: 12.4690%; | |
| } | |
| .pure-u-tablet-1-6, | |
| .pure-u-tablet-4-24 { | |
| width: 16.6667%; | |
| *width: 16.6357%; | |
| } | |
| .pure-u-tablet-5-24 { | |
| width: 20.8333%; | |
| *width: 20.8023%; | |
| } | |
| .pure-u-tablet-1-4, | |
| .pure-u-tablet-6-24 { | |
| width: 25%; | |
| *width: 24.9690%; | |
| } | |
| .pure-u-tablet-7-24 { | |
| width: 29.1667%; | |
| *width: 29.1357%; | |
| } | |
| .pure-u-tablet-1-3, | |
| .pure-u-tablet-8-24 { | |
| width: 33.3333%; | |
| *width: 33.3023%; | |
| } | |
| .pure-u-tablet-3-8, | |
| .pure-u-tablet-9-24 { | |
| width: 37.5000%; | |
| *width: 37.4690%; | |
| } | |
| .pure-u-tablet-5-12, | |
| .pure-u-tablet-10-24 { | |
| width: 41.6667%; | |
| *width: 41.6357%; | |
| } | |
| .pure-u-tablet-11-24 { | |
| width: 45.8333%; | |
| *width: 45.8023%; | |
| } | |
| .pure-u-tablet-1-2, | |
| .pure-u-tablet-12-24 { | |
| width: 50%; | |
| *width: 49.9690%; | |
| } | |
| .pure-u-tablet-13-24 { | |
| width: 54.1667%; | |
| *width: 54.1357%; | |
| } | |
| .pure-u-tablet-7-12, | |
| .pure-u-tablet-14-24 { | |
| width: 58.3333%; | |
| *width: 58.3023%; | |
| } | |
| .pure-u-tablet-5-8, | |
| .pure-u-tablet-15-24 { | |
| width: 62.5000%; | |
| *width: 62.4690%; | |
| } | |
| .pure-u-tablet-2-3, | |
| .pure-u-tablet-16-24 { | |
| width: 66.6667%; | |
| *width: 66.6357%; | |
| } | |
| .pure-u-tablet-17-24 { | |
| width: 70.8333%; | |
| *width: 70.8023%; | |
| } | |
| .pure-u-tablet-3-4, | |
| .pure-u-tablet-18-24 { | |
| width: 75%; | |
| *width: 74.9690%; | |
| } | |
| .pure-u-tablet-19-24 { | |
| width: 79.1667%; | |
| *width: 79.1357%; | |
| } | |
| .pure-u-tablet-5-6, | |
| .pure-u-tablet-20-24 { | |
| width: 83.3333%; | |
| *width: 83.3023%; | |
| } | |
| .pure-u-tablet-7-8, | |
| .pure-u-tablet-21-24 { | |
| width: 87.5000%; | |
| *width: 87.4690%; | |
| } | |
| .pure-u-tablet-11-12, | |
| .pure-u-tablet-22-24 { | |
| width: 91.6667%; | |
| *width: 91.6357%; | |
| } | |
| .pure-u-tablet-23-24 { | |
| width: 95.8333%; | |
| *width: 95.8023%; | |
| } | |
| .pure-u-tablet-1, | |
| .pure-u-tablet-1-1, | |
| .pure-u-tablet-24-24 { | |
| width: 100%; | |
| } | |
| } | |
| @media screen and (min-width: 980px) { | |
| .pure-u-desktop-1, | |
| .pure-u-desktop-1-1, | |
| .pure-u-desktop-1-2, | |
| .pure-u-desktop-1-3, | |
| .pure-u-desktop-2-3, | |
| .pure-u-desktop-1-4, | |
| .pure-u-desktop-3-4, | |
| .pure-u-desktop-1-6, | |
| .pure-u-desktop-5-6, | |
| .pure-u-desktop-1-8, | |
| .pure-u-desktop-3-8, | |
| .pure-u-desktop-5-8, | |
| .pure-u-desktop-7-8, | |
| .pure-u-desktop-1-12, | |
| .pure-u-desktop-5-12, | |
| .pure-u-desktop-7-12, | |
| .pure-u-desktop-11-12, | |
| .pure-u-desktop-1-24, | |
| .pure-u-desktop-2-24, | |
| .pure-u-desktop-3-24, | |
| .pure-u-desktop-4-24, | |
| .pure-u-desktop-5-24, | |
| .pure-u-desktop-6-24, | |
| .pure-u-desktop-7-24, | |
| .pure-u-desktop-8-24, | |
| .pure-u-desktop-9-24, | |
| .pure-u-desktop-10-24, | |
| .pure-u-desktop-11-24, | |
| .pure-u-desktop-12-24, | |
| .pure-u-desktop-13-24, | |
| .pure-u-desktop-14-24, | |
| .pure-u-desktop-15-24, | |
| .pure-u-desktop-16-24, | |
| .pure-u-desktop-17-24, | |
| .pure-u-desktop-18-24, | |
| .pure-u-desktop-19-24, | |
| .pure-u-desktop-20-24, | |
| .pure-u-desktop-21-24, | |
| .pure-u-desktop-22-24, | |
| .pure-u-desktop-23-24, | |
| .pure-u-desktop-24-24 { | |
| display: inline-block; | |
| *display: inline; | |
| zoom: 1; | |
| letter-spacing: normal; | |
| word-spacing: normal; | |
| vertical-align: top; | |
| text-rendering: auto; | |
| } | |
| .pure-u-desktop-1-24 { | |
| width: 4.1667%; | |
| *width: 4.1357%; | |
| } | |
| .pure-u-desktop-1-12, | |
| .pure-u-desktop-2-24 { | |
| width: 8.3333%; | |
| *width: 8.3023%; | |
| } | |
| .pure-u-desktop-1-8, | |
| .pure-u-desktop-3-24 { | |
| width: 12.5000%; | |
| *width: 12.4690%; | |
| } | |
| .pure-u-desktop-1-6, | |
| .pure-u-desktop-4-24 { | |
| width: 16.6667%; | |
| *width: 16.6357%; | |
| } | |
| .pure-u-desktop-5-24 { | |
| width: 20.8333%; | |
| *width: 20.8023%; | |
| } | |
| .pure-u-desktop-1-4, | |
| .pure-u-desktop-6-24 { | |
| width: 25%; | |
| *width: 24.9690%; | |
| } | |
| .pure-u-desktop-7-24 { | |
| width: 29.1667%; | |
| *width: 29.1357%; | |
| } | |
| .pure-u-desktop-1-3, | |
| .pure-u-desktop-8-24 { | |
| width: 33.3333%; | |
| *width: 33.3023%; | |
| } | |
| .pure-u-desktop-3-8, | |
| .pure-u-desktop-9-24 { | |
| width: 37.5000%; | |
| *width: 37.4690%; | |
| } | |
| .pure-u-desktop-5-12, | |
| .pure-u-desktop-10-24 { | |
| width: 41.6667%; | |
| *width: 41.6357%; | |
| } | |
| .pure-u-desktop-11-24 { | |
| width: 45.8333%; | |
| *width: 45.8023%; | |
| } | |
| .pure-u-desktop-1-2, | |
| .pure-u-desktop-12-24 { | |
| width: 50%; | |
| *width: 49.9690%; | |
| } | |
| .pure-u-desktop-13-24 { | |
| width: 54.1667%; | |
| *width: 54.1357%; | |
| } | |
| .pure-u-desktop-7-12, | |
| .pure-u-desktop-14-24 { | |
| width: 58.3333%; | |
| *width: 58.3023%; | |
| } | |
| .pure-u-desktop-5-8, | |
| .pure-u-desktop-15-24 { | |
| width: 62.5000%; | |
| *width: 62.4690%; | |
| } | |
| .pure-u-desktop-2-3, | |
| .pure-u-desktop-16-24 { | |
| width: 66.6667%; | |
| *width: 66.6357%; | |
| } | |
| .pure-u-desktop-17-24 { | |
| width: 70.8333%; | |
| *width: 70.8023%; | |
| } | |
| .pure-u-desktop-3-4, | |
| .pure-u-desktop-18-24 { | |
| width: 75%; | |
| *width: 74.9690%; | |
| } | |
| .pure-u-desktop-19-24 { | |
| width: 79.1667%; | |
| *width: 79.1357%; | |
| } | |
| .pure-u-desktop-5-6, | |
| .pure-u-desktop-20-24 { | |
| width: 83.3333%; | |
| *width: 83.3023%; | |
| } | |
| .pure-u-desktop-7-8, | |
| .pure-u-desktop-21-24 { | |
| width: 87.5000%; | |
| *width: 87.4690%; | |
| } | |
| .pure-u-desktop-11-12, | |
| .pure-u-desktop-22-24 { | |
| width: 91.6667%; | |
| *width: 91.6357%; | |
| } | |
| .pure-u-desktop-23-24 { | |
| width: 95.8333%; | |
| *width: 95.8023%; | |
| } | |
| .pure-u-desktop-1, | |
| .pure-u-desktop-1-1, | |
| .pure-u-desktop-24-24 { | |
| width: 100%; | |
| } | |
| } | |
| @media screen and (min-width: 1300px) { | |
| .pure-u-wide-1, | |
| .pure-u-wide-1-1, | |
| .pure-u-wide-1-2, | |
| .pure-u-wide-1-3, | |
| .pure-u-wide-2-3, | |
| .pure-u-wide-1-4, | |
| .pure-u-wide-3-4, | |
| .pure-u-wide-1-6, | |
| .pure-u-wide-5-6, | |
| .pure-u-wide-1-8, | |
| .pure-u-wide-3-8, | |
| .pure-u-wide-5-8, | |
| .pure-u-wide-7-8, | |
| .pure-u-wide-1-12, | |
| .pure-u-wide-5-12, | |
| .pure-u-wide-7-12, | |
| .pure-u-wide-11-12, | |
| .pure-u-wide-1-24, | |
| .pure-u-wide-2-24, | |
| .pure-u-wide-3-24, | |
| .pure-u-wide-4-24, | |
| .pure-u-wide-5-24, | |
| .pure-u-wide-6-24, | |
| .pure-u-wide-7-24, | |
| .pure-u-wide-8-24, | |
| .pure-u-wide-9-24, | |
| .pure-u-wide-10-24, | |
| .pure-u-wide-11-24, | |
| .pure-u-wide-12-24, | |
| .pure-u-wide-13-24, | |
| .pure-u-wide-14-24, | |
| .pure-u-wide-15-24, | |
| .pure-u-wide-16-24, | |
| .pure-u-wide-17-24, | |
| .pure-u-wide-18-24, | |
| .pure-u-wide-19-24, | |
| .pure-u-wide-20-24, | |
| .pure-u-wide-21-24, | |
| .pure-u-wide-22-24, | |
| .pure-u-wide-23-24, | |
| .pure-u-wide-24-24 { | |
| display: inline-block; | |
| *display: inline; | |
| zoom: 1; | |
| letter-spacing: normal; | |
| word-spacing: normal; | |
| vertical-align: top; | |
| text-rendering: auto; | |
| } | |
| .pure-u-wide-1-24 { | |
| width: 4.1667%; | |
| *width: 4.1357%; | |
| } | |
| .pure-u-wide-1-12, | |
| .pure-u-wide-2-24 { | |
| width: 8.3333%; | |
| *width: 8.3023%; | |
| } | |
| .pure-u-wide-1-8, | |
| .pure-u-wide-3-24 { | |
| width: 12.5000%; | |
| *width: 12.4690%; | |
| } | |
| .pure-u-wide-1-6, | |
| .pure-u-wide-4-24 { | |
| width: 16.6667%; | |
| *width: 16.6357%; | |
| } | |
| .pure-u-wide-5-24 { | |
| width: 20.8333%; | |
| *width: 20.8023%; | |
| } | |
| .pure-u-wide-1-4, | |
| .pure-u-wide-6-24 { | |
| width: 25%; | |
| *width: 24.9690%; | |
| } | |
| .pure-u-wide-7-24 { | |
| width: 29.1667%; | |
| *width: 29.1357%; | |
| } | |
| .pure-u-wide-1-3, | |
| .pure-u-wide-8-24 { | |
| width: 33.3333%; | |
| *width: 33.3023%; | |
| } | |
| .pure-u-wide-3-8, | |
| .pure-u-wide-9-24 { | |
| width: 37.5000%; | |
| *width: 37.4690%; | |
| } | |
| .pure-u-wide-5-12, | |
| .pure-u-wide-10-24 { | |
| width: 41.6667%; | |
| *width: 41.6357%; | |
| } | |
| .pure-u-wide-11-24 { | |
| width: 45.8333%; | |
| *width: 45.8023%; | |
| } | |
| .pure-u-wide-1-2, | |
| .pure-u-wide-12-24 { | |
| width: 50%; | |
| *width: 49.9690%; | |
| } | |
| .pure-u-wide-13-24 { | |
| width: 54.1667%; | |
| *width: 54.1357%; | |
| } | |
| .pure-u-wide-7-12, | |
| .pure-u-wide-14-24 { | |
| width: 58.3333%; | |
| *width: 58.3023%; | |
| } | |
| .pure-u-wide-5-8, | |
| .pure-u-wide-15-24 { | |
| width: 62.5000%; | |
| *width: 62.4690%; | |
| } | |
| .pure-u-wide-2-3, | |
| .pure-u-wide-16-24 { | |
| width: 66.6667%; | |
| *width: 66.6357%; | |
| } | |
| .pure-u-wide-17-24 { | |
| width: 70.8333%; | |
| *width: 70.8023%; | |
| } | |
| .pure-u-wide-3-4, | |
| .pure-u-wide-18-24 { | |
| width: 75%; | |
| *width: 74.9690%; | |
| } | |
| .pure-u-wide-19-24 { | |
| width: 79.1667%; | |
| *width: 79.1357%; | |
| } | |
| .pure-u-wide-5-6, | |
| .pure-u-wide-20-24 { | |
| width: 83.3333%; | |
| *width: 83.3023%; | |
| } | |
| .pure-u-wide-7-8, | |
| .pure-u-wide-21-24 { | |
| width: 87.5000%; | |
| *width: 87.4690%; | |
| } | |
| .pure-u-wide-11-12, | |
| .pure-u-wide-22-24 { | |
| width: 91.6667%; | |
| *width: 91.6357%; | |
| } | |
| .pure-u-wide-23-24 { | |
| width: 95.8333%; | |
| *width: 95.8023%; | |
| } | |
| .pure-u-wide-1, | |
| .pure-u-wide-1-1, | |
| .pure-u-wide-24-24 { | |
| width: 100%; | |
| } | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment