1.0.3 • Published 7 months ago

postcss-tipsy v1.0.3

Weekly downloads
1
License
MIT
Repository
github
Last release
7 months ago

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

OptionsDescriptionValue
gravityPosition of tooltipnw, n , ne, e, se, s, sw, w
backgroundBackground color of tooltipHEX, RGB, RGBA, HSL
sizeArrow size of tooltippx, em, rem
radiusBorder radius of tooltippx, em, rem

License

MIT © Dang Van Thanh