@pnx-mixtape/tiles v1.2.4

@pnx-mixtape/tiles

Documentation and examples: Tiles

Installation

npm install @pnx-mixtape/tiles --save

How to use

CSS

• PostCSS workflow: @import '@pnx-mixtape/tiles';
• Native CSS: @import url('dist/tiles.css');
• Link tag: <link href="dist/tiles.css" rel="stylesheet" type="text/css">

HTML

<div class="tiles grid tiles--small">
  <div class="tile grid--3-col">
    <h3 class="text--l">Tile title</h3>
    <a class="tile__link-cover" href="#">Tile link</a>
  </div>
  <div class="tile grid--3-col">
    <h3 class="text--l">Tile title</h3>
    <a class="tile__link-cover" href="#">Tile link</a>
  </div>
  <div class="tile grid--3-col">
    <h3 class="text--l">Tile title</h3>
    <a class="tile__link-cover" href="#">Tile link</a>
  </div>
</div>