| 123456789101112131415161718192021222324252627282930313233343536373839404142434445 |
- themeName = 'bubble'
- activeColor = #fff
- borderColor = #777
- backgroundColor = #444
- inactiveColor = #ccc
- shadowColor = #ddd
- textColor = #fff
- @import './core'
- @import './base'
- @import './bubble/*'
- .ql-container.ql-bubble:not(.ql-disabled)
- a
- position: relative
- white-space: nowrap
- a::before
- background-color: #444
- border-radius: 15px
- top: -5px
- font-size: 12px
- color: #fff
- content: attr(href)
- font-weight: normal
- overflow: hidden
- padding: 5px 15px
- text-decoration: none
- z-index: 1
- a::after
- border-top: 6px solid #444
- border-left: 6px solid transparent
- border-right: 6px solid transparent
- top: 0
- content: " "
- height: 0
- width: 0
- a::before, a::after
- left: 0
- margin-left: 50%
- position: absolute
- transform: translate(-50%, -100%)
- transition: visibility 0s ease 200ms
- visibility: hidden
- a:hover::before, a:hover::after
- visibility: visible
|
