From f3f78136d631892b9247bb345aa70a4d8812507c Mon Sep 17 00:00:00 2001 From: Yan Zhu Date: Mon, 18 Apr 2016 22:59:52 +0800 Subject: cleanup code & sort CSS properties alphabetically --- src/tooltips.less | 30 +++++++++++++++--------------- 1 file changed, 15 insertions(+), 15 deletions(-) (limited to 'src/tooltips.less') diff --git a/src/tooltips.less b/src/tooltips.less index ab3e754..6659604 100644 --- a/src/tooltips.less +++ b/src/tooltips.less @@ -3,25 +3,25 @@ position: relative; &::after { - content: attr(data-tooltip); - display: block; - max-width: 32rem; - padding: .6rem 1rem; - border-radius: .3rem; background-color: fade(#333, 90%); - opacity: 0; + border-radius: .3rem; + bottom: 100%; color: #fff; + content: attr(data-tooltip); + display: block; font-size: 1.2rem; - line-height: 1.6rem; - text-overflow: ellipsis; - position: absolute; - bottom: 100%; left: 50%; - transform: translate(-50%, 0); + line-height: 1.6rem; + max-width: 32rem; + opacity: 0; overflow: hidden; - z-index: 99; + padding: .6rem 1rem; pointer-events: none; + position: absolute; + text-overflow: ellipsis; + transform: translate(-50%, 0); transition: all .216s ease; + z-index: 99; } &:hover, &:focus { @@ -46,8 +46,8 @@ } &.tooltip-bottom { &::after { - top: 100%; bottom: auto; + top: 100%; transform: translate(-50%, 0); } &:hover, @@ -59,9 +59,9 @@ } &.tooltip-left { &::after { - right: 100%; bottom: 50%; left: auto; + right: 100%; transform: translate(0, 50%); } &:hover, @@ -71,4 +71,4 @@ } } } -} \ No newline at end of file +} -- cgit v1.3.1-23-gd82d