summaryrefslogtreecommitdiff
path: root/assets/sass/_tooltip.sass
blob: 14b91d51065215b42d86b2cef507d8898a4e8b90 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
@import variables

.tooltip-arrow:after
  background: #fff
  border: 1px solid #aaaaaa
  box-shadow: 0 0 5px #aaa

div.ui-tooltip
  min-width: 200px
  max-width: 600px

.tooltip-arrow
  width: 20px
  height: 10px
  overflow: hidden
  position: absolute
  &.top
    top: -10px
  &.bottom
    bottom: -10px
  &.align-left
    left: 10px
  &.align-right
    right: 10px
  &:after
    content: ""
    position: absolute
    width: 14px
    height: 14px
    -webkit-transform: rotate(45deg)
    -ms-transform: rotate(45deg)
    transform: rotate(45deg)
  &.bottom:after
    top: -10px
  &.top:after
    bottom: -10px
  &.align-left:after
    left: 0
  &.align-right:after
    right: 0

.tooltip-large
  width: 600px

.ui-tooltip-content .markdown p
  margin-bottom: 0

.tooltip .fa-info-circle
  color: color('light')