Skip to content
Permalink
Browse files
bump to v2.2.1.
  • Loading branch information
chinchang committed Mar 26, 2016
1 parent e76f9fa commit d3b904418d7494efa0dadbd7112940c29f36d69e
Show file tree
Hide file tree
Showing 5 changed files with 271 additions and 75 deletions.
@@ -1,4 +1,4 @@
/*! Hint.css (base version) - v2.2.0 - 2016-03-08
/*! Hint.css (base version) - v2.2.1 - 2016-03-26
* http://kushagragour.in/lab/hint/
* Copyright (c) 2016 Kushagra Gour; Licensed */

@@ -116,18 +116,26 @@
* top tooltip
*/
.hint--top:before {
margin-bottom: -12px; }
margin-bottom: -11px; }

.hint--top:before, .hint--top:after {
bottom: 100%;
left: 50%; }

.hint--top:after, .hint--top:before {
.hint--top:before {
left: calc(50% - 6px); }

.hint--top:after {
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
transform: translateX(-50%); }

.hint--top:hover:after, .hint--top:hover:before, .hint--top:focus:after, .hint--top:focus:before {
.hint--top:hover:before, .hint--top:focus:before {
-webkit-transform: translateY(-8px);
-moz-transform: translateY(-8px);
transform: translateY(-8px); }

.hint--top:hover:after, .hint--top:focus:after {
-webkit-transform: translateX(-50%) translateY(-8px);
-moz-transform: translateX(-50%) translateY(-8px);
transform: translateX(-50%) translateY(-8px); }
@@ -136,18 +144,26 @@
* bottom tooltip
*/
.hint--bottom:before {
margin-top: -12px; }
margin-top: -11px; }

.hint--bottom:before, .hint--bottom:after {
top: 100%;
left: 50%; }

.hint--bottom:after, .hint--bottom:before {
.hint--bottom:before {
left: calc(50% - 6px); }

.hint--bottom:after {
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
transform: translateX(-50%); }

.hint--bottom:hover:after, .hint--bottom:hover:before, .hint--bottom:focus:after, .hint--bottom:focus:before {
.hint--bottom:hover:before, .hint--bottom:focus:before {
-webkit-transform: translateY(8px);
-moz-transform: translateY(8px);
transform: translateY(8px); }

.hint--bottom:hover:after, .hint--bottom:focus:after {
-webkit-transform: translateX(-50%) translateY(8px);
-moz-transform: translateX(-50%) translateY(8px);
transform: translateX(-50%) translateY(8px); }
@@ -156,7 +172,7 @@
* right tooltip
*/
.hint--right:before {
margin-left: -12px;
margin-left: -11px;
margin-bottom: -6px; }

.hint--right:after {
@@ -166,7 +182,12 @@
left: 100%;
bottom: 50%; }

.hint--right:hover:after, .hint--right:hover:before, .hint--right:focus:after, .hint--right:focus:before {
.hint--right:hover:before, .hint--right:focus:before {
-webkit-transform: translateX(8px);
-moz-transform: translateX(8px);
transform: translateX(8px); }

.hint--right:hover:after, .hint--right:focus:after {
-webkit-transform: translateX(8px);
-moz-transform: translateX(8px);
transform: translateX(8px); }
@@ -175,7 +196,7 @@
* left tooltip
*/
.hint--left:before {
margin-right: -12px;
margin-right: -11px;
margin-bottom: -6px; }

.hint--left:after {
@@ -185,7 +206,12 @@
right: 100%;
bottom: 50%; }

.hint--left:hover:after, .hint--left:hover:before, .hint--left:focus:after, .hint--left:focus:before {
.hint--left:hover:before, .hint--left:focus:before {
-webkit-transform: translateX(-8px);
-moz-transform: translateX(-8px);
transform: translateX(-8px); }

.hint--left:hover:after, .hint--left:focus:after {
-webkit-transform: translateX(-8px);
-moz-transform: translateX(-8px);
transform: translateX(-8px); }
@@ -194,21 +220,29 @@
* top-left tooltip
*/
.hint--top-left:before {
margin-bottom: -12px; }
margin-bottom: -11px; }

.hint--top-left:before, .hint--top-left:after {
bottom: 100%;
left: 50%; }

.hint--top-left:after, .hint--top-left:before {
.hint--top-left:before {
left: calc(50% - 6px); }

.hint--top-left:after {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
transform: translateX(-100%); }

.hint--top-left:after {
margin-left: 6px; }
margin-left: 12px; }

.hint--top-left:hover:before, .hint--top-left:focus:before {
-webkit-transform: translateY(-8px);
-moz-transform: translateY(-8px);
transform: translateY(-8px); }

.hint--top-left:hover:after, .hint--top-left:hover:before, .hint--top-left:focus:after, .hint--top-left:focus:before {
.hint--top-left:hover:after, .hint--top-left:focus:after {
-webkit-transform: translateX(-100%) translateY(-8px);
-moz-transform: translateX(-100%) translateY(-8px);
transform: translateX(-100%) translateY(-8px); }
@@ -217,21 +251,29 @@
* top-right tooltip
*/
.hint--top-right:before {
margin-bottom: -12px; }
margin-bottom: -11px; }

.hint--top-right:before, .hint--top-right:after {
bottom: 100%;
left: 50%; }

.hint--top-right:after, .hint--top-right:before {
.hint--top-right:before {
left: calc(50% - 6px); }

.hint--top-right:after {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
transform: translateX(0); }

.hint--top-right:after {
margin-left: -6px; }
margin-left: -12px; }

.hint--top-right:hover:after, .hint--top-right:hover:before, .hint--top-right:focus:after, .hint--top-right:focus:before {
.hint--top-right:hover:before, .hint--top-right:focus:before {
-webkit-transform: translateY(-8px);
-moz-transform: translateY(-8px);
transform: translateY(-8px); }

.hint--top-right:hover:after, .hint--top-right:focus:after {
-webkit-transform: translateY(-8px);
-moz-transform: translateY(-8px);
transform: translateY(-8px); }
@@ -240,21 +282,29 @@
* bottom-left tooltip
*/
.hint--bottom-left:before {
margin-top: -12px; }
margin-top: -11px; }

.hint--bottom-left:before, .hint--bottom-left:after {
top: 100%;
left: 50%; }

.hint--bottom-left:after, .hint--bottom-left:before {
.hint--bottom-left:before {
left: calc(50% - 6px); }

.hint--bottom-left:after {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
transform: translateX(-100%); }

.hint--bottom-left:after {
margin-left: 6px; }
margin-left: 12px; }

.hint--bottom-left:hover:before, .hint--bottom-left:focus:before {
-webkit-transform: translateY(8px);
-moz-transform: translateY(8px);
transform: translateY(8px); }

.hint--bottom-left:hover:after, .hint--bottom-left:hover:before, .hint--bottom-left:focus:after, .hint--bottom-left:focus:before {
.hint--bottom-left:hover:after, .hint--bottom-left:focus:after {
-webkit-transform: translateX(-100%) translateY(8px);
-moz-transform: translateX(-100%) translateY(8px);
transform: translateX(-100%) translateY(8px); }
@@ -263,21 +313,29 @@
* bottom-right tooltip
*/
.hint--bottom-right:before {
margin-top: -12px; }
margin-top: -11px; }

.hint--bottom-right:before, .hint--bottom-right:after {
top: 100%;
left: 50%; }

.hint--bottom-right:after, .hint--bottom-right:before {
.hint--bottom-right:before {
left: calc(50% - 6px); }

.hint--bottom-right:after {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
transform: translateX(0); }

.hint--bottom-right:after {
margin-left: -6px; }
margin-left: -12px; }

.hint--bottom-right:hover:before, .hint--bottom-right:focus:before {
-webkit-transform: translateY(8px);
-moz-transform: translateY(8px);
transform: translateY(8px); }

.hint--bottom-right:hover:after, .hint--bottom-right:hover:before, .hint--bottom-right:focus:after, .hint--bottom-right:focus:before {
.hint--bottom-right:hover:after, .hint--bottom-right:focus:after {
-webkit-transform: translateY(8px);
-moz-transform: translateY(8px);
transform: translateY(8px); }
@@ -322,42 +380,82 @@
opacity: 1;
visibility: visible; }

.hint--always.hint--top:after, .hint--always.hint--top:before {
.hint--always.hint--top:before {
-webkit-transform: translateY(-8px);
-moz-transform: translateY(-8px);
transform: translateY(-8px); }

.hint--always.hint--top:after {
-webkit-transform: translateX(-50%) translateY(-8px);
-moz-transform: translateX(-50%) translateY(-8px);
transform: translateX(-50%) translateY(-8px); }

.hint--always.hint--top-left:after, .hint--always.hint--top-left:before {
.hint--always.hint--top-left:before {
-webkit-transform: translateY(-8px);
-moz-transform: translateY(-8px);
transform: translateY(-8px); }

.hint--always.hint--top-left:after {
-webkit-transform: translateX(-100%) translateY(-8px);
-moz-transform: translateX(-100%) translateY(-8px);
transform: translateX(-100%) translateY(-8px); }

.hint--always.hint--top-right:after, .hint--always.hint--top-right:before {
.hint--always.hint--top-right:before {
-webkit-transform: translateY(-8px);
-moz-transform: translateY(-8px);
transform: translateY(-8px); }

.hint--always.hint--top-right:after {
-webkit-transform: translateY(-8px);
-moz-transform: translateY(-8px);
transform: translateY(-8px); }

.hint--always.hint--bottom:after, .hint--always.hint--bottom:before {
.hint--always.hint--bottom:before {
-webkit-transform: translateY(8px);
-moz-transform: translateY(8px);
transform: translateY(8px); }

.hint--always.hint--bottom:after {
-webkit-transform: translateX(-50%) translateY(8px);
-moz-transform: translateX(-50%) translateY(8px);
transform: translateX(-50%) translateY(8px); }

.hint--always.hint--bottom-left:after, .hint--always.hint--bottom-left:before {
.hint--always.hint--bottom-left:before {
-webkit-transform: translateY(8px);
-moz-transform: translateY(8px);
transform: translateY(8px); }

.hint--always.hint--bottom-left:after {
-webkit-transform: translateX(-100%) translateY(8px);
-moz-transform: translateX(-100%) translateY(8px);
transform: translateX(-100%) translateY(8px); }

.hint--always.hint--bottom-right:after, .hint--always.hint--bottom-right:before {
.hint--always.hint--bottom-right:before {
-webkit-transform: translateY(8px);
-moz-transform: translateY(8px);
transform: translateY(8px); }

.hint--always.hint--bottom-right:after {
-webkit-transform: translateY(8px);
-moz-transform: translateY(8px);
transform: translateY(8px); }

.hint--always.hint--left:after, .hint--always.hint--left:before {
.hint--always.hint--left:before {
-webkit-transform: translateX(-8px);
-moz-transform: translateX(-8px);
transform: translateX(-8px); }

.hint--always.hint--left:after {
-webkit-transform: translateX(-8px);
-moz-transform: translateX(-8px);
transform: translateX(-8px); }

.hint--always.hint--right:after, .hint--always.hint--right:before {
.hint--always.hint--right:before {
-webkit-transform: translateX(8px);
-moz-transform: translateX(8px);
transform: translateX(8px); }

.hint--always.hint--right:after {
-webkit-transform: translateX(8px);
-moz-transform: translateX(8px);
transform: translateX(8px); }

0 comments on commit d3b9044

Please sign in to comment.