50 lines
813 B
Sass
50 lines
813 B
Sass
@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')
|