Skip to content
This repository was archived by the owner on Sep 5, 2019. It is now read-only.

Commit e3ad14c

Browse files
committed
Update
1 parent 9a9100d commit e3ad14c

File tree

6 files changed

+122
-70
lines changed

6 files changed

+122
-70
lines changed
File renamed without changes.
File renamed without changes.

package-lock.json

+26
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

package.json

+19
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
{
2+
"name": "tooltip",
3+
"version": "2.0.4",
4+
"description": "Simple tooltip.",
5+
"main": "css/style.tooltip.css",
6+
"repository": {
7+
"type": "git",
8+
"url": "git+https://accgit@github.com/css-ui/tooltip.git"
9+
},
10+
"license": "MIT",
11+
"bugs": {
12+
"url": "https://github.com/css-ui/tooltip/issues"
13+
},
14+
"dependencies": {
15+
"css-ui-simple": "^2.5.1",
16+
"open-sans-fontface": "^1.4.0"
17+
},
18+
"homepage": "https://github.com/css-ui/tooltip#readme"
19+
}

readme.md

+77
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,80 @@
11
## Tooltip
22

33
Simple tooltip.
4+
5+
## Installation
6+
7+
```
8+
npm install --save css-ui-tooltip
9+
```
10+
11+
## Demo
12+
13+
- https://css-ui.github.io/tooltip
14+
15+
## Quick start
16+
17+
CSS dependencies.
18+
19+
```html
20+
<link rel="stylesheet" href="path/to/normalize.css">
21+
<link rel="stylesheet" href="path/to/open-sans.css">
22+
<link rel="stylesheet" href="path/to/cssui.css">
23+
```
24+
25+
CSS tooltip style.
26+
27+
```html
28+
<link rel="stylesheet" href="path/to/style.tooltip.css">
29+
```
30+
31+
CSS tooltip theme.
32+
33+
```html
34+
<link rel="stylesheet" href="path/to/style.tooltip.theme.css">
35+
```
36+
37+
Set font.
38+
39+
```html
40+
<style>
41+
body {
42+
font-family: 'Open Sans', sans-serif;
43+
}
44+
</style>
45+
46+
Simple tooltip html.
47+
48+
```html
49+
<!-- primary color -->
50+
<span class="tooltip">Top <span class="primary top">Top</span></span>
51+
<span class="tooltip">Bottom <span class="primary bottom">Bottom</span></span>
52+
<span class="tooltip">Left <span class="primary left">Left</span></span>
53+
<span class="tooltip">Right <span class="primary right">Right</span></span>
54+
55+
<!-- common color -->
56+
<span class="tooltip">Top <span class="common top">Top</span></span>
57+
<span class="tooltip">Bottom <span class="common bottom">Bottom</span></span>
58+
<span class="tooltip">Left <span class="common left">Left</span></span>
59+
<span class="tooltip">Right <span class="common right">Right</span></span>
60+
61+
<!-- success color -->
62+
<span class="tooltip">Top <span class="success top">Top</span></span>
63+
<span class="tooltip">Bottom <span class="success bottom">Bottom</span></span>
64+
<span class="tooltip">Left <span class="success left">Left</span></span>
65+
<span class="tooltip">Right <span class="success right">Right</span></span>
66+
67+
<!-- warning color -->
68+
<span class="tooltip">Top <span class="warning top">Top</span></span>
69+
<span class="tooltip">Bottom <span class="warning bottom">Bottom</span></span>
70+
<span class="tooltip">Left <span class="warning left">Left</span></span>
71+
<span class="tooltip">Right <span class="warning right">Right</span></span>
72+
73+
<!-- danger color -->
74+
<span class="tooltip">Top <span class="danger top">Top</span></span>
75+
<span class="tooltip">Bottom <span class="danger bottom">Bottom</span></span>
76+
<span class="tooltip">Left <span class="danger left">Left</span></span>
77+
<span class="tooltip">Right <span class="danger right">Right</span></span>
78+
```
79+
80+
Enjoy tooltip.

src/index.html

-70
This file was deleted.

0 commit comments

Comments
 (0)