Fix formatting and add subtle borders for tooltips on dark backgrounds

This commit is contained in:
ines 2017-05-21 20:51:30 +02:00
parent 5c06cf71ab
commit a87da31271

View File

@ -10,6 +10,7 @@
content: attr(data-tooltip) content: attr(data-tooltip)
background: $color-front background: $color-front
border-radius: 2px border-radius: 2px
border: 1px solid rgba($color-subtle-dark, 0.5)
color: $color-back color: $color-back
font: normal 1.3rem/#{1.25} $font-primary font: normal 1.3rem/#{1.25} $font-primary
text-transform: none text-transform: none
@ -18,7 +19,6 @@
transform: translateX(-50%) translateY(-2px) transform: translateX(-50%) translateY(-2px)
transition: opacity 0.1s ease-out, transform 0.1s ease-out transition: opacity 0.1s ease-out, transform 0.1s ease-out
visibility: hidden visibility: hidden
//white-space: nowrap
min-width: 200px min-width: 200px
max-width: 300px max-width: 300px
z-index: 200 z-index: 200