explosion/spaCy
1
1
Fork 0
mirror of https://github.com/explosion/spaCy.git synced 2024-11-13 13:17:06 +03:00
Code Issues Packages Projects Releases Wiki Activity

Add tooltips component

Browse Source
This commit is contained in:
ines 2017-05-17 18:20:53 +02:00
parent 8a415fc402
commit 841ad29f61
2 changed files with 30 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
website/assets/css/_components/_tooltips.sass Normal file
View File

@ -0,0 +1,29 @@
//- 💫 CSS > COMPONENTS > TOOLTIPS
[data-tooltip]
position: relative
@include breakpoint(min, sm)
&:before
@include position(absolute, top, left, 125%, 50%)
display: inline-block
content: attr(data-tooltip)
background: $color-front
border-radius: 2px
color: $color-back
font-family: inherit
font-size: 1.3rem
line-height: 1.25
opacity: 0
padding: 0.5em 0.75em
transform: translateX(-50%) translateY(-2px)
transition: opacity 0.1s ease-out, transform 0.1s ease-out
visibility: hidden
min-width: 200px
max-width: 300px
z-index: 200
&:hover:before
opacity: 1
transform: translateX(-50%) translateY(0)
visibility: visible

1
website/assets/css/style.sass
View File

@ -32,3 +32,4 @@ $theme: blue !default
@import _components/navigation @import _components/navigation
@import _components/sidebar @import _components/sidebar
@import _components/tables @import _components/tables
@import _components/tooltips