styles to help create your magazine.js layout
CSS
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
.gitignore
History.md
Makefile
Readme.md
component.json
magazine-layout.css

Readme.md

magazine-layout

some helper styles for magazine.js

Installation

Install with component(1):

$ component install bmcmahen/magazine-layout

Example

This provides a basic absolutely positioned 12-node grid system that helps create basic magazine layouts.

<li class='swipe-pane'>
  <div class='left-0 width-4 height-12'>
    <div>
      <h1> A title </h1>
      <p> This css create a left-hand column. </p>
  </div>
  <div class='left-8 width-4 height-6'>
    <div>
     <p> I will appear in the top right corner. </p>
    </div>
  </div>
</li>

If you want a subgrid within a grid, you need to wrap it within a .grid-container class.

More examples to come... including the use of .fixed-block.

License

MIT