css only tooltips

Usage no npm install needed!

<script type="module">
  import commitchangeTooltip from 'https://cdn.skypack.dev/@commitchange/tooltip';



css only tooltip styles


the styles do not include any browser prefixes. to add them, run autoprefixer with postcss.

the styles do not include any z-index rules. you should add them to your own project in relation to other z-indices:

[class*=tooltip--]:after {
  z-index: 10; 

to install: npm install --save @commitchange/tooltip

to use in css-land:

in your style sheet, just add @import '@commitchange/tooltip and then run postcss-import

to use in markup-land:

<div class='tooltip--top' data-tooltip='this tooltip text will appear above this div when hovered over'>
  Hover over me