@pnx-mixtape/previous-next

previous-next component

Usage no npm install needed!

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

README

@pnx-mixtape/previous-next

Documentation and examples: Previous Next

Installation

npm install @pnx-mixtape/previous-next --save

How to use

CSS

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

HTML

<div class="previous-next">
  <div class="previous-next__link">
    <a href="#" class="previous-next__prev">
      <div class="previous-next__title">Previous</div>
      <div class="previous-next__page-title">Title</div>
    </a>
  </div>
  <div class="previous-next__link">
    <a href="#" class="previous-next__next">
      <div class="previous-next__title">Next</div>
      <div class="previous-next__page-title">Title</div>
    </a>
  </div>
</div>