@pnx-mixtape/tiles

tiles component

Usage no npm install needed!

<script type="module">
  import pnxMixtapeTiles from 'https://cdn.skypack.dev/@pnx-mixtape/tiles';
</script>

README

@pnx-mixtape/tiles

Documentation and examples: Tiles

Installation

npm install @pnx-mixtape/tiles --save

How to use

CSS

  • PostCSS workflow: @import '@pnx-mixtape/tiles';
  • Sass/Eyeglass: @import '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>