1.0.3 • Published 7 months ago
postcss-tipsy v1.0.3
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