balloon-css
Advanced tools
Comparing version 0.5.0 to 0.5.1
{ | ||
"name": "balloon-css", | ||
"version": "0.5.0", | ||
"version": "0.5.1", | ||
"description": "Simple tooltips made of pure CSS", | ||
@@ -5,0 +5,0 @@ "author": "Claudio Holanda", |
@@ -27,3 +27,3 @@ [![npm version](https://badge.fury.io/js/balloon-css.svg)](https://www.npmjs.com/package/balloon-css) | ||
```html | ||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/balloon-css/0.2.4/balloon.min.css"> | ||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/balloon-css/0.5.0/balloon.min.css"> | ||
``` | ||
@@ -39,3 +39,3 @@ | ||
### Positioning | ||
For positioning, use `data-balloon-pos` attribute with one of the values: `up`, `down`, `left` or `right`: | ||
For positioning, use `data-balloon-pos` attribute with one of the values: `up`, `down`, `left`, `right`, `up-left`, `up-right`, `down-left` or `down-right`: | ||
@@ -47,2 +47,7 @@ ```html | ||
<button data-balloon="Whats up!" data-balloon-pos="down">Hover me!</button> | ||
<button data-balloon="Whats up!" data-balloon-pos="up-left">Hover me!</button> | ||
<button data-balloon="Whats up!" data-balloon-pos="up-right">Hover me!</button> | ||
<button data-balloon="Whats up!" data-balloon-pos="down-left">Hover me!</button> | ||
<button data-balloon="Whats up!" data-balloon-pos="down-right">Hover me!</button> | ||
``` | ||
@@ -49,0 +54,0 @@ |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
93
37975
247