@pnx-mixtape/tiles
v1.2.4
Published
tiles component
Downloads
150
Keywords
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';
- 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>