Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Revamp Pure Grids #146

Closed
wants to merge 9 commits into from
Closed

Revamp Pure Grids #146

wants to merge 9 commits into from

Commits on Jul 18, 2013

  1. Replace existing grid with new mobile-first implementation. 

    See example here: jsfiddle.net/36vkC/3/
Check the src/grids/tests/manual/mobile-first.html test page
for more details on how to implement this grid.
    @tilomitra
    tilomitra committed Jul 18, 2013
    Configuration menu
    Copy the full SHA
    007a727 View commit details
    Browse the repository at this point in the history

  2. update build process to include grid-offsets

    @tilomitra
    tilomitra committed Jul 18, 2013
    Configuration menu
    Copy the full SHA
    9eb9d5e View commit details
    Browse the repository at this point in the history

  3. update multi-column forms to use new grid

    @tilomitra
    tilomitra committed Jul 18, 2013
    Configuration menu
    Copy the full SHA
    bf2db5f View commit details
    Browse the repository at this point in the history

  4. add some comments

    @tilomitra
    tilomitra committed Jul 18, 2013
    Configuration menu
    Copy the full SHA
    70fe5d2 View commit details
    Browse the repository at this point in the history

  5. remove old grid test

    @tilomitra
    tilomitra committed Jul 18, 2013
    Configuration menu
    Copy the full SHA
    922b8e1 View commit details
    Browse the repository at this point in the history

Commits on Jul 23, 2013

  1. Revamp Pure Grid to be mobile-first and more declarative. 

    See this fiddle for more info on how this new grid system works:
jsfiddle.net/36vkC/3/

This new grid system is mobile first and lets you add class names
to specify how your grid will behave at different media queries.

This grid breaks back-compatibility. Check the pull request for
more information about that.

This grid also fixes pure-css#41 through a font-size: 0; on the .pure-grid
and resetting the font-size on .unit.
    @tilomitra
    tilomitra committed Jul 23, 2013
    Configuration menu
    Copy the full SHA
    d0f59c2 View commit details
    Browse the repository at this point in the history

  2. add grid offsets

    @tilomitra
    tilomitra committed Jul 23, 2013
    Configuration menu
    Copy the full SHA
    04f974b View commit details
    Browse the repository at this point in the history

  3. add new grids test page

    @tilomitra
    tilomitra committed Jul 23, 2013
    Configuration menu
    Copy the full SHA
    27d580b View commit details
    Browse the repository at this point in the history

  4. add nested grid test

    @tilomitra
    tilomitra committed Jul 23, 2013
    Configuration menu
    Copy the full SHA
    d7f85e3 View commit details
    Browse the repository at this point in the history