postcss-tipsy
v1.0.3
Published
Postcss plugin for a simple tooltip css
Downloads
11
Maintainers
Readme
PostCSS Tipsy
Postcss plugin for a simple tooltip css. This is based tipsy.sass version.
Usage
Installation
$ npm i --save postcss-tipsy
Configure
module.exports = {
plugins: {
require('postcss-tipsy')
}
}
See Postcss docs for examples for your environment.
HTML Markup
<span class="tipsy" data-tipsy="Postcss plugin for simple tooltip">Simple Tipsy</span>
Stylesheets
.tipsy {
tipsy: [graviry] [background] [size] [radius];
}
Usage
.tipsy {
tipsy: nw #34495e 5px 0;
}
Options
| Options | Description | Value | | ---------- | --------------------------- | --------------------------- | | gravity | Position of tooltip | nw, n , ne, e, se, s, sw, w | | background | Background color of tooltip | HEX, RGB, RGBA, HSL | | size | Arrow size of tooltip | px, em, rem | | radius | Border radius of tooltip | px, em, rem |
License
MIT © Dang Van Thanh