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

Commit 385defa

Browse files
committed
Update
1 parent a7f4e58 commit 385defa

File tree

4 files changed

+97
-87
lines changed

4 files changed

+97
-87
lines changed

src/css/style.tooltip.css

Lines changed: 0 additions & 83 deletions
Original file line numberDiff line numberDiff line change
@@ -17,23 +17,6 @@
1717
padding: 4px;
1818
z-index: 1;
1919
opacity: 0;
20-
color: white;
21-
}
22-
23-
.tooltip .text.primary {
24-
background-color: rgb(16, 162, 241);
25-
}
26-
27-
.tooltip .text.common {
28-
background-color: rgb(84, 84, 84);
29-
}
30-
31-
.tooltip .text.success {
32-
background-color: rgb(104, 192, 65);
33-
}
34-
35-
.tooltip .text.danger {
36-
background-color: rgb(226, 67, 67);
3720
}
3821

3922
.tooltip:hover .text {
@@ -50,24 +33,6 @@
5033
top: 100%;
5134
}
5235

53-
.tooltip .top.primary::after {
54-
border-top-color: rgb(16, 162, 241);
55-
}
56-
57-
.tooltip .top.common::after {
58-
border-top-color: rgb(84, 84, 84);
59-
}
60-
61-
.tooltip .top.success::after {
62-
border-top-color: rgb(104, 192, 65);
63-
}
64-
65-
66-
.tooltip .top.danger::after {
67-
border-top-color: rgb(226, 67, 67);
68-
}
69-
70-
7136
.tooltip .bottom {
7237
left: 50%;
7338
top: 120%;
@@ -77,22 +42,6 @@
7742
bottom: 100%;
7843
}
7944

80-
.tooltip .bottom.primary::after {
81-
border-bottom-color: rgb(16, 162, 241);
82-
}
83-
84-
.tooltip .bottom.common::after {
85-
border-bottom-color: rgb(84, 84, 84);
86-
}
87-
88-
.tooltip .bottom.success::after {
89-
border-bottom-color: rgb(104, 192, 65);
90-
}
91-
92-
.tooltip .bottom.danger::after {
93-
border-bottom-color: rgb(226, 67, 67);
94-
}
95-
9645
.tooltip .right {
9746
left: 125%;
9847
top: -2px;
@@ -102,22 +51,6 @@
10251
right: 100%;
10352
}
10453

105-
.tooltip .right.primary::after {
106-
border-right-color: rgb(16, 162, 241);
107-
}
108-
109-
.tooltip .right.common::after {
110-
border-right-color: rgb(84, 84, 84);
111-
}
112-
113-
.tooltip .right.success::after {
114-
border-right-color: rgb(104, 192, 65);
115-
}
116-
117-
.tooltip .right.danger::after {
118-
border-right-color: rgb(226, 67, 67);
119-
}
120-
12154
.tooltip .left {
12255
right: 125%;
12356
top: -2px;
@@ -127,22 +60,6 @@
12760
left: 100%;
12861
}
12962

130-
.tooltip .left.primary::after {
131-
border-left-color: rgb(16, 162, 241);
132-
}
133-
134-
.tooltip .left.common::after {
135-
border-left-color: rgb(84, 84, 84);
136-
}
137-
138-
.tooltip .left.success::after {
139-
border-left-color: rgb(104, 192, 65);
140-
}
141-
142-
.tooltip .left.danger::after {
143-
border-left-color: rgb(226, 67, 67);
144-
}
145-
14663
.tooltip .top,
14764
.tooltip .bottom {
14865
margin-left: -30px;

src/css/style.tooltip.min.css

Lines changed: 0 additions & 1 deletion
This file was deleted.

src/css/style.tooltip.theme.css

Lines changed: 96 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,96 @@
1+
2+
/*
3+
tooltip primary
4+
*/
5+
.tooltip .text.primary {
6+
background-color: rgb(16, 162, 241);
7+
color: white;
8+
}
9+
10+
.tooltip .top.primary::after {
11+
border-top-color: rgb(16, 162, 241);
12+
}
13+
14+
.tooltip .bottom.primary::after {
15+
border-bottom-color: rgb(16, 162, 241);
16+
}
17+
18+
.tooltip .right.primary::after {
19+
border-right-color: rgb(16, 162, 241);
20+
}
21+
22+
.tooltip .left.primary::after {
23+
border-left-color: rgb(16, 162, 241);
24+
}
25+
26+
/*
27+
tooltip common
28+
*/
29+
.tooltip .text.common {
30+
background-color: rgb(84, 84, 84);
31+
color: white;
32+
}
33+
34+
.tooltip .top.common::after {
35+
border-top-color: rgb(84, 84, 84);
36+
}
37+
38+
.tooltip .bottom.common::after {
39+
border-bottom-color: rgb(84, 84, 84);
40+
}
41+
42+
.tooltip .right.common::after {
43+
border-right-color: rgb(84, 84, 84);
44+
}
45+
46+
.tooltip .left.common::after {
47+
border-left-color: rgb(84, 84, 84);
48+
}
49+
50+
/*
51+
tooltip success
52+
*/
53+
.tooltip .text.success {
54+
background-color: rgb(104, 192, 65);
55+
color: white;
56+
}
57+
58+
.tooltip .top.success::after {
59+
border-top-color: rgb(104, 192, 65);
60+
}
61+
62+
.tooltip .bottom.success::after {
63+
border-bottom-color: rgb(104, 192, 65);
64+
}
65+
66+
.tooltip .right.success::after {
67+
border-right-color: rgb(104, 192, 65);
68+
}
69+
70+
.tooltip .left.success::after {
71+
border-left-color: rgb(104, 192, 65);
72+
}
73+
74+
/*
75+
tooltip danger
76+
*/
77+
.tooltip .text.danger {
78+
background-color: rgb(226, 67, 67);
79+
color: white;
80+
}
81+
82+
.tooltip .top.danger::after {
83+
border-top-color: rgb(226, 67, 67);
84+
}
85+
86+
.tooltip .bottom.danger::after {
87+
border-bottom-color: rgb(226, 67, 67);
88+
}
89+
90+
.tooltip .right.danger::after {
91+
border-right-color: rgb(226, 67, 67);
92+
}
93+
94+
.tooltip .left.danger::after {
95+
border-left-color: rgb(226, 67, 67);
96+
}

src/index.html

Lines changed: 1 addition & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -12,16 +12,14 @@
1212
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:400,600&amp;subset=latin-ext">
1313
<link rel="stylesheet" href="https://css-ui.github.io/css/cssui.min.css">
1414
<link rel="stylesheet" href="css/style.tooltip.css">
15+
<link rel="stylesheet" href="css/style.tooltip.theme.css">
1516
<style>
1617
body {
1718
font-family: 'Open Sans', sans-serif;
1819
}
1920
</style>
2021
</head>
2122
<body>
22-
<!--
23-
sample page
24-
-->
2523
<div class="container" style="width: 600px; padding-top: 50px;">
2624
<h2>CSS UI - Tooltip</h2>
2725
<div class="row">

0 commit comments

Comments
 (0)