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

Commit a28088c

Browse files
committed
Update
1 parent 80862b8 commit a28088c

File tree

1 file changed

+8
-35
lines changed

1 file changed

+8
-35
lines changed

readme.md

Lines changed: 8 additions & 35 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
## Tooltip
1+
## CSS UI - Tooltip
22

33
Simple tooltip.
44

@@ -22,7 +22,7 @@ CSS dependencies.
2222
<link rel="stylesheet" href="path/to/cssui.css">
2323
```
2424

25-
CSS tooltip style.
25+
CSS tooltip.
2626

2727
```html
2828
<link rel="stylesheet" href="path/to/style.tooltip.css">
@@ -34,48 +34,21 @@ CSS tooltip theme.
3434
<link rel="stylesheet" href="path/to/style.tooltip.theme.css">
3535
```
3636

37-
Set font.
37+
Use Open Sans fotns.
3838

39-
```html
40-
<style>
41-
body {
42-
font-family: 'Open Sans', sans-serif;
43-
}
44-
</style>
39+
```css
40+
font-family: 'Open Sans', sans-serif;
4541
```
4642

47-
Simple tooltip html.
43+
Tooltip html.
44+
45+
Class: ```primary```, ```common```, ```success```, ```warning``` and ```danger```
4846

4947
```html
50-
<!-- primary color -->
5148
<span class="tooltip">Top <span class="primary top">Top</span></span>
5249
<span class="tooltip">Bottom <span class="primary bottom">Bottom</span></span>
5350
<span class="tooltip">Left <span class="primary left">Left</span></span>
5451
<span class="tooltip">Right <span class="primary right">Right</span></span>
55-
56-
<!-- common color -->
57-
<span class="tooltip">Top <span class="common top">Top</span></span>
58-
<span class="tooltip">Bottom <span class="common bottom">Bottom</span></span>
59-
<span class="tooltip">Left <span class="common left">Left</span></span>
60-
<span class="tooltip">Right <span class="common right">Right</span></span>
61-
62-
<!-- success color -->
63-
<span class="tooltip">Top <span class="success top">Top</span></span>
64-
<span class="tooltip">Bottom <span class="success bottom">Bottom</span></span>
65-
<span class="tooltip">Left <span class="success left">Left</span></span>
66-
<span class="tooltip">Right <span class="success right">Right</span></span>
67-
68-
<!-- warning color -->
69-
<span class="tooltip">Top <span class="warning top">Top</span></span>
70-
<span class="tooltip">Bottom <span class="warning bottom">Bottom</span></span>
71-
<span class="tooltip">Left <span class="warning left">Left</span></span>
72-
<span class="tooltip">Right <span class="warning right">Right</span></span>
73-
74-
<!-- danger color -->
75-
<span class="tooltip">Top <span class="danger top">Top</span></span>
76-
<span class="tooltip">Bottom <span class="danger bottom">Bottom</span></span>
77-
<span class="tooltip">Left <span class="danger left">Left</span></span>
78-
<span class="tooltip">Right <span class="danger right">Right</span></span>
7952
```
8053

8154
Enjoy tooltip.

0 commit comments

Comments
 (0)