JSPM

griddy.css

1.0.1
  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 2
  • Score
    100M100P100Q28360F
  • License MIT

Very minimal and tiny css grid

Package Exports

  • griddy.css

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (griddy.css) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

griddy.css

Responsive 12 column based grid in ~1Kb.

Install

npm i griddy.css --save

or

<link rel="stylesheet" href="https://npmcdn.com/griddy.css@1.0.0/dist/griddy.min.css" type="text/css" />

Examples

2 different columns

<div class="griddy">
    <div class="griddy-col griddy-col-4">.col.col-4</div>
    <div class="griddy-col griddy-col-8">.col.col-8</div>
</div>

1 column with offset

<div class="griddy">
    <div class="griddy-col griddy-col-4 griddy-offset-6">.col.col-4.offset-6</div>
</div>

List of classes

  • .griddy
  • .griddy-col
  • .griddy-col-right
  • .griddy-col-{COLUMN NUMBER}
  • .griddy-offset-{OFFSET NUMBER}

MIT Licensed